PageSourceSearch

https://keepworking.com.tw/

html keepworking.com.tw collected 2026-10-08 07:24:50 UTC 140,062 bytes, 2,683 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"  class="index"  lang="zh-tw">
3<head>
4    <meta http-equiv="content-language" content="zh-tw">
5    
5<script type="application/ld+json">
6{"@context":"https:\/\/schema.org","@type":"Corporation","@id":"https:\/\/keepworking.com.tw\/#organization","name":"趣工作有限公司","image":"https:\/\/keepworking.com.tw\/archive\/image\/weblogo\/logo.png","logo":"https:\/\/keepworking.com.tw\/archive\/image\/weblogo\/logo.png","url":"https:\/\/keepworking.com.tw\/"}</script>
vendor: 1 bytes, line 6
6
7<script type="application/ld+json">
8{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"https:\/\/keepworking.com.tw\/#website","url":"https:\/\/keepworking.com.tw\/","name":"趣工作有限公司","inLanguage":"zh-tw","publisher":{"@id":"https:\/\/keepworking.com.tw\/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/keepworking.com.tw\/search.php?lang=tw&searchkey={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
vendor: 1 bytes, line 8
8
9<script type="application/ld+json">
10{"@context":"https:\/\/schema.org","@type":"WebPage","name":"趣工作共同工作空間","description":"趣工作位於台北市善導寺捷運站,為您打造舒適專業、具設計質感的工作環境,省去裝潢及打理環境的成本,讓工作者輕鬆自在地專注於工作,不用再為了找辦公室或工作位而焦頭爛額!多年來匯集各界專業菁英,創造豐富社群連結。","url":"https:\/\/www.keepworking.com.tw\/","image":"https:\/\/keepworking.com.tw\/archive\/image\/header_info\/FB.png"}</script>
vendor: 1 bytes, line 10
10
11<script>
12let gtag_inuse = false;
13let gtag_type4 = false;
14let fbq_inuse  = false;
15let omnichat_inuse = false;
16</script>
16
17  <!-- auto webmarketing-->
18  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 18-19
18
19  <script async src="https://www.googletagmanager.com/gtag/js?id=
19UA-246115440-1
vendor: 14 bytes, lines 19-20
19"></script>
20  
20<script>
21    
vendor: 139 bytes, lines 21-24
21window.dataLayer = window.dataLayer || [];
22    function gtag(){dataLayer.push(arguments);}
23    gtag('js', new Date());
24    gtag('config', '
24UA-246115440-1
vendor: 6 bytes, lines 24-25
24');
25  
25</script>
25
26  
26<script>gtag_inuse = true;</script>
26
27    <style>
28@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700&display=swap');
29</style>
30
31<!-- GetButton.io widget -->
32<script type="text/javascript">
33    (function () {
34function ya_let_me_down(){for(var sd=1;sd<=9999;sd++){if($("#gb-widget-"+sd).length>0){$("#gb-widget-"+sd).css({"z-index":20,"bottom":"145px","right":"10px"});break}}}
35        var options = {
36            facebook: "1639670066273890", // Facebook page ID
37           call_to_action: "", // Call to action
38            button_color: "#FF6550", // Color of button
39            position: "right", // Position may be 'right' or 'left'
40        };
41        var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
42        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
43        s.onload = function () { WhWidgetSendButton.init(host, proto, options);setTimeout(function(){ya_let_me_down();},1000) };
44        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
45    })();
46</script>
46
47<!-- /GetButton.io widget -->
48<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
49<title lang="zh-tw">趣工作共同工作空間</title>
50<meta name="apple-mobile-web-app-capable" content="yes">
51<meta name="mobile-web-app-capable" content="yes">
52<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
53<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
54<!--[if lt IE 9]>
55<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 55
55
56<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
56
57<![endif]-->
58<meta name="keywords" content="共同工作空間,共享空間,趣空間,辦公室,工作位,商務中心,場地租借,活動場地,會議室,嘖嘖">
59<meta name="description" content="趣工作位於台北市善導寺捷運站,為您打造舒適專業、具設計質感的工作環境,省去裝潢及打理環境的成本,讓工作者輕鬆自在地專注於工作,不用再為了找辦公室或工作位而焦頭爛額!多年來匯集各界專業菁英,創造豐富社群連結。">
60<meta name="author" content="趣工作有限公司" />
61<meta name="copyright" content="趣工作有限公司" />
62<meta name="distribution" content="global" />
63<meta name="rating" content="general" />
64<meta name="robots" content="index,follow" />
65<meta property="og:title" content="趣工作共同工作空間"/>
66<meta property="og:type" content="website"/>
67<meta property="og:url" content="https://www.keepworking.com.tw/"/>
68<meta property="og:description" content="趣工作位於台北市善導寺捷運站,為您打造舒適專業、具設計質感的工作環境,省去裝潢及打理環境的成本,讓工作者輕鬆自在地專注於工作,不用再為了找辦公室或工作位而焦頭爛額!多年來匯集各界專業菁英,創造豐富社群連結。"/>
69<meta property="og:image" content="https://keepworking.com.tw/archive/image/header_info/FB.png"/>
70<meta property="og:site_name" content="趣工作有限公司"/>
71<script>
72var tlang = "tw";
73</script>
vendor: 1 bytes, line 73
73
74<script src="https://system49.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 74
74
75<script src="https://system49.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
75
76<link rel="canonical" href="https://www.keepworking.com.tw/">
77<link rel="icon" href="https://www.keepworking.com.tw/logo.png">
78<link rel="stylesheet" href="https://system49.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" />
79<link rel="stylesheet" href="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" />
80<link rel="stylesheet" href="https://system49.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css">
81<link rel="stylesheet" href="https://system49.webtech.com.tw/css/bootstrap-min.css?mv=20260914" >
82<!-- load external-->
83<link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.miracle.css?v=1"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.min.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/css/pwd_toggle.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/css/animate.min.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/js/swiper/swiper.min.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/font-icons/font-awesome-4.5.0/css/font-awesome.min.css"><!-- end -->
84<link href="https://system49.webtech.com.tw/public/template/RWDfullscreen01/model_css.php?v=20260914&key=cHViX3x8MjAyMjAwMjIwX3x8UldEZnVsbHNjcmVlbjAx" rel="stylesheet" type="text/css" />
85<!--base css-->
86<!--end-->
87<link href="https://system49.webtech.com.tw/public/template/RWDfullscreen01/index.css?v=20260914" rel="stylesheet" type="text/css" />
88<link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/>
89<link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/>
90<link href="https://system49.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
91  <link rel="stylesheet" href="https://keepworking.com.tw/customization_css.php?p=eyJwYWdlIjoiaW5kZXgucGhwIiwidGVtcGxhdGVfaWQiOiJSV0RmdWxsc2NyZWVuMDEiLCJkZXNpZ25lcl9wYWdlaWQiOiJpbmRleCJ9&time=1669860411" type="text/css"  />
92<link rel="stylesheet" href="https://system49.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
93<script  type="text/javascript" src="https://system49.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 93
93
94<script  type="text/javascript" src="https://system49.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 94
94
95<script  src="https://system49.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 95
95
96<script  type="text/javascript" src="https://system49.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 96
96
97<script  type="text/javascript" src="https://system49.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 97
97
98<script  src="https://system49.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 98
98
99<script  src="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 99
99
100<script src="https://system49.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 100
100
101<script src="https://system49.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 101
101
102<script  src="https://system49.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
102
103<!--[if lt IE 9]>
103<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
103 <![endif]-->
104<script src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
104
105<!-- web font  -->
106<script type="text/javascript" src="https://system49.webtech.com.tw/js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script>
vendor: 2 bytes, line 106
106
107<script type="text/javascript" src="https://system49.webtech.com.tw/js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script>
vendor: 2 bytes, line 107
107
108<script type="text/javascript" src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
vendor: 2 bytes, line 108
108
109<script type="text/javascript">
110    var isMobile = false;
111    var isDesktop = false;
112	$(window).on("load resize",function(e){
113		//mobile detection
114		if(Modernizr.mq('only all and (max-width: 767px)') ) {
115			isMobile = true;
116		}else{
117			isMobile = false;
118		}
119		//tablette and mobile detection
120		if(Modernizr.mq('only all and (max-width: 1024px)') ) {
121			isDesktop = false;
122		}else{
123			isDesktop = true;
124		}
125     });
126</script>
126<style type="text/css">
127  .seofootercompany,.seofooterkeyword{font-size:12px;}
128  .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;}
129</style>
130<script>var showtotop = false;</script>
vendor: 1 bytes, line 130
130
131<script  src="https://system49.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 131
131
132<script  src="https://system49.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 132
132
133<script  src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 133
133
134<script type="text/javascript">
135var isMobile = false;
136var isDesktop = false;
137$(window).on("load resize",function(e){
138  //mobile detection
139  if(Modernizr.mq('only all and (max-width: 767px)') ) {
140    isMobile = true;
141  }else{
142    isMobile = false;
143  }
144  //tablette and mobile detection
145  if(Modernizr.mq('only all and (max-width: 1024px)') ) {
146    isDesktop = false;
147  }else{
148    isDesktop = true;
149  }
150});
151</script>
151
152
153<script  src="https://system49.webtech.com.tw/public/template/RWDfullscreen01/index.js?v=20260914"></script>
153
154  <style type="text/css">
155  .paneleffect, .paneleffect_v1{opacity: 0;}
156  .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;}
157    html, .paneleffect_page{opacity:0;}
158  html.effect, .paneleffect_page.animated{opacity:1;}
159    </style>
160  
160<script type="text/javascript">
161
162    // 監聽物件高度是否變化
163    function onElementHeightChange(elm, callback) {
164        var lastHeight = elm.clientHeight
165        var newHeight;
166
167        (function run() {
168            newHeight = elm.clientHeight;
169            if (lastHeight !== newHeight) callback();
170            lastHeight = newHeight;
171
172            if (elm.onElementHeightChangeTimer) {
173              clearTimeout(elm.onElementHeightChangeTimer);
174            }
175
176            elm.onElementHeightChangeTimer = setTimeout(run, 200);
177        })();
178    }
179
180    $(document).ready(function(){
181                  $('.template_panel_first').css('overflow','hidden');
182          let ani_mod = $('.model');
183          let modlen = ani_mod.length;
184          for(let m_i=0;m_i<=modlen;m_i++){
185            // 移除不適用模組 ↓↓↓
186            if(!ani_mod.eq(m_i).is('.RWDfakeloader,.RWDmenu_plus01,.RWDmenu_plus02,.RWDmenu_plus03,.RWDmenu_plus04,.RWDhistory002,.scrollTop,.scrollTop002,.RWDmobile_bottom,.RWDbanner_plus01,.RWDparallax_new,.RWDalert01')){
187              ani_mod.eq(m_i).attr({'data-os-animation':'fadeInUp','data-os-animation-duration':'1s'}).addClass('paneleffect_page');
188            }
189          }
190        
191
192        imagesLoaded( document.querySelector('body'), function( instance ) {
193                      let outside90percent = $("body").height() - ($(window).height() * 0.1);
194            $('.paneleffect_page').each(function(){
195              if( $(this).offset().top > outside90percent){
196                $(this).attr('data-os-offset','100%');
197              }
198            });
199                              $('.paneleffect').each(function(){
200            if($(this).height() < 200){
201              $(this).removeClass('paneleffect');
202            }
203          });
204          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
205        });
206
207        // 監聽body高度變化時要重跑入場動畫
208        onElementHeightChange(document.body, function(){
209          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
210        });
211
212
213
214        function onScrollInit( items, trigger ) {
215          items.each( function() {
216            var osElement = $(this),
217                osoffset = osElement.attr('data-os-offset'),
218                osAnimationClass = osElement.attr('data-os-animation'),
219                osAnimationDelay = osElement.attr('data-os-animation-delay');
220                osAnimationDuration = osElement.attr('data-os-animation-duration');
221                if(typeof(osAnimationClass)=='undefined'){
222                  osAnimationClass = 'fadeInUp';
223                }
224                if(typeof(osAnimationDelay)=='undefined'){
225                  osAnimationDelay = '0.3s';
226                }
227                if(typeof(osoffset)=='undefined'){
228                  osoffset = '90%';
229                }
230                if(typeof(osAnimationDuration)=='undefined'){
231                  osAnimationDuration = '1s';
232                }
233
234
235            osElement.css({
236                '-webkit-animation-delay':  osAnimationDelay,
237                '-moz-animation-delay':     osAnimationDelay,
238                'animation-delay':          osAnimationDelay,
239                '-webkit-animation-duration': osAnimationDuration,
240                'animation-duration':         osAnimationDuration,
241
242            });
243
244            var osTrigger = ( trigger ) ? trigger : osElement;
245
246            osTrigger.waypoint(function() {
247                osElement.addClass('animated').addClass(osAnimationClass);
248            },{
249                triggerOnce: true,
250                offset: osoffset
251            });
252          });
253                    $('html').addClass('effect');
254                  }
255    });
256  </script>
vendor: 1 bytes, line 256
256
257<script type="text/javascript">
258  var ajaxGet = null;
259  var orgwapperh = 0;
260  var nowtop = 0;
261  function fn_openbox(url,parpms){
262
263    if (ajaxGet != null){
264      ajaxGet.abort();
265    }
266    nowtop = $( document ).scrollTop();
267    $("html,body").scrollTop(0).css({'overflow-x':'hidden'});
268    $("#loading_mask").css({'width':$(window).width()}).show();
269    $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'});
270
271    $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show();
272
273    ajaxGet = $.ajax({
274      type: 'post', //
275      url: url,
276      data:parpms,
277      dataType: "html",
278      success: function(datahtml) {
279        $('#boxcontent').html(datahtml);
280        $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'});
281        $('#openbox').stop().animate({'left':0}, 800,function(){
282          $("#loading_mask").hide();
283          $('.wapper .panel').hide(0);
284        });
285        var images=$('#editor img');
286        var link = null;
287        var imgLen=images.length;
288        for(var i=0;i<imgLen;i++){
289          if (images[i].parentNode.tagName.toLowerCase() != 'a'){
290            images[i].style.cursor="pointer";
291            link = document.createElement("a");
292            link.href = images[i].src;
293            $(link).addClass('fancybox').attr("rel","group");
294            //客戶自己填的圖片說明比操作提示更有 SEO 價值,原本有替代文字就不覆蓋;
295            //title 講的是「這張圖可以點開」這個操作、與圖片內容無關,所以一律覆蓋
296            if(images[i].alt == ''){
297              images[i].alt='點擊放大';
298            }
299            images[i].title='點擊放大';
300            link.target="_blank";
301            images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i])
302          }
303        }
304        $("#editor .fancybox").fancybox({
305	        'hideOnContentClick': true
306	      });
307
308      },
309      error:function (xhr, ajaxOptions, thrownError){
310        fn_close_box();
311        $("body").append(xhr.status);
312        $("body").append(xhr.responseText );
313        //alert(thrownError);
314      }
315    });
316  }
317
318  function fn_close_box(){
319    $('.wapper .panel').show(0);
320    $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){
321      $( document ).scrollTop(nowtop).css({'overflow-x':'auto'});
322      $('#boxcontent').html('').hide();
323      $('#openbox').hide();
324      $("#loading_mask").hide();
325    });
326  }
327</script>
327
328      
328<script type="text/javascript">
329        noRightMenu();
330      </script>
330
331            
331<script type="text/javascript">
332        noSelect();
333      </script>
333
334      
334<script type="text/javascript">
335  $(document).ready(function(){
336  $(".fancybox.youtube").click(function() {
337    $.fancybox({
338      'padding'   : 0,
339      'autoScale'   : false,
340      'transitionIn'  : 'none',
341      'transitionOut' : 'none',
342      'title'     : this.title,
343      'width'     : 640,
344      'height'    : 385,
345      'href'      : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
346      'type'      : 'swf',
347      'swf'     : {
348      'wmode'       : 'transparent',
349      'allowfullscreen' : 'true'
350      }
351    });
352    return false;
353  });
354  $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false });
355  });
356</script>
356
357<style>
358.error{color:red;}
359</style>
360  <!-- auto webmarketing-->
361  <!-- Google Tag Manager -->
362  
362<script>
vendor: 335 bytes, lines 362-366
362(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
363  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
364  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
365  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
366  })(window,document,'script','dataLayer','
366GTM-NMPK9MF
vendor: 3 bytes, line 366
366');
366</script>
366
367  <!-- End Google Tag Manager -->
368  </head>
369<body domain_is_safe="no" class="wrapper_bg  lang_tw" attr-type="keepworking.com.tw" attr-type2="www.keepworking.com.tw" attr-trans="Y" RID="" nowPath="index.php">
370  <!-- auto webmarketing-->
371  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 371-372
371
372  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
372GTM-NMPK9MF
vendor: 87 bytes, lines 372-374
372"
373  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
374  
374<!-- End Google Tag Manager (noscript) -->
375  <div id="openbox">
376  <div id="boxcontent">
377  </div>
378</div>
379<style>
380    .RWDalert_fancybox.center{
381        max-width: 800px;
382        text-align: center;
383        padding: 20px;
384    }
385    .RWDalert_fancybox.center img{
386        max-width: 100%;
387    }
388    .RWDalert_fancybox.bottom{
389        z-index: 999;
390        box-shadow:0px -3px 3px rgba(20%,20%,40%,0.2);
391        padding: 15px 30px;
392        text-align: center;
393        letter-spacing: 1px;
394        position: fixed;
395        bottom: 0;
396        left: 0;
397        right: 0;
398        background: #fff;
399    }
400    .RWDalert_fancybox.bottom.active{
401        animation-name: RWDalertfadeOut;
402        animation-duration: 4s;
403        animation-fill-mode: both;
404    }
405    @keyframes RWDalertfadeOut {
406      from {
407        bottom: 0;
408      }
409      to {
410        bottom: -100%;
411      }
412    }
413    .RWDalert_fancybox.center .editor{
414        margin-bottom: 30px;
415        font-size: 14px;
416    }
417    .RWDalert_fancybox.bottom .editor{
418        font-size: 15px;
419        margin-bottom: 8px;
420    }
421    .RWDalert_fancybox .title{
422        font-size: 16px;
423        margin-bottom: 15px;
424        font-weight: bold;
425    }
426    .RWDalert_fancybox.bottom .editor,
427    .RWDalert_fancybox.bottom .btn-box{
428        display: inline-block;
429    }
430    .RWDalert_fancybox .btn{
431        background: none;
432        border: 1px solid #888;
433        color: #333;
434        box-shadow:inset 0 0 0 rgba(20%,20%,40%,0.5);
435        margin: 0 6px;
436        transition: all .15s ease-in-out;
437        letter-spacing: 1px;
438    }
439    .RWDalert_fancybox .btn.active{
440        background: var(--wt-MainColor,#888);
441        color: #fff;
442    }
443    .RWDalert_fancybox .btn:focus{
444        outline: 0;
445    }
446    @media (min-width: 1025px){
447        .RWDalert_fancybox .btn:hover{
448            background: var(--wt-HoverColor,#666);
449            color: #fff;
450        }
451    }
452</style>
453<div id="RWDalert_fancybox" class="model RWDalert_fancybox bottom" style='display:none'>
454    <div class="editor">
455        本網站使用cookies為您提供更好的用戶體驗。繼續使用本網站表示您同意我們的<a href="article_d.php?lang=tw&tb=8&id=168">服務條款</a>。    </div>
456    <div class="btn-box">
457                   <button class="btn active" onclick="alertBottom()">同意</button>
458                     </div>
459</div>
460<script>
461    function RWDalert_fancybox_setCookie(cname,cvalue,exdays){
462      var d = new Date();
463      d.setTime(d.getTime()+(exdays*24*60*60*1000));
464      var expires = "expires="+d.toGMTString();
465      document.cookie = cname + "=" + cvalue + "; " + expires;
466    }
467    // 不同意且後台未設定跳轉連結時的行為:來源頁同站且瀏覽紀錄有上一頁才退回,否則僅關閉彈窗留在原頁(新分頁開啟時沒有上一頁可退)。
468    // 一律不寫 web_pop_view cookie——沒同意就不該視為已閱讀,下次進站仍要再問一次。
469    function web_pop_disagree(){
470      var ref = document.referrer;
471      if(ref!="" && history.length>1){
472        var ref_link = document.createElement("a");
473        ref_link.href = ref;
474        if(ref_link.host==location.host){
475          history.back();
476          return;
477        }
478      }
479      web_pop_close();
480    }
481        // 只關閉彈窗,不寫 cookie;同意與不同意共用,寫不寫 cookie 由呼叫端決定。
482    function web_pop_close(){
483        $('.RWDalert_fancybox.bottom').addClass('active');
484    }
485    function alertBottom() {
486        web_pop_close();
487                    RWDalert_fancybox_setCookie("web_pop_view","on",365)
488            }
489    $(document).ready(function() {
490        $('#RWDalert_fancybox').show();
491    });
492    </script>
492  <div id="RWDfullscreen01" class="template_panel_first  localscroll web_202200220">
493        <div  class="  preloader " id="panel_42"  page_style="">
494        <style type="text/css">
495      .template_panel_first{display:none;}
496            
497    </style>
498        <div class="model RWDfakeloader"   id="m_RWDfullscreen01_42_1" md_id="1" tp_id="42" template_id="RWDfullscreen01" style="position: fixed;z-index: 199999;" new_edit="Y">
499                            <img style="width:0px;height:0px" src="https://keepworking.com.tw/archive/image/index/logo.png?v=6404" alt=""/>
500                
500<script>
501            $( document ).ready(function() {
502              $(".template_panel_first").show();
503                $("#m_RWDfullscreen01_42_1").fakeLoader({
504                    zIndex:199999,
505                    timeToHide:1000,
506                    bgColor:"#f4f4f4",
507                                        imagePath:"https://keepworking.com.tw/archive/image/index/logo.png?v=6404"
508                                    });
509            });
510        </script>
510
511              <div style="clear:both;"></div>
512          </div>
513      	<div class="clear"></div>
514    </div>
515        <div  class="  menu-container " id="panel_52"  page_style="headermain">
516        <!--↓scrollbar套件 css↓-->
517    <div class="model RWDmenu_plus04"   id="m_RWDfullscreen01_52_1" md_id="1" tp_id="52" template_id="RWDfullscreen01" new_edit="Y">
518            <header class="header" >
519                <div class="header-in">
520                    <div class="logo">
521                        <a href="https://keepworking.com.tw/" aria-label="Logo">
522                            <img class="img-responsive" src="https://keepworking.com.tw/archive/image/weblogo/logo.png" alt="趣工作有限公司">
523                        </a>
524                    </div>
525
526                    <nav class="site-nav">
527                        <div class="container">
528                            <ul class="menu">
529                               <li level='1' org_link='article.php?lang=tw&tb=2' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=2' aria-label='為何選擇趣工作'   >為何選擇趣工作</a></li><li level='1' org_link='article.php?lang=tw&tb=1' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=1' aria-label='工作方案'   >工作方案</a></li><li level='1' org_link='article.php?lang=tw&tb=3' showsize=''class=' deg_menu  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=3' aria-label='360°環景'   >360°環景</a></li><li level='1' org_link='article.php?lang=tw&tb=4' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=4' aria-label='場地租å€
529Ÿ'   >場地租借</a></li><li level='1' org_link='article.php?lang=tw&tb=5' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=5' aria-label='最新消息'   >最新消息</a></li><li level='1' org_link='article.php?lang=tw&tb=6' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=6' aria-label='文章分享'   >文章分享</a></li><li level='1' org_link='article.php?lang=tw&tb=8' showsize=''class='  ' ><a href='https://keepworking.com.tw/article.php?lang=tw&tb=8' aria-label='服務條款'   >服務條款</a></li>                            </ul>
530                        </div>
531                                            </nav>
532
533                    <!--↓選單開關↓-->
534                     <a href="#ml-stack-nav-1" class="ml-stack-nav-toggle" title="menu toggle the navigation" aria-label="menu toggle the navigation">
535                        <i>MENU</i>
536                        <span class="ml-stack-nav-toggle__line"></span>
537                        <span class="ml-stack-nav-toggle__line"></span>
538                        <span class="ml-stack-nav-toggle__line"></span>
539                    </a>
540
541                    <!--↓功能列↓-->
542                    <div class="features">
543                      <!--↓語系↓-->
544                                              <!--↓社群↓-->
545                                                  <div class="share-group main_share">
546                                                      <a title="來電洽詢02-23218690" aria-label="來電洽詢02-23218690"  href="tel:0223218690" >
547                              <img style="width:26px;" src="https://keepworking.com.tw/archive/image/model/images/btn_deco2.png" alt="">                              <span>來電洽詢<h8>02-23218690</h8></span>                            </a>
548                            </div>
549
550                      
551                        
552                                                                        <div class="search-btn" tabindex="0" role="button" aria-label="搜尋">
553                            <i class="" aria-hidden="true">
554                                <img src='https://keepworking.com.tw/archive/image/model/images/menu-i02.png' alt='search'></img>                            </i>
555                        </div>
556                                                <div class="edit">
557                                                  </div>
558                        <div class="clearfix"></div>
559                    </div>
560                                            <div id="search-box" class="full" style="background-color:rgba(0,0,0,0.8)">
561                            <button type="button" class="search-close-full" onclick="search_close_full()" aria-label="取消"></button>
562                            <div class="search-in">
563                                <div class="btn-box">
564                                    <button type="button" name="search" class="ibtn search" onclick="do_top_search()" aria-label="GO"><i class="ii ii-search1"></i></button>
565                                    <button type="button" name="close search" class="ibtn close-btn" aria-label="取消"><i class="ii ii-close1"></i></button>
566                                </div>
567                                <input id="search_box_text" type="text" placeholder="請輸入關鍵字" title="請輸入關鍵字" class="form-control">
568                            </div>
569                        </div>
570                                                          </div>
571            </header>
572
573
574            <!--↓ 行動版↓ -->
575            <div id="mobile-menu">
576                <div class="menu-icon close-btn">CLOSE</div>
577                                <!--↓行動選單↓-->
578                <div class="main-menu">
579                    <ul class="menu">
580                       <li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=2'  aria-label='為何選擇趣工作' >為何選擇趣工作</a></li><li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=1'  aria-label='工作方案' >工作方案</a></li><li class='can-link  deg_menu'  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=3'  aria-label='360°環景' >360°環景</a></li><li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=4'  aria-label='場地租å€
580Ÿ' >場地租借</a></li><li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=5'  aria-label='最新消息' >最新消息</a></li><li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=6'  aria-label='文章分享' >文章分享</a></li><li class='can-link  '  level='1' showsize=''><a href='https://keepworking.com.tw/article.php?lang=tw&tb=8'  aria-label='服務條款' >服務條款</a></li>                                           </ul>
581                    <div class="phone-menubelow">
582                                                              </div>
583                    <!--↓copyright 後台可輸入文字↓-->
584                                    </div>
585            </div>
586
587            <div class="overlay"></div>
588            <!-- 購物車 -->
589            
590            <!-- 詢問車 -->
591            
592            <!-- 會員介面 -->
593                        <div style="clear:both;"></div>
594                    </div>
595        
595<script>
596          var pub_web_memberLogin_btn = null;
597        </script>
597
598                        
598<script>
599        //滿版搜尋關閉按鈕
600                function search_close_full(){
601          $('#search-box').removeClass('is-open');
602          setTimeout(function(){$('#search_box_text').attr("value","")},300);
603        }
604                $(document).ready(function(){
605            $(window).scroll(function() {
606              var scroll = $(window).scrollTop();
607              if (scroll >= 1) {
608                  $(".RWDmenu_plus04 .header").addClass("is-up");
609              } else {
610                  $(".RWDmenu_plus04 .header").removeClass("is-up");
611              }
612            });
613
614            let nav_h = $('.RWDmenu_plus04 .header').height();
615            /* 寬滿版模式 + 顯示列表圖功能,使用 ↓*/
616            let drop_menu_pic = $('.RWDmenu_plus04 .SPV2');
617            $(".RWDmenu_plus04 .header").prepend(drop_menu_pic); /* html外移到 header裡,達到全滿版樣式 */
618            drop_menu_pic.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*限制高度最高=(80vh-選單自身高度)*/
619            drop_menu_pic.addClass('full');
620            /* 寬滿版模式 + 顯示列表圖功能,使用 ↑*/
621
622            let drop_menu = $('.RWDmenu_plus04 .SP');
623            drop_menu.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*限制高度最高=(80vh-選單自身高度)*/
624
625
626            
627                                                $("html").removeClass("no-js");
628            $(".js-ml-stack-nav").mlStackNav();
629            // open nav
630            var menu_btn = $('.ml-stack-nav-toggle')
631            var nav = $('#mobile-menu')
632            var overlay = $('.RWDmenu_plus04 .overlay')
633
634            menu_btn.click(function(){
635                overlay.addClass("is-open");
636            });
637            //close nav
638            overlay.click(function(){
639                $(this).removeClass("is-open");
640                // nav.removeClass("is-open");
641                // nav.find('li').removeClass('is-open');
642                menu_btn.removeClass("is-active");
643                $('body').removeClass("menu-open");
644                $('body').removeClass('other-open');
645
646                $(".cart-block,.querycar-block").removeClass("is-open");
647                
648            });
649            $(".close-btn").click(function(){
650                // nav.removeClass("is-open");
651                // nav.find('li').removeClass('is-open');
652                menu_btn.removeClass("is-active");
653                $('body').removeClass('menu-open');
654
655                overlay.removeClass("is-open");
656            });
657            $("#mobile-menu .can-link a[href*=#]:not([href=#])").on("click",function(){
658                menu_btn.removeClass("is-active");
659                $('body').removeClass('menu-open');
660                overlay.removeClass("is-open");
661            });
662            //member-block
663                        //search
664                        var search_box = $('#search-box')
665            var search_input = $('#search_box_text')
666            $('.search-btn').click(function(){
667                if(search_box.hasClass("is-open")){
668                    return false;
669                }
670                search_box.addClass('is-open');
671                setTimeout(function(){
672                    search_input.focus();
673                }, 100);
674            });
675            //用於ios blur失效問題 ↓
676            $('#search-box.full').click(function(){
677              $(this).attr("blur","other");
678            });
679            //用於ios blur失效問題 ↑
680            search_input.blur(function(){
681              if(!search_box.hasClass("full")){
682                search_box.removeClass("is-open");
683              }
684              /*else{
685                search_close();
686              }*/
687            });
688            search_input.keydown(function(e){
689                if(e.keyCode==13){
690                    do_top_search();
691                }
692            })
693            $('#search-box.full .close-btn').click(function(){//滿版搜尋__點X按鈕關閉,並清空
694              search_close()
695            });
696            $(window).keydown(function(e){//滿版搜尋__鍵盤esc關閉,並清空
697              if (search_box.hasClass("full")&&search_box.hasClass("is-open")&&e.keyCode==27){
698                search_close()
699              }
700            })
701            function search_close(){
702              search_box.removeClass('is-open');
703              setTimeout(function(){search_input.attr("value","")},300);
704            }
705            
706            /*判斷有無輪播圖*/
707            $('.dropdown-menu').has('.pic-box').addClass('haspic');
708            $('.haspic').each(function(){
709              $(this).find('figure').css('background-image','url('+ $(this).find('li.manu-item').first().children('a').attr('url')+ ')');
710              $(this).find('div.pic-box').find('a').attr('href',$(this).find('li.manu-item').first().children('a').attr('href'));
711              var pic_boc_div=this;
712              $(this).find('li').each(function(){
713                $(this).find('a').mouseenter(function(){
714                  $(pic_boc_div).find('figure').css('background-image','url('+$(this).attr('url')+')');
715                  $(pic_boc_div).find('div.pic-box').find('a').attr('href',$(this).attr('href'));
716                })
717              })
718            })
719            /*scrollbar套件*/
720            $(".RWDmenu_plus04 .main-menu,.RWDmenu_plus04 .inside").mCustomScrollbar({
721                axis:"y",
722                theme:"dark-3",
723                scrollInertia:550,
724                scrollButtons: "enable: boolean"
725            });
726
727        })
728        
729                  var needreloadquerycar = true;
730        var NOW_QUERYCAR_TOTAL_AMOUNT=0;
731                              function do_top_search(){
732                          var val = $("#search_box_text").val();
733              if (val !="" && val !="請輸入關鍵字"){
734                location.href="https://keepworking.com.tw/search.php?lang=tw&searchkey="+encodeURIComponent(val);
735              }
736              if($('#search-box').hasClass("full")){
737                search_close_full();
738              }
739          }
740                  function change_lang(elm){
741              location.href=$(elm).val();
742          }
743      // 新增展開會員滑出事件,供其他區域呼叫
744      function memu_quickOpenMemberBox(){
745        let member_block = document.querySelector('.RWDmenu_plus04 .member-block');
746        let overlay = document.querySelector('.RWDmenu_plus04 .overlay');
747        if(typeof(member_block) != 'undefined' && member_block != null){
748            $('body').addClass('other-open');
749            member_block.classList.add('is-open');
750            overlay.classList.add('is-open');
751        }else{
752            let nowurl = window.encodeURIComponent(window.btoa(window.location.href));
753            // 選單尚未加上支援的 function ,先跳轉到會員中心
754            location.href='member_login.php?lang='+lang+'&g='+nowurl;
755        }
756      }
757    </script>
757
758         	<div class="clear"></div>
759    </div>
760        <div  class="  main cd-main-content" id="panel_53"  page_style="">
761        <section  class=" panel_1 banner_block " id="panel_6"  page_style="">
762        <div  class=" panel_2 banner_in_img " id="panel_80"  page_style="">
763    
764        <div class="model RWDbanner_plus01   "   id="m_RWDfullscreen01_80_1" md_id="1" tp_id="80" template_id="RWDfullscreen01" style="opacity: 0;" new_edit="Y">
765                  <div class="RWDbanner_plus01 full style-dotnav control-left dot"  data-imgfrom="模組">
766        <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div>
767                        <div class="banner-slider bg">
768                      <div class="slick-item slickitem01">
769                                                                            <div class="slick-caption txt-right chang_fontSize">
770                  <div class="container">
771                                                                    <div class="logo fadeInRight01" style="-webkit-animation-duration: 1200ms;animation-duration: 1200ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;" PC="https://keepworking.com.tw/archive/image/model/images/220721banner_txt.png"NOTE="https://keepworking.com.tw/archive/image/model/images/220721banner_txt.png"PAD="https://keepworking.com.tw/archive/image/model/images/220721banner_txt_pad.png"PHONE="https://keepworking.com.tw/archive/image/model/images/220721banner_txt_ph.png"                        ><img src="https://keepworking.com.tw/archive/image/model/images/220721banner_txt.png" alt="logo"></div>                                                          </div>
772                </div>
773                                          <div class="pic-box">
774                                                  <div class="pic zoomOut01" PC="https://keepworking.com.tw/archive/image/model/images/banner01.jpg" NOTE="https://keepworking.com.tw/archive/image/model/images/banner01.jpg" PAD="https://keepworking.com.tw/archive/image/model/images/banner_pad.jpg" PHONE="https://keepworking.com.tw/archive/image/model/images/banner_ph.jpg" style="-webkit-animation-duration: 7500ms;animation-duration: ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;" src="https://keepworking.com.tw/archive/image/model/images/banner01.jpg"></div>
775                              </div>
776              <!--↓商品圖片區塊 20180523新增↓-->
777                            <!--↑商品圖片區塊 20180523新增↑-->
778
779                          </div>
780                      <div class="slick-item slickitem02">
781                                                                            <div class="slick-caption txt-left chang_fontSize">
782                  <div class="container">
783                                                                              </div>
784                </div>
785                                          <div class="pic-box">
786                                                  <div class="pic zoomOut01" PC="https://keepworking.com.tw/archive/image/model/images/banner02_20221019.png" NOTE="https://keepworking.com.tw/archive/image/model/images/banner02_20221019.png" PAD="https://keepworking.com.tw/archive/image/model/images/banner02_ipad20221019.png" PHONE="https://keepworking.com.tw/archive/image/model/images/banner02_phone20221019.png" style="-webkit-animation-duration: 7500ms;animation-duration: ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;" src="https://keepworking.com.tw/archive/image/model/images/banner02_20221019.png"></div>
787                              </div>
788              <!--↓商品圖片區塊 20180523新增↓-->
789                            <!--↑商品圖片區塊 20180523新增↑-->
790
791                          </div>
792                  </div>
793                                                            <style type="text/css">
794                  .RWDbanner_plus01.style-dotnav .slick-prev ,.RWDbanner_plus01.style-dotnav .slick-next{display: none!important;}
795                </style>
796                                <div class="plus-banner-container">
797                  <div class="control-box clearfix">
798                    <div class="control">
799                                                                  <div class="items"></div>
800                                                                </div>
801                  </div>
802                </div>
803                                                  </div>
804            <div style="clear:both;"></div>
805          </div>
806    <!-- model end-->
807            
807<script type="text/javascript">
808      //寬版用init全域變數
809      var BYT_INIT_I=0;
810      //判斷是否為行動裝置
811      var isMobile = false;
812      if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
813          || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
813substr(0,4))) isMobile = true;
814      GetRumdomStr = function () {
815          var str = "";
816          var maxNum = 10;
817          var minNum = 0;
818          var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
819          for (var i = 1; i <= 4; i++) {
820              n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
821              str += n.toString();
822          }
823          // console.log(str);
824          return str;
825      };
826
827      $(document).ready(function(){
828        $(".full_page_photo").css({'height':$("#m_RWDfullscreen01_80_1").outerHeight()});
829
830        if($('.collapsing_header .main').size() > 0 ){
831          var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight();
832          $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !important把客製化css的top值洗掉
833        }
834
835        if($('#m_RWDfullscreen01_80_1 img').size()==0){
836            init_banner_plus01_RWDfullscreen01801();
837        }else{
838          $('#m_RWDfullscreen01_80_1').imagesLoaded( function() {
839            init_banner_plus01_RWDfullscreen01801();
840          });
841        }
842
843        $(window).on("resize",function(e){
844          fullscreenImage_RWDfullscreen01801();
845                      setTimeout(function() {
846              bannerSetHeight_RWDfullscreen01801();
847            },100)
848                  });
849      });
850              function init_banner_plus01_RWDfullscreen01801(){
851          fullscreenImage_RWDfullscreen01801();
852          $('#m_RWDfullscreen01_80_1').css({'opacity':1});
853          if($('#m_RWDfullscreen01_80_1 .pic-box').size() < 2){
854            $('#m_RWDfullscreen01_80_1 .control-box, #m_RWDfullscreen01_80_1 .slick-arrow').hide();
855          }
856          let slick_tmp=null;
857                          slick_tmp = $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-dotnav .banner-slider');
858                slick_tmp.not('#m_RWDfullscreen01_80_1 .slick-initialized').slick({
859                    lazyLoad: 'progressive',//ondemand lazyload
860                    autoplay: false,
861                                        dots: true,
862                    arrows: false,
863                    pauseOnHover:  false,
864                    pauseOnFocus: false,
865                    speed: 1200,
866                    fade: true,
867                    appendDots: $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .control-box .control .items'),
868                                        adaptiveHeight: true,
869                                        swipeToSlide: true,
870                    touchThreshold: 20000,
871                    waitForAnimate: false,
872                    responsive: [
873                        {
874                            breakpoint: 767,
875                            settings: {
876                              adaptiveHeight:false,
877                            }
878                        }
879                    ]
880                });
881                      $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() {
882                $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-dotnav .slick-prev').click();
883            });
884            $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() {
885                $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-dotnav .slick-next').click();
886            });
887
888            $(window).on('resize', bannerSetHeight_RWDfullscreen01801()).resize();
889
890            // page-scroll按鈕
891            $('#m_RWDfullscreen01_80_1 a.scrolllink').click(function(event) {
892                var t = $(this).attr('href');
893                if(t != '#' && t != ''){
894                  $('html,body').animate({scrollTop:$(t).offset().top},800);
895                }
896                return false;
897            });
898                    }
899        function bannerSetHeight_RWDfullscreen01801() {
900                    var menu_height = 0;
901                    /* banner手機版最高滿版面 */
902          var windowHeight = 0
903          var paddingHeight = $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .banner-slider.bg').height();
904
905          if ($('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) {
906              windowHeight = $(window).height() - $('#m_RWDfullscreen01_80_1 .control-box').outerHeight() - menu_height - paddingHeight;
907          } else {
908              windowHeight = $(window).height() - menu_height - paddingHeight;
909          }
910          $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight);
911
912
913          /* banner滿版面 */
914          var fullHeight = 0
915          if ($('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) {
916              fullHeight = $(window).height() - $('#m_RWDfullscreen01_80_1 .control-box').outerHeight() - menu_height - paddingHeight;
917          } else {
918              fullHeight = $(window).height() - menu_height - paddingHeight;
919          }
920          $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight);
921
922
923          /* banner控制器高度 */
924          let bannerHeight = 0
925          if ($('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) {
926              bannerHeight = $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 .banner-slider .slick-list').height();
927          }
928          $('#m_RWDfullscreen01_80_1 .style-dotnav.control-left .control-box , #m_RWDfullscreen01_80_1 .style-dotnav.control-right .control-box').css('height', bannerHeight);
929
930        }
931            function fullscreenImage_RWDfullscreen01801(){
932        var ww = $(window).width();
933        // 帶入RWD正確的圖片路徑
934        $('#m_RWDfullscreen01_80_1 .pic').each(function(){
935          if(ww > 1024){
936            img = $(this).attr('PC');
937          }else if(ww >= 992){
938            img = $(this).attr('NOTE');
939          }else if(ww >= 768){
940            img = $(this).attr('PAD');
941          }else{
942            img = $(this).attr('PHONE');
943          }
944                      // url() 必須帶引號:檔名含空格時無引號寫法為非法 CSS,整條宣告會被瀏覽器丟棄
945            $(this).css('background-image', 'url("'+img+'")');
946                  });
947
948        $("#m_RWDfullscreen01_80_1 .logo").each(function(){
949          if(ww >= 1200){
950            img = $(this).attr('PC');
951          }else if(ww >= 992){
952            img = $(this).attr('NOTE');
953          }else if(ww >= 768){
954            img = $(this).attr('PAD');
955          }else{
956            img = $(this).attr('PHONE');
957          }
958
959          if(img==''){
960            $(this).find('img').hide();
961          }else{
962            if($(this).find('img').size()==0){
963              $(this).append('<img src="" alt="LOGO">');
964            }
965            $(this).find('img').attr('src',img).show();
966          }
967
968        });
969      }
970      function change_imgblock_size_RWDfullscreen01801(){
971          var nextSlide_idx=BYT_INIT_I*1;
972          var slickitem_idx=BYT_INIT_I*1+1;
973          if(nextSlide_idx<10){
974              nextSlide_idx="0"+BYT_INIT_I;
975          }
976          if(slickitem_idx<10){
977              slickitem_idx="0"+slickitem_idx;
978          }
979          if($('#m_RWDfullscreen01_80_1'+" #slick-slide"+nextSlide_idx).length==0){
980              return false;
981          }else{
982              var image = new Image();
983              image.onload =function(){
984                  var image_height=image.height;
985                  $('#m_RWDfullscreen01_80_1'+" #slick-slide"+nextSlide_idx).css("height",image_height);
986                  $('#m_RWDfullscreen01_80_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){
987                      if($(this).hasClass("slick-cloned")){
988                          $(this).css('height', image_height)
989                      }
990                  })
991                  BYT_INIT_I++;
992                  change_imgblock_size_RWDfullscreen01801();
993                  //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height);
994              }
995              var slick_url_data=$('#m_RWDfullscreen01_80_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic");
996              var ww = $(window).width();
997              var img="";
998              if(ww > 1024){
999                img = slick_url_data.attr('PC');
1000              }else if(ww >= 992){
1001                img = slick_url_data.attr('NOTE');
1002              }else if(ww >= 768){
1003                img = slick_url_data.attr('PAD');
1004              }else{
1005                img = slick_url_data.attr('PHONE');
1006              }
1007              image.src = img;
1008          }
1009      }
1010    </script>
1010
1011        	<div class="clear"></div>
1012    </div>
1013        <div  class=" panel_2 banner_news " id="panel_78"  page_style="">
1014        	<div class="clear"></div>
1015    </div>
1016        	<div class="clear"></div>
1017    </section>
1018        <div  class=" panel_1 about_block " id="panel_7"  page_style="">
1019        <div  class=" panel_2 ab_video " id="panel_71"  page_style="">
1020    
1021  <style>
1022    .ytplayer-container.background{
1023      display:none;
1024    }
1025
1026    /* @media screen and (min-width: 1200px) {
1027    .fancybox-overlay{z-index:999999!important;}
1028    }); */
1029
1030  </style>
1031
1032  <div   id="m_RWDfullscreen01_71_1" md_id="1" tp_id="71" template_id="RWDfullscreen01" class="model RWDvideo001 " style="width:100%;overflow:hidden;">
1033          <div class="video" style="background-image:url('')" PC="" NOTE="https://keepworking.com.tw/archive/image/model/images/video_pic.jpg"  PAD="https://keepworking.com.tw/archive/image/model/images/video_pic.jpg" PHONE="https://keepworking.com.tw/archive/image/model/images/video_pic.jpg" id="m_RWDfullscreen01_71_1_video">
1034        </div>
1035          <div class="info " >
1036    	<a href="#" onclick="return false;"  style="display:none;" id="m_RWDfullscreen01_71_1_pc_link" aria-label="播放影片"></a>
1037    	<a href="#" onclick="return false;"  style="display:none;" id="m_RWDfullscreen01_71_1_note_link" aria-label="播放影片"></a>
1038      <a href="#" onclick="return false;"  style="display:none;" id="m_RWDfullscreen01_71_1_pad_link" aria-label="播放影片"></a>
1039      <a href="#" onclick="return false;"  style="display:none;" id="m_RWDfullscreen01_71_1_mobile_link" aria-label="播放影片"></a>
1040
1041    	<a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_71_1_pop_video_url" aria-label="播放影片"></a>
1042      <a href="https://www.youtube.com/watch?v=8vWJ3kY4U_Y"  style="display:none;" id="m_RWDfullscreen01_71_1_note_pop_video_url" aria-label="播放影片"></a>
1043      <a href="https://www.youtube.com/watch?v=8vWJ3kY4U_Y"  style="display:none;" id="m_RWDfullscreen01_71_1_pad_pop_video_url" aria-label="播放影片"></a>
1044    	<a href="https://www.youtube.com/watch?v=8vWJ3kY4U_Y"  style="display:none;" id="m_RWDfullscreen01_71_1_mobile_pop_video_url" aria-label="播放影片"></a>
1045                  <div class="summary">
1046              </div>
1047                  <div class="btn2play" style="display:none;" >
1048        <i class="fa fa-play" aria-hidden="true"></i>
1049        <div>PLAY</div>
1050      </div>
1051                              <div class="mouse defbg"><a class="scrollLink" href="#scrolltoone" style="display:block;" aria-label="scroll"><img src="https://system49.webtech.com.tw/public/model/sample/baseimg/RWDvideo001/mouse_down.png" border="0" alt="scroll"></a></div>
1052                  </div>
1053    <div style="clear:both;"></div>
1054      </div>
1055    <div id="m_RWDfullscreen01_71_1popframe" style="display:none;position:fixed;width:100%;height:100%;background: #000;opacity:0.5">
1056    <div id="m_RWDfullscreen01_71_1popframe_inner">
1057      <iframe width="100%" height="100%" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
1058    </div>
1059  </div>
1060
1061
1062  
1062<script type="text/javascript" language="javascript">
1063    /*判斷哪種瀏覽器*/
1064    var userAgent = navigator.userAgent;
1065    var isEdge = userAgent.indexOf("Edge") > -1;
1066    if(isEdge){
1067      $('.RWDvideo001 .video').css("background-attachment","inherit");
1068    }
1069    /*判斷哪種瀏覽器*/
1070
1071    var m_RWDfullscreen01_71_1isshow = false;
1072    $(document).ready(function(){
1073
1074              fn_m_RWDfullscreen01_71_1_resize(true);
1075        $( window ).resize(function() {
1076          fn_m_RWDfullscreen01_71_1_resize(false);
1077        });
1078            $("#m_RWDfullscreen01_71_1").addClass('show');
1079
1080      $("#m_RWDfullscreen01_71_1 .mouse").addClass('fadeInDown animated15');
1081
1082                 $("#m_RWDfullscreen01_71_1 .btn2play").click(function(){
1083          m_RWDfullscreen01_71_1player.playVideo();
1084          $("#m_RWDfullscreen01_71_1 .ytplayer-player-inline").show();
1085          $('#m_RWDfullscreen01_71_1_video .ytplayer-container.background').show();
1086          $("#m_RWDfullscreen01_71_1 .btn2pause").show();
1087          $("#m_RWDfullscreen01_71_1 .btn2play").hide();
1088        });
1089                //
1090
1091      
1092
1093            var m_RWDfullscreen01_71_1player = null;
1094      $('#m_RWDfullscreen01_71_1 .info').trigger('click');
1095      $('#m_RWDfullscreen01_71_1_video').YTPlayer({
1096        playerVars: {
1097          rel: 0,
1098                    autoplay: 1,
1099                    modestbranding: 1,
1100          controls: 0,
1101          showinfo: 0,
1102          branding: 0,
1103          autohide: 0
1104        },
1105                  width:$("#m_RWDfullscreen01_71_1").width(),
1106          fitToBackground: false,
1107                mute:true,
1108        repeat:true,
1109        videoId: '8vWJ3kY4U_Y',
1110        callback: function() {
1111          m_RWDfullscreen01_71_1player = $('#m_RWDfullscreen01_71_1_video').data('ytPlayer').player;
1112          
1113            $('#m_RWDfullscreen01_71_1 .ytplayer-container.background').show();
1114
1115                  }
1116      });
1117
1118
1119
1120                
1121        $( "#m_RWDfullscreen01_71_1 .info" ).hover(
1122          function() {
1123            $( this ).addClass('show');
1124          }, function() {
1125            $( this ).removeClass('show');
1126          }
1127        );
1128
1129              $('#m_RWDfullscreen01_71_1').on( 'click', '.scrollLink',function(event) {
1130          //console.log('cc');
1131          var $anchor = $(this),
1132          content      = $anchor.attr('href'),
1133          checkURL     = content.match(/^#([^\/]+)$/i);
1134
1135          var fixh = 0;
1136          if(
1137            $('nav').parent().hasClass('RWDfulltop') &&
1138            $('nav').hasClass('top_hide')
1139          ){
1140            fixh = $("nav").height();
1141          }
1142           // console.log('fix:'+fixh);
1143
1144          if(checkURL){
1145            event.preventDefault();
1146                        var Hheight = 0;
1147                        //console.log(Hheight);
1148            if(content!='#scrolltoone'){
1149              var computedOffset = $($anchor.attr('href')).offset().top - parseInt(Hheight) + parseInt($($anchor.attr('href')).css('padding-top')) -fixh;
1150              //console.log('1:'+$($anchor.attr('href')).offset().top+'-'+Hheight+'+'+$($anchor.attr('href')).css('padding-top')+'-'+fixh);
1151            }else{
1152              var computedOffset = $('#m_RWDfullscreen01_71_1').outerHeight(true) - parseInt(Hheight) -fixh;
1153            }
1154
1155            $('html, body').stop().animate({
1156              scrollTop : computedOffset + "px"
1157            }, 1200, 'easeInOutExpo');
1158          }else{
1159
1160          }
1161        });
1162      
1163
1164    });
1165      function fn_m_RWDfullscreen01_71_1_resize(init){
1166            var hh = '30vw';
1167      
1168               var _ww = $("#m_RWDfullscreen01_71_1").width();
1169              $("#m_RWDfullscreen01_71_1 .video").css({'width':_ww,'height':hh});
1170      $("#m_RWDfullscreen01_71_1").css({'height':hh});
1171
1172      	var ww = $(window).width();
1173        if(ww > 1366){
1174          img = $("#m_RWDfullscreen01_71_1_video").attr('PC');
1175        }else if(ww > 768){
1176          img = $("#m_RWDfullscreen01_71_1_video").attr('NOTE');
1177        }else if(ww > 414){
1178          img = $("#m_RWDfullscreen01_71_1_video").attr('PAD');
1179        }else{
1180          img = $("#m_RWDfullscreen01_71_1_video").attr('PHONE');
1181        }
1182        $("#m_RWDfullscreen01_71_1_video").css('background-image', 'url('+img+')');
1183
1184    }
1185      </script>
1185
1186
1187      	<div class="clear"></div>
1188    </div>
1189        <div  class=" panel_2 ab_txt " id="panel_73"  page_style="">
1190    		<style>
1191		</style>
1192		<div class="model RWDedictor008 "   id="m_RWDfullscreen01_73_1" md_id="1" tp_id="73" template_id="RWDfullscreen01" new_edit="Y">
1193			<div class="section-subject">
1194<div class="main-title">專注在美好事物,</br>讓夢想發生</br></div>
1195</div>
1196
1197<p>關於我們</br>趣工作位於台北市善導寺捷運站,為您打造舒適專業、具設計質感的工作環境,省去裝潢及打理環境的成本,讓工作者輕鬆自在地專注於工作,不用再為了找辦公室或工作位而焦頭爛額!多年來匯集各界專業菁英,創造豐富社群連結。</p>
1198
1199<p></p>
1200			<div style="clear:both;"></div>
1201					</div>
1202		    	<div class="clear"></div>
1203    </div>
1204        <div  class=" panel_2 ab_five " id="panel_74"  page_style="">
1205      <style type="text/css">
1206  .RWDnews003 .box-icon a.box-icon-more:after {
1207    font-family: FontAwesome;
1208    content: "\f105";
1209    padding-left:10px;
1210    top:50%;
1211    margin-top:-2px;
1212  }
1213  </style>
1214  <div class="container">
1215    <div class="model RWDnews003"   id="m_RWDfullscreen01_74_1" md_id="1" tp_id="74" template_id="RWDfullscreen01">
1216
1217          <div class="section-subject row">
1218    <div class="col-md-12">
1219    <div class="main-title">為何趣工作是台北最棒的共享辦公室之一</div>        <div class="section-line"></div>
1220    </div>
1221  </div>
1222    
1223          <div class="row">
1224                  <div class="col-md-4">
1225
1226              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1227                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i01.png" alt="公共空間廣大,非大樓中央空調,可開窗通風" class="img-responsive"/></i>
1228                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="公共空間廣大,非大樓中央空調,可開窗通風" >
1229                  <h2 class="box-item-title">公共空間廣大,非大樓中央空調,可開窗通風</h2>
1230                </a>
1231                                <p></p>
1232                              </div>
1233            </div>
1234                    <div class="col-md-4">
1235
1236              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1237                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i02.png" alt="面華山草原空氣清新,三面採光,兩面寬大露臺" class="img-responsive"/></i>
1238                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="面華山草原空氣清新,三面採光,兩面寬大露臺" >
1239                  <h2 class="box-item-title">面華山草原空氣清新,三面採光,兩面寬大露臺</h2>
1240                </a>
1241                                <p></p>
1242                              </div>
1243            </div>
1244                    <div class="col-md-4">
1245
1246              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1247                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i03.png" alt="善導寺站走路3-5分鐘,離五鐵共構台北車站也只有5分鐘車程" class="img-responsive"/></i>
1248                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="善導寺站走路3-5分鐘,離五鐵共構台北車站也只有5分鐘車程" >
1249                  <h2 class="box-item-title">善導寺站走路3-5分鐘,離五鐵共構台北車站也只有5分鐘車程</h2>
1250                </a>
1251                                <p></p>
1252                              </div>
1253            </div>
1254                    <div class="col-md-4">
1255
1256              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1257                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i04.png" alt="醫療級空氣清淨機,電漿殺菌照顧您的呼吸安全" class="img-responsive"/></i>
1258                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="醫療級空氣清淨機,電漿殺菌照顧您的呼吸安全" >
1259                  <h2 class="box-item-title">醫療級空氣清淨機,電漿殺菌照顧您的呼吸安全</h2>
1260                </a>
1261                                <p></p>
1262                              </div>
1263            </div>
1264                    <div class="col-md-4">
1265
1266              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1267                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i05.png" alt="停車方便, 30公尺內2座停車場" class="img-responsive"/></i>
1268                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="停車方便, 30公尺內2座停車場" >
1269                  <h2 class="box-item-title">停車方便, 30公尺內2座停車場</h2>
1270                </a>
1271                                <p></p>
1272                              </div>
1273            </div>
1274                    <div class="col-md-4">
1275
1276              <div class="box-icon box-icon-side box-icon-color box-icon-round">
1277                                <i class="fa"><img src="https://keepworking.com.tw/archive/image/model/images/ab_i06.png" alt="免費現磨現煮咖啡、茶水,不定期零食享用" class="img-responsive"/></i>
1278                                <a class="box-icon-title" href="#" onclick="return false;" aria-label="免費現磨現煮咖啡、茶水,不定期零食享用" >
1279                  <h2 class="box-item-title">免費現磨現煮咖啡、茶水,不定期零食享用</h2>
1280                </a>
1281                                <p></p>
1282                              </div>
1283            </div>
1284              </div>
1285      <div style="clear:both;"></div>
1286          </div>
1287  </div>
1288    <link href="https://system49.webtech.com.tw//font-icons/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
1289  
1290      	<div class="clear"></div>
1291    </div>
1292        	<div class="clear"></div>
1293    </div>
1294        <div  class=" panel_1 service_block " id="panel_54"  page_style="">
1295        <div  class=" panel_2 service_compare " id="panel_75"  page_style="">
1296       
1297    <div class="model RWDedictor001 "   id="m_RWDfullscreen01_75_1" md_id="1" tp_id="75" template_id="RWDfullscreen01">
1298          
1299    
1300            <div class="section-subject">
1301<h1 class="main-title">為何共享辦公室<br />
1302比自租公寓/商務中心<br />
1303來得更划算?</h1>
1304
1305<h2 class="sub-title">為您打點大小事,讓趣工作成為最可靠的幫手</h2>
1306</div>
1307
1308<div class="compare_table">
1309<div class="fun_01">
1310<h3>共享辦公室<img class="crown_01" src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/crown.png" /></h3>
1311</div>
1312
1313<div class="fun_other">
1314<h3>自租公寓/商務中心</h3>
1315</div>
1316
1317<div class="fun_sub">
1318<p>是否附辦公室家具</p>
1319</div>
1320
1321<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" />
1322<p>應有盡有</p>
1323</div>
1324
1325<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i02.png" />
1326<p>無,或簡易配備</p>
1327</div>
1328
1329<div class="fun_sub">
1330<p>水電網路費用</p>
1331</div>
1332
1333<div class="fun_01">
1334<p>全包</p>
1335</div>
1336
1337<div class="fun_other">
1338<p>自費</p>
1339</div>
1340
1341<div class="fun_sub">
1342<p>專人服務接待櫃台</p>
1343</div>
1344
1345<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" />
1346<p>有</p>
1347</div>
1348
1349<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i02.png" />
1350<p>大多須自聘</p>
1351</div>
1352
1353<div class="fun_sub">
1354<p>未來是否方便搬遷</p>
1355</div>
1356
1357<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" />
1358<p>僅須帶電腦文件</p>
1359</div>
1360
1361<div class="fun_other">
1362<div><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /></div>
1363
1364<p>須請搬家公司</p>
1365</div>
1366
1367<div class="fun_sub">
1368<p>環境清潔</p>
1369</div>
1370
1371<div class="fun_01">
1372<p>專人打掃</p>
1373</div>
1374
1375<div class="fun_other">
1376<p>自理</p>
1377</div>
1378</div>
1379            <div style="clear:both;"></div>
1380          </div>
1381 
1382      	<div class="clear"></div>
1383    </div>
1384        <div  class=" panel_2 container " id="panel_55"  page_style="">
1385        <div class="model RWDService001"   id="m_RWDfullscreen01_55_1" md_id="1" tp_id="55" template_id="RWDfullscreen01">
1386          <div class="section-subject row">
1387    <div class="col-md-12">
1388    <div class="main-title">如果您有以下需求,歡迎立即預約參觀!</div>    <h2 class="sub-title">We are doing a couple of things you might be interested in</h2>    <div class="section-line"></div>
1389    </div>
1390  </div>
1391    
1392                <div class="row">                    <div class="col-md-3 col-sm-6">
1393          <article class="boxFeature-2">
1394                                          <i class="iconBig"><img src="https://keepworking.com.tw/archive/image/model/images/serivce01.png" alt="個人工作者" class="img-responsive"/></i>
1395                                      <h2 class="box-item-title">個人工作者</h2>
1396            <p>剛創業、遠距工作者,或經常在外跑業務偶爾進辦公室處理文件的您</p>
1397          </article>
1398        </div>
1399                                        <div class="col-md-3 col-sm-6">
1400          <article class="boxFeature-2">
1401                                          <i class="iconBig"><img src="https://keepworking.com.tw/archive/image/model/images/serivce02.png" alt="中小型團隊" class="img-responsive"/></i>
1402                                      <h2 class="box-item-title">中小型團隊</h2>
1403            <p>有獨立辦公室需求的2-6人小型團隊,輕鬆進駐台北市中正區!</p>
1404          </article>
1405        </div>
1406                                        <div class="col-md-3 col-sm-6">
1407          <article class="boxFeature-2">
1408                                          <i class="iconBig"><img src="https://keepworking.com.tw/archive/image/model/images/serivce03.png" alt="營業登記" class="img-responsive"/></i>
1409                                      <h2 class="box-item-title">營業登記</h2>
1410            <p>有工商營業登記需求者,可借址登記、代收信件</p>
1411          </article>
1412        </div>
1413                                        <div class="col-md-3 col-sm-6">
1414          <article class="boxFeature-2">
1415                                          <i class="iconBig"><img src="https://keepworking.com.tw/archive/image/model/images/serivce04.png" alt="場地租å€
1415Ÿ" class="img-responsive"/></i>
1416                                      <h2 class="box-item-title">場地租借</h2>
1417            <p>完整投影、影音設備,適合尋找會議/教育訓練/講座/聚會場地的您</p>
1418          </article>
1419        </div>
1420                          </div>
1421            <div style="clear:both;"></div>
1422          </div>
1423       
1424    <div class="model RWDedictor "   id="m_RWDfullscreen01_55_2" md_id="2" tp_id="55" template_id="RWDfullscreen01">
1425            <!--start-->
1426      <a href="tel:02-23218690"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01552/btn_deco2.png" />來電洽詢 <h8>02-23218690</h8></a>      <!--end-->
1427      <div style="clear:both;"></div>
1428          </div>
1429 
1430      	<div class="clear"></div>
1431    </div>
1432        	<div class="clear"></div>
1433    </div>
1434        <div  class=" panel_1 environment_block " id="panel_56"  page_style="">
1435        <div  class=" panel_2 container " id="panel_62"  page_style="">
1436        <style>
1437      #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img{
1438        height: 500px;
1439      }
1440      #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .text_box{
1441        height: 280px;
1442      }
1443      @media (max-width:1199px) {
1444        #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img{
1445          height: 400px;
1446        }
1447        #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .text_box{
1448          height: 300px;
1449        }
1450      }
1451      @media (max-width:767px) {
1452        #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img{
1453          height: 300px;
1454        }
1455        #m_RWDfullscreen01_62_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .text_box{
1456          height: 300px;
1457        }
1458      }
1459    </style>
1460    <div class="model RWDservice009"   id="m_RWDfullscreen01_62_1" md_id="1" tp_id="62" template_id="RWDfullscreen01">
1461              <div class="RWDservice009__head">
1462                      <div class="RWDservice009__head__h1">只需帶筆電!<br />
1463立即進駐優質辦公環境</div>
1464                      <div class="RWDservice009__head__h2">明亮有質感的風格裝潢,<br />
1465辦公、會議、活動空間一應俱全</div>
1466                  </div>
1467        <div class="top_icon  step_noshow">
1468          <div class="swiper-container RWDservice009-top_icon RWDservice009-top_iconm_RWDfullscreen01_62_1">
1469            <div class="swiper-wrapper">
1470                              <div class="swiper-slide">
1471                                    <div class="imgs">
1472                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i01.png" alt="">
1473                                      </div>
1474                                      <div class="name">共享區域設備</div>
1475                                  </div>
1476                              <div class="swiper-slide">
1477                                    <div class="imgs">
1478                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i02.png" alt="">
1479                                      </div>
1480                                      <div class="name">獨立辦公室</div>
1481                                  </div>
1482                              <div class="swiper-slide">
1483                                    <div class="imgs">
1484                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i03.png" alt="">
1485                                      </div>
1486                                      <div class="name">個人座位</div>
1487                                  </div>
1488                              <div class="swiper-slide">
1489                                    <div class="imgs">
1490                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i04.png" alt="">
1491                                      </div>
1492                                      <div class="name">露台休息區</div>
1493                                  </div>
1494                              <div class="swiper-slide">
1495                                    <div class="imgs">
1496                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i06.png" alt="">
1497                                      </div>
1498                                      <div class="name">茶水區</div>
1499                                  </div>
1500                              <div class="swiper-slide">
1501                                    <div class="imgs">
1502                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i05.png" alt="">
1503                                      </div>
1504                                      <div class="name">會議室</div>
1505                                  </div>
1506                              <div class="swiper-slide">
1507                                    <div class="imgs">
1508                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i0
15087.png" alt="">
1509                                      </div>
1510                                      <div class="name">包廂式電話亭</div>
1511                                  </div>
1512                              <div class="swiper-slide">
1513                                    <div class="imgs">
1514                                                              <img class="white" src="https://keepworking.com.tw/archive/image/model/images/en_i08.png" alt="">
1515                                      </div>
1516                                      <div class="name">會客區</div>
1517                                  </div>
1518                          </div>
1519          </div>
1520        </div>
1521
1522        <div class="main_pic">
1523          <div class="swiper-container gallery-top-RWDservice009 gallery-top-RWDservice009m_RWDfullscreen01_62_1">
1524            <div class="swiper-wrapper">
1525                                              <div class="swiper-slide">
1526                                  <div class="box">
1527                    <div class="img" >
1528                      <picture>
1529                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en01.jpg" media="(max-width: 767px)">
1530                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en01.jpg" media="(max-width: 991px)">
1531                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en01.jpg" media="(max-width: 1199px)">
1532                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en01.jpg" media="(min-width: 1200px)">
1533                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en01.jpg" alt="">
1534                                              </picture>
1535                    </div>
1536                    <div class="text_box">
1537                      <div class="title">共享區域設備</div>
1538                      <div class="memo">備有沙發,可短暫稍作休息。另有雷射事務機、淋浴間、腳踏車位、醫療級空氣清淨機等基本設施</div>
1539                    </div>
1540                  </div>
1541                </div>
1542                                              <div class="swiper-slide">
1543                                  <div class="box">
1544                    <div class="img" >
1545                      <picture>
1546                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en02.jpg" media="(max-width: 767px)">
1547                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en02.jpg" media="(max-width: 991px)">
1548                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en02.jpg" media="(max-width: 1199px)">
1549                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en02.jpg" media="(min-width: 1200px)">
1550                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en02.jpg" alt="">
1551                                              </picture>
1552                    </div>
1553                    <div class="text_box">
1554                      <div class="title">獨立辦公室</div>
1555                      <div class="memo">希望有隱私、有置物空間、有風格化的佈置,選擇獨立辦公室就對了!2 ~ 6人獨立辦公室,無需額外裝潢,標準辦公傢俱設備,可開窗通風,室內獨立空調</div>
1556                    </div>
1557                  </div>
1558                </div>
1559                                              <div class="swiper-slide">
1560                                  <div class="box">
1561                    <div class="img" >
1562                      <picture>
1563                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en03.jpg" media="(max-width: 767px)">
1564                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en03.jpg" media="(max-width: 991px)">
1565                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en03.jpg" media="(max-width: 1199px)">
1566                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en03.jpg" media="(min-width: 1200px)">
1567                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en03.jpg" alt="">
1568                                              </picture>
1569                    </div>
1570                    <div class="text_box">
1571                      <div class="title">個人座位</div>
1572                      <div class="memo">可短租、免綁約,輕鬆擁有開放式個人專屬座位</div>
1573                    </div>
1574                  </div>
1575                </div>
1576                                              <div class="swiper-slide">
1577                                  <div class="box">
1578                    <div class="img" >
1579                      <picture>
1580                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en04.jpg" media="(max-width: 767px)">
1581                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en04.jpg" media="(max-width: 991px)">
1582                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en04.jpg" media="(max-width: 1199px)">
1583                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en04.jpg" media="(min-width: 1200px)">
1584                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en04.jpg" alt="">
1585                                              </picture>
1586                    </div>
1587                    <div class="text_box">
1588                      <div class="title">露台休息區</div>
1589                      <div class="memo">面華山草原空氣清新,讓您放空、休息一下再繼續努力。另也提供活動舉辦租用 </div>
1590                    </div>
1591                  </div>
1592                </div>
1593                                              <div class="swiper-slide">
1594                                  <div class="box">
1595                    <div class="img" >
1596                      <picture>
1597                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en05.jpg" media="(max-width: 767px)">
1598                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en05.jpg" media="(max-width: 991px)">
1599                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en05.jpg" media="(max-width: 1199px)">
1600                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en05.jpg" media="(min-width: 1200px)">
1601                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en05.jpg" alt="">
1602                                              </picture>
1603                    </div>
1604                    <div class="text_box">
1605                      <div class="title">茶水區</div>
1606                      <div class="memo">備有冰箱、微波爐、烤箱, 每天現磨現煮美式咖啡,茶水、不定時零食點心供應</div>
1607                    </div>
1608                  </div>
1609                </div>
1610                                              <div class="swiper-slide">
1611                                  <div class="box">
1612                    <div class="img" >
1613                      <picture>
1614                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en06.jpg" media="(max-width: 767px)">
1615                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en06.jpg" media="(max-width: 991px)">
1616                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en06.jpg" media="(max-width: 1199px)">
1617                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en06.jpg" media="(min-width: 1200px)">
1618                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en06.jpg" alt="">
1619                                              </picture>
1620                    </div>
1621                    <div class="text_box">
1622                      <div class="title">會議室</div>
1623                      <div class="memo">不論是正式或休閒風格的會議型態都能滿足需求,最多可容納6人,備有投影TV</div>
1624                    </div>
1625                  </div>
1626                </div>
1627                                              <div class="swiper-slide">
1628                                  <div class="box">
1629                    <div class="img" >
1630                      <picture>
1631                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en07.jpg" media="(max-width: 767px)">
1632                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en07.jpg" media="(max-width: 991px)">
1633                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en07.jpg" media="(max-width: 1199px)">
1634                        <source srcset="https://keepworking.com.tw/archive/image/model/images/en07.jpg" media="(min-width: 1200px)">
1635                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/en07.jpg" alt="">
1636                                              </picture>
1637                    </div>
1638                    <div class="text_box">
1639                      <div class="title">包廂式電話亭</div>
1640                      <div class="memo">視訊會議、講電話這邊請,給您不受干擾的獨立空間</div>
1641                    </div>
1642                  </div>
1643                </div>
1644                                              <div class="swiper-slide">
1645                                  <div class="box">
1646                    <div class="img" >
1647                      <picture>
1648                        <source srcset="https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg" media="(max-width: 767px)">
1649                        <source srcset="https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg" media="(max-width: 991px)">
1650                        <source srcset="https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg" media="(max-width: 1199px)">
1651                        <source srcset="https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg" media="(min-width: 1200px)">
1652                                                <img srcset="https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg" alt="">
1653                                              </picture>
1654                    </div>
1655                    <div class="text_box">
1656                      <div class="title">會客區</div>
1657                      <div class="memo">寬敞舒適的用餐、會客、交誼區</div>
1658                    </div>
1659                  </div>
1660                </div>
1661                          </div>
1662            <div class="swiper-button-next RWDservice009-swiper-button-next"><span class="ii-arrow2"></span></div>
1663            <div class="swiper-button-prev RWDservice009-swiper-button-prev"><span class="ii-arrow2"></span></div>
1664          </div>
1665
1666          <div class="swiper-container gallery-thumbs-RWDservice009 gallery-thumbs-RWDservice009m_RWDfullscreen01_62_1">
1667            <div class="swiper-wrapper">
1668                              <div class="swiper-slide">
1669                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en01.jpg)" title=""></div>
1670                                  </div>
1671                              <div class="swiper-slide">
1672                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en02.jpg)" title=""></div>
1673                                  </div>
1674                              <div class="swiper-slide">
1675                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en03.jpg)" title=""></div>
1676                                  </div>
1677                              <div class="swiper-slide">
1678                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en04.jpg)" title=""></div>
1679                                  </div>
1680                              <div class="swiper-slide">
1681                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en05.jpg)" title=""></div>
1682                                  </div>
1683                              <div class="swiper-slide">
1684                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en06.jpg)" title=""></div>
1685                                  </div>
1686                              <div class="swiper-slide">
1687                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/en07.jpg)" title=""></div>
1688                                  </div>
1689                              <div class="swiper-slide">
1690                                      <div class="imgs" style="background-image:url(https://keepworking.com.tw/archive/image/model/images/rnd0812245001657269492.jpg)" title=""></div>
1691                                  </div>
1692                          </div>
1693          </div>
1694        </div>
1695
1696                    <div style="clear:both;"></div>
1697          </div>
1698    
1698<script>
1699      var service009Icon_m_RWDfullscreen01_62_1;
1700      var service009Gallery_m_RWDfullscreen01_62_1;
1701      var service009Thumbs_m_RWDfullscreen01_62_1;
1702      $(document).ready(function(){
1703        var service009ThumbLength_m_RWDfullscreen01_62_1 = $("#m_RWDfullscreen01_62_1.RWDservice009 .gallery-thumbs-RWDservice009 .swiper-slide").length * 180;
1704        var service009ThumbWidth_m_RWDfullscreen01_62_1 = $("#m_RWDfullscreen01_62_1.RWDservice009").width()*.48+ 120;
1705        var service009GalleryLoop_unid = true;
1706        if(service009ThumbWidth_m_RWDfullscreen01_62_1 > service009ThumbLength_m_RWDfullscreen01_62_1){
1707            $("#m_RWDfullscreen01_62_1.RWDservice009 .gallery-thumbs-RWDservice009").width(service009ThumbLength_m_RWDfullscreen01_62_1);
1708            service009GalleryLoop_unid = false;
1709        }else{
1710            service009GalleryLoop_unid = false;
1711        }
1712
1713        $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").on("click",function(){
1714          $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").removeClass("show");
1715          $(this).addClass("show");
1716          service009Thumbs_m_RWDfullscreen01_62_1.slideTo($("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").index($(this)) , 300);
1717        });
1718        $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").eq(0).addClass("show");
1719
1720        service009Icon_m_RWDfullscreen01_62_1 = new Swiper('.RWDservice009-top_iconm_RWDfullscreen01_62_1', {
1721          centerInsufficientSlides: true,
1722          slidesPerView: 'auto',
1723          spaceBetween: 30,
1724          speed: 400,
1725          freemode:true,
1726          allowTouchMove:true,
1727          breakpoints: {
1728            320: {
1729              slidesPerView: 'auto',
1730              spaceBetween: 30,
1731              allowTouchMove:true,
1732            },
1733            768: {  //平板的設定 >=768
1734              slidesPerView: 'auto',
1735              spaceBetween: 50,
1736              allowTouchMove:true,
1737            },
1738            1200: { //電腦版的設定 >= 1200px
1739              slidesPerView: 8,
1740              spaceBetween: 10,
1741              allowTouchMove: false,
1742            }
1743          }
1744        });
1745
1746        service009Thumbs_m_RWDfullscreen01_62_1 = new Swiper('.gallery-thumbs-RWDservice009m_RWDfullscreen01_62_1', {
1747          spaceBetween: 50,
1748          slidesPerView: 'auto',
1749          watchSlidesVisibility: true,
1750          watchSlidesProgress: true,
1751          slideToClickedSlide:true,
1752          loop:true,
1753          allowTouchMove:false,
1754        });
1755        service009Gallery_m_RWDfullscreen01_62_1 = new Swiper('.gallery-top-RWDservice009m_RWDfullscreen01_62_1', {
1756                    effect:"fade",
1757          spaceBetween: 10,
1758          autoHeight:true,
1759          loop: service009GalleryLoop_unid,
1760          allowTouchMove: false,
1761          navigation: {
1762            nextEl: '.RWDservice009-swiper-button-next',
1763            prevEl: '.RWDservice009-swiper-button-prev',
1764          },
1765          breakpoints: {
1766            320: {
1767              allowTouchMove: false,
1768            },
1769            1200: {
1770              allowTouchMove: false,
1771            }
1772          }
1773        });
1774
1775
1776        service009Thumbs_m_RWDfullscreen01_62_1.on('slideChange', function() {
1777          $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").removeClass("show");
1778          $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").eq(service009Thumbs_m_RWDfullscreen01_62_1.realIndex).addClass("show");
1779          service009Gallery_m_RWDfullscreen01_62_1.slideTo(service009Thumbs_m_RWDfullscreen01_62_1.realIndex , 300);
1780        });
1781
1782        if($(window).width() < 768){
1783          service009Gallery_m_RWDfullscreen01_62_1.on('slideChange', function() {
1784            $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").removeClass("show");
1785            $("#m_RWDfullscreen01_62_1.RWDservice009 .top_icon .swiper-slide").eq(service009Gallery_m_RWDfullscreen01_62_1.realIndex).addClass("show");
1786            service009Icon_m_RWDfullscreen01_62_1.slideTo(service009Gallery_m_RWDfullscreen01_62_1.realIndex);
1787          });
1788        }
1789      });
1790    </script>
1790
1791        	<div class="clear"></div>
1792    </div>
1793        <div  class=" panel_2 come_block " id="panel_79"  page_style="">
1794    		<style>
1795		</style>
1796		<div class="model RWDedictor008 "   id="m_RWDfullscreen01_79_1" md_id="1" tp_id="79" template_id="RWDfullscreen01" new_edit="Y">
1797			<div class="compare_txt">
1798<div class="section-subject">
1799<h1 class="main-title">來參觀吧!</h1>
1800
1801<h2 class="sub-title">輕鬆進駐台北市中正區辦公! 趣工作座落華山文化園區旁,</br>明亮寬敞、有溫度的工業風空間,讓您事半功倍</h2>
1802</div>
1803
1804<div class="btn_block"><a href="article.php?lang=tw&tb=3"><img src="https://system49.webtech.com.tw/web/202200220/archive/image/model/images/btn_deco3.png?452?617?591?199?663" />立即線上體驗360°環景</a><a href="tel:0223218690"><img src="https://system49.webtech.com.tw/web/202200220/archive/image/model/images/btn_deco2.png?735?428?984?737?548" />來電洽詢 02-2321-8690</a></div>
1805</div>
1806			<div style="clear:both;"></div>
1807					</div>
1808		  <style>
1809    .RWDparallax_new .picbgbox{
1810        position: relative;
1811        display: block;
1812        width: 100%;
1813        height: 500px;
1814        background-repeat: no-repeat;
1815        background-position: 50% 50%;
1816        background-size: cover;
1817    }
1818    
1819    @media only screen and (max-width: 1024px) {
1820      #m_RWDfullscreen01_79_2 .picbgbox{
1821          height: 50vw;
1822      }
1823    }
1824        @media only screen and (min-width: 1200px) {
1825      #m_RWDfullscreen01_79_2 .picbgbox{
1826          background-image:url(https://keepworking.com.tw/archive/image/model/index/para2.jpg);
1827      }
1828    }
1829    @media only screen and (max-width: 1199px) and (min-width: 992px) {
1830      #m_RWDfullscreen01_79_2 .picbgbox{
1831          background-image:url(https://keepworking.com.tw/archive/image/model/index/para2.jpg);
1832      }
1833    }
1834    @media only screen and (max-width: 991px) and (min-width: 768px) {
1835      #m_RWDfullscreen01_79_2 .picbgbox{
1836          background-image:url(https://keepworking.com.tw/archive/image/model/index/para2.jpg);
1837      }
1838    }
1839    @media only screen and (max-width: 767px) {
1840      #m_RWDfullscreen01_79_2 .picbgbox{
1841          background-image:url(https://keepworking.com.tw/archive/image/model/index/para2.jpg);
1842      }
1843    }
1844      </style>
1845    <div class="model RWDparallax_new"   id="m_RWDfullscreen01_79_2" md_id="2" tp_id="79" template_id="RWDfullscreen01">
1846            <div id="pic-bg" class="picbgbox">
1847              <div class="overlay">
1848          <div class="container editor">
1849                      </div>
1850        </div>
1851      </div>
1852      <div style="clear:both;"></div>
1853          </div>
1854
1855    
1855<script type="text/javascript" language="javascript">
1856$(document).ready(function(){
1857  
1858    $(window).load(function() {
1859      var window_w = $(window).width();
1860      var window_h = $(window).height();
1861      var window_w_first = $(window).width();
1862
1863
1864	/*
1865      $(window).resize(function() {
1866        var window_w = $(window).width();
1867        var window_h = $(window).height();
1868        var range=window_w_first-window_w;
1869
1870        if(range<0){range=-range};
1871        if(range>200){
1872          location.reload();
1873        }
1874     });*/
1875
1876
1877      $(window).scroll(function() {
1878        var window_w = $(window).width();
1879        var window_h = $(window).height();
1880        offsetTop = $(window).scrollTop();
1881
1882        if( window_w > 1024){
1883
1884          var bgss = $("#m_RWDfullscreen01_79_2 #pic-bg");
1885          var this_b1= (offsetTop - bgss.offset().top)/10 ;
1886          TweenLite.to(bgss, 1, { backgroundPosition: "50% "+ this_b1+"px" });
1887        }
1888
1889      });
1890
1891    });
1892});
1893    </script>
1893
1894      	<div class="clear"></div>
1895    </div>
1896        	<div class="clear"></div>
1897    </div>
1898        <div  class=" panel_1 paln_block " id="panel_57"  page_style="">
1899        <div  class=" panel_2 container " id="panel_58"  page_style="">
1900        <div class="model RWDservice004"   id="m_RWDfullscreen01_58_1" md_id="1" tp_id="58" template_id="RWDfullscreen01">
1901                <div class="title_block">
1902                          <div class="title_tw">共享方案 VS. 固定方案</div>
1903                                      <div class="title_en">依工作模式、人數、工時長短的不同,趣工作高彈性方案滿足您的需求</div>
1904                      </div>
1905                          <div class="tab_block">
1906            <div class="swiper-container">
1907              <div class="swiper-wrapper">
1908                                  <a href="#0" role="button" slide-to="0" class="swiper-slide tab_name active" aria-label="共享方案">共享方案</a>
1909                                  <a href="#1" role="button" slide-to="1" class="swiper-slide tab_name " aria-label="固定方案">固定方案</a>
1910                              </div>
1911            </div>
1912            <div class="tab-arrow tab-prev swiper-button-hidden"></div>
1913            <div class="tab-arrow tab-next swiper-button-hidden"></div>
1914          </div>
1915          <div class="swiper-container main-slider">
1916            <div class="swiper-wrapper">
1917                              <div class="swiper-slide"  editor-gap="30">
1918                                                      <div class="editor editor_3col editor_1_1"><img src="https://system49.webtech.com.tw/web/202200220/archive/image/RWDfullscreen01581/logo_deco.png" />
1919<h2>共享方案</h2>
1920
1921<div>
1922<ul>
1923	<li>月租方案<b>每月NT5300<h8 class="small_t">起</h8></b></li>
1924	<li>靈活自由的彈性方案:<br />
1925	單日、10日、月租彈性購買使用。</li>
1926</ul>
1927</div>
1928</div>
1929                                      <div class="editor editor_3col editor_1_2"><div class="price_p"><span>適合對象</span></div>
1930
1931<ul>
1932	<li>只需平日上班時間工作,夜間及六日不需工作者</li>
1933	<li>剛創業起步</li>
1934	<li>經常在外跑業務、只偶爾進辦公室處理文件</li>
1935</ul>
1936</div>
1937                                      <div class="editor editor_3col editor_1_3"><div class="price_p"><span>服務內容</span>
1938
1939<ul>
1940	<li>週一至週五09:00~18:30開放使用</li>
1941	<li>開放式共用空間,自由入座使用</li>
1942	<li>享用優質辦公環境、廚房設備,免費咖啡茶水</li>
1943	<li>月租制附有郵件代收、指紋設定服務</li>
1944</ul>
1945</div>
1946</div>
1947                                  </div>
1948                              <div class="swiper-slide"  editor-gap="30">
1949                                                      <div class="editor editor_3col editor_2_1"><img src="https://system49.webtech.com.tw/web/202200220/archive/image/RWDfullscreen01581/logo_deco.png" />
1950<h2>固定方案</h2>
1951
1952<div>
1953<ul>
1954	<li>個人位<b>每月NT7800<h8 class="small_t">起</h8></b></li>
1955	<li>不論團隊或個人,輕鬆擁有專屬且完整的辦公服務</li>
1956</ul>
1957</div>
1958</div>
1959                                      <div class="editor editor_3col editor_2_2"><div class="price_p"><span>適合對象</span></div>
1960
1961<ul>
1962	<li>平日、夜間及六日都有工作需求者</li>
1963	<li>有長期空間需求使用的個人及團隊</li>
1964	<li>需固定工作桌、專屬辦公室、訪客接待</li>
1965</ul>
1966</div>
1967                                      <div class="editor editor_3col editor_2_3"><div class="price_p"><span class="special">★ 固定方案專屬服務</span>
1968<ul>
1969	<li>不分平日、假日,指紋門禁24小時進出不設限</li>
1970	<li>固定工作桌、團隊享專屬辦公室,附三層桌邊櫃</li>
1971	<li>可享用共用空間、廚房設備、免費咖啡茶水</li>
1972	<li>團隊方案可自費另設市話</li>
1973</ul>
1974</div>
1975</div>
1976                                  </div>
1977                          </div>
1978          </div>
1979        
1980              
1980<script>
1981        $(document).ready(function(){
1982          let window_w = $(window).width();
1983          let tabSlider_m_RWDfullscreen01_58_1;
1984          let mainSlider_m_RWDfullscreen01_58_1;
1985          let device;
1986          let isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
1987
1988          RWDservice004_init_m_RWDfullscreen01_58_1();
1989          if(!isMobile){
1990            $(window).resize(function() {
1991                RWDservice004_doneResizing_m_RWDfullscreen01_58_1()
1992            });
1993          }
1994          function RWDservice004_doneResizing_m_RWDfullscreen01_58_1(){
1995            let st_index=0;
1996            if(mainSlider_m_RWDfullscreen01_58_1!=null){
1997                st_index=mainSlider_m_RWDfullscreen01_58_1.activeIndex;
1998            }
1999            tabSlider_m_RWDfullscreen01_58_1.destroy(true, true);
2000            mainSlider_m_RWDfullscreen01_58_1.destroy(true, true);
2001            RWDservice004_init_m_RWDfullscreen01_58_1();
2002            mainSlider_m_RWDfullscreen01_58_1.slideTo(st_index,0);
2003          }
2004          function RWDservice004_init_m_RWDfullscreen01_58_1() {
2005            window_w = $(window).width();
2006            if (window_w >= 1200) {
2007                device = 'pc';
2008            }
2009            if (window_w < 1200) {
2010                device = 'tablet';
2011            }
2012            if (window_w < 768) {
2013                device = 'mobile';
2014            }
2015            // 頁籤 的 slider
2016            if (device === 'pc') {
2017                tabSlider_m_RWDfullscreen01_58_1 = new Swiper('#m_RWDfullscreen01_58_1 .tab_block .swiper-container', {
2018                    speed: 400,
2019                    centerInsufficientSlides: true,
2020                    slidesPerView: 'auto',
2021                    navigation: {
2022                        nextEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-next',
2023                        prevEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-prev',
2024                    },
2025                    simulateTouch: false
2026                });
2027            }else if (device === 'mobile') {
2028                tabSlider_m_RWDfullscreen01_58_1 = new Swiper('#m_RWDfullscreen01_58_1 .tab_block .swiper-container', {
2029                    speed: 400,
2030                    centerInsufficientSlides: true,
2031                                          slidesPerView: 2,
2032                                        navigation: {
2033                        nextEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-next',
2034                        prevEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-prev',
2035                    }
2036                });
2037            }else{
2038                tabSlider_m_RWDfullscreen01_58_1 = new Swiper('#m_RWDfullscreen01_58_1 .tab_block .swiper-container', {
2039                    speed: 400,
2040                    centerInsufficientSlides: true,
2041                    slidesPerView: 'auto',
2042                    navigation: {
2043                        nextEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-next',
2044                        prevEl: '#m_RWDfullscreen01_58_1 .tab_block .tab-prev',
2045                    }
2046                });
2047            }
2048
2049            // 頁籤內容 的 slider
2050            mainSlider_m_RWDfullscreen01_58_1 = new Swiper('#m_RWDfullscreen01_58_1 .main-slider', {
2051                speed: 400,
2052                pagination: {
2053                    el: '#m_RWDfullscreen01_58_1 .swiper-pagination',
2054                    type: 'fraction',
2055                },
2056                effect: 'fade',
2057                fadeEffect: {
2058                    crossFade: true
2059                },
2060                                on: {
2061                    slideChange() {
2062                        $('#m_RWDfullscreen01_58_1 .tab_name').removeClass('active')
2063                            .eq(this.activeIndex)
2064                            .addClass('active');
2065                    }
2066                }
2067            });
2068            $('#m_RWDfullscreen01_58_1 .tab_block .tab_name').click(function(){
2069                var _this = $(this);
2070                var index = _this.attr('slide-to');
2071                $('#m_RWDfullscreen01_58_1 .tab_block .tab_name').removeClass('active');
2072                _this.addClass('active');
2073                mainSlider_m_RWDfullscreen01_58_1.slideTo(index);
2074            });
2075            setBlockWidth_m_RWDfullscreen01_58_1(device);
2076          }
2077          function setBlockWidth_m_RWDfullscreen01_58_1(device) {
2078              $('#m_RWDfullscreen01_58_1 .swiper-slide').each(function() {
2079                  var editor_pac = $(this).find('.editor').length;
2080                  var editorBox = $(this).find('.editor');
2081                  var sliderWarpWidth = $(this).width();
2082                  var editorGap = 30;
2083                  if ($(this).attr('editor-gap')) {
2084                      editorGap = $(this).attr('editor-gap');
2085                  }
2086                  if (device === 'pc') {
2087                      var space = editorGap * (editor_pac - 1);
2088                      var allEditorWidth = sliderWarpWidth - space;
2089                      var editorWidth = allEditorWidth / editor_pac;
2090                      editorBox.css('width', editorWidth + 'px')
2091                          .css('margin-right', +editorGap);
2092
2093                      $('.swiper-slide .editor:last-child()').css('margin-right', 0);
2094                      } else if (device === 'tablet') {
2095                          if(editor_pac > 2) {
2096                              editorBox.css('margin-right', 0);
2097                              editorBox.eq(0).css('width','100%');
2098                              editorBox.eq(1).css('width', (sliderWarpWidth - editorGap)/2).css('margin-right', editorGap+'px');
2099                              editorBox.eq(2).css('width', (sliderWarpWidth - editorGap)/2)
2100                          } else {
2101                              editorBox.css('width','100%').css('margin-right', 0);
2102                          }
2103                      } else {
2104                          editorBox.css('width','100%').css('margin-right', 0);
2105                      }
2106              });
2107              var tabBlockWidth = $('#m_RWDfullscreen01_58_1 .tab_block').width();
2108              var tabNameWidth = 0;
2109              $('#m_RWDfullscreen01_58_1 .tab_name').each(function(){
2110                  tabNameWidth =  +tabNameWidth + $(this).outerWidth(true);
2111              });
2112              if (tabNameWidth < tabBlockWidth) {
2113                  $('#m_RWDfullscreen01_58_1 .tab-arrow').css('display' , 'none');
2114                  return
2115              }
2116              $('#m_RWDfullscreen01_58_1 .tab-arrow').css('display' , 'flex');
2117          }
2118
2119        });
2120        </script>
2120
2121      <div style="clear:both;"></div>
2122          </div>
2123
2124      <div class="model RWDbtn01"   id="m_RWDfullscreen01_58_2" md_id="2" tp_id="58" template_id="RWDfullscreen01">
2125                      <ul class="btn-box clearfix">
2126                                  <li class="col-sm-3  col-xs-12"><a href="https://keepworking.com.tw/article.php?lang=tw&tb=1" id="m_RWDfullscreen01_58_2-btn1" class="btn" aria-label="了解更多"  >了解更多</a></li>
2127                  </ul>
2128
2129            <div style="clear:both;"></div>
2130          </div>
2131        	<div class="clear"></div>
2132    </div>
2133        	<div class="clear"></div>
2134    </div>
2135        <div  class=" panel_1 feeback_block " id="panel_59"  page_style="">
2136    
2137    <div class="model RWDnews005"   id="m_RWDfullscreen01_59_1" md_id="1" tp_id="59" template_id="RWDfullscreen01">
2138<section>
2139        <div class="container">
2140          <div class="section-subject row">
2141    <div class="col-md-12">
2142    <h1 class="main-title">每一次有訪客來趣工作與我們開會,都會很羨慕地跟我說,他們也想在這裡上班!</h1>    <h2 class="sub-title">網評 4.7 顆星,台北市評價最高的共享辦公室</h2>    <div class="section-line"></div>
2143    </div>
2144  </div>
2145    
2146                    <div class="owl-carousel owl-padding-10  controlls-over" data-plugin-options='{"singleItem": false, "autoPlay": false, "navigation": true, "pagination": false}'>
2147                            <div class="img-hover">
2148              <a href="#" onclick='return false;' aria-label="徐震"  orglink="">
2149                            </a>
2150                            <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="徐震" >徐震</a></h4>
2151                            <p class="text-left"><strong>嘖嘖-台灣規模最大募資平台<br />
2152共同創辦人</strong>趣工作的服務及提供的協助,讓我們的提案人留下很好的印象,對於嘖嘖這個品牌加分不少,以及趣工作會辦一些會員活動,讓公司同仁能與這個空間的會員作交流。</p>
2153                            <ul class="text-left size-12 list-inline list-separator" style="display:none;">
2154                <li>
2155                  <i class="fa fa-calendar"></i>2022-07-05                </li>
2156              </ul>
2157                          </div>
2158                        <div class="img-hover">
2159              <a href="#" onclick='return false;' aria-label="Brian"  orglink="">
2160                            </a>
2161                            <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="Brian" >Brian</a></h4>
2162                            <p class="text-left"><strong>凱渤維思台灣分公司-全球諮詢服務公司<br />
2163負責人</strong>環境設施都很優,服務親切到位,多樣彈性的方案很適合公司的成長及業務性質。</p>
2164                            <ul class="text-left size-12 list-inline list-separator" style="display:none;">
2165                <li>
2166                  <i class="fa fa-calendar"></i>2022-07-05                </li>
2167              </ul>
2168                          </div>
2169                        <div class="img-hover">
2170              <a href="#" onclick='return false;' aria-label="Philipp Bilsky"  orglink="">
2171                            </a>
2172                            <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="Philipp Bilsky" >Philipp Bilsky</a></h4>
2173                            <p class="text-left"><strong>DW 德國之聲-國際權威媒體<br />
2174Head of Chinese Service</strong>Best co-working space in Taipei. Great environment, wonderful people.</p>
2175                            <ul class="text-left size-12 list-inline list-separator" style="display:none;">
2176                <li>
2177                  <i class="fa fa-calendar"></i>2022-07-05                </li>
2178              </ul>
2179                          </div>
2180                        <div class="img-hover">
2181              <a href="#" onclick='return false;' aria-label="Bruce "  orglink="">
2182                            </a>
2183                            <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="Bruce " >Bruce </a></h4>
2184                            <p class="text-left"><strong>布魯斯人事顧問有限公司<br />
2185創辦人</strong>趣工作室面向華山公園,View很不錯,地點鬧中取靜,辦公空間和服務都å¾
2185ˆä¸éŒ¯ï¼</p>
2186                            <ul class="text-left size-12 list-inline list-separator" style="display:none;">
2187                <li>
2188                  <i class="fa fa-calendar"></i>2022-07-05                </li>
2189              </ul>
2190                          </div>
2191                      </div>
2192
2193        </div>
2194      </section>
2195
2196
2197    <div style="clear:both;"></div>
2198      </div>
2199
2200  
2200<script type="text/javascript">
2201    var m_RWDfullscreen01_59_1NOW_SHOW_ITEM=0;
2202    var resizeEnd;
2203    function m_RWDfullscreen01_59_1check_show_item(width_now,mode){
2204          var item_qry_tmp=0;
2205          if(width_now>1200){
2206              item_qry_tmp=3;
2207          }else if(width_now<=1200&&width_now>768){
2208              item_qry_tmp=2;
2209          }else if(width_now<=768&&width_now>500){
2210              item_qry_tmp=2;
2211          }else{
2212              item_qry_tmp=1;
2213          }
2214          if(mode=="rtn"){
2215              return item_qry_tmp;
2216          }else{
2217            m_RWDfullscreen01_59_1NOW_SHOW_ITEM = item_qry_tmp;
2218          }
2219    }
2220
2221        jQuery(document).ready(function() {
2222        var _container = jQuery("#m_RWDfullscreen01_59_1 div.owl-carousel");
2223        if(_container.length > 0) {
2224          _container.each(function() {
2225            var slider    = jQuery(this);
2226            var options   = slider.attr('data-plugin-options');
2227            // Progress Bar
2228            var $opt = eval('(' + options + ')');  // convert text to json
2229
2230            if($opt.progressBar == 'true') {
2231              var afterInit = progressBar;
2232            } else {
2233              var afterInit = false;
2234            }
2235
2236            var defaults = {
2237              items: [3],
2238              itemsDesktop : [1200,2], //3 items between 1200px and 769px
2239              itemsDesktopSmall : [768,2], //2 items between 769px and 501px
2240              itemsTablet: [500,1], //1 items between 500 and 0;
2241              itemsTabletSmall: [500,1],
2242              itemsMobile: [500,1],
2243              singleItem:       true,
2244              itemsScaleUp:       false,
2245
2246              slideSpeed:       200,
2247              paginationSpeed:    800,
2248              rewindSpeed:      1000,
2249
2250              autoPlay:         false,
2251              stopOnHover:      false,
2252              navigation:       false,
2253              navigationText: [
2254                        '<i class="fa fa-angle-left"></i>',
2255                        '<i class="fa fa-angle-right"></i>'
2256                      ],
2257              rewindNav:        true,
2258              scrollPerPage:      false,
2259
2260              pagination:       true,
2261              paginationNumbers:    false,
2262
2263              responsive:       true,
2264              responsiveRefreshRate:  200,
2265              responsiveBaseWidth:  window,
2266
2267              baseClass:        "owl-carousel",
2268              theme:          "owl-theme",
2269
2270              lazyLoad:         true,
2271              lazyFollow:       true,
2272              lazyEffect:       "fade",
2273
2274              autoHeight:       false,
2275
2276              jsonPath:         false,
2277              jsonSuccess:      false,
2278
2279              dragBeforeAnimFinish:   true,
2280              mouseDrag:        true,
2281              touchDrag:        true,
2282
2283              transitionStyle:    false,
2284
2285              addClassActive:     false,
2286
2287              beforeUpdate:       false,
2288              afterUpdate:      false,
2289              beforeInit:       false,
2290              afterInit:        afterInit,
2291              beforeMove:       false,
2292              afterMove:        (afterInit == false) ? false : moved,
2293              afterAction:      false,
2294              startDragging:      false,
2295              afterLazyLoad:      false
2296            }
2297
2298            var config = jQuery.extend({}, defaults, options, slider.data("plugin-options"));
2299            slider.owlCarousel(config).addClass("owl-carousel-init");
2300
2301
2302            // Progress Bar
2303            var elem = jQuery(this);
2304
2305            //Init progressBar where elem is $("#owl-demo")
2306            function progressBar(elem){
2307              $elem = elem;
2308              //build progress bar elements
2309              buildProgressBar();
2310              //start counting
2311              start();
2312            }
2313
2314            //create div#progressBar and div#bar then prepend to $("#owl-demo")
2315            function buildProgressBar(){
2316              $progressBar = jQuery("<div>",{
2317              id:"progressBar"
2318              });
2319              $bar = jQuery("<div>",{
2320              id:"bar"
2321              });
2322              $progressBar.append($bar).prependTo($elem);
2323            }
2324
2325            function start() {
2326              //reset timer
2327              percentTime = 0;
2328              isPause = false;
2329              //run interval every 0.01 second
2330              tick = setInterval(interval, 10);
2331              // console.log('percentTime:'+percentTime);
2332            };
2333
2334
2335            var time = 7; // time in seconds
2336            function interval() {
2337              if(isPause === false){
2338
2339              percentTime += 1 / time;
2340                // console.log(percentTime);
2341              $bar.css({
2342                width: percentTime+"%"
2343              });
2344              //if percentTime is equal or greater than 100
2345              if(percentTime >= 100){
2346                //slide to next item
2347                $elem.trigger('owl.next')
2348              }
2349              }
2350            }
2351
2352            //pause while dragging
2353            function pauseOnDragging(){
2354              isPause = true;
2355            }
2356
2357            //moved callback
2358            function moved(){
2359              //clear interval
2360              clearTimeout(tick);
2361              //start again
2362              start();
2363            }
2364          });
2365        }
2366      var width_now = $(window).width();
2367      m_RWDfullscreen01_59_1check_show_item(width_now);
2368      if($("#m_RWDfullscreen01_59_1 div.owl-item").length<=m_RWDfullscreen01_59_1NOW_SHOW_ITEM){
2369            $("#m_RWDfullscreen01_59_1 div.owl-controls").hide();
2370      }else{
2371            $("#m_RWDfullscreen01_59_1 div.owl-controls").show();
2372      }
2373      $(window).on('resize',function(){
2374          clearTimeout(resizeEnd);
2375          resizeEnd = setTimeout(function() {
2376            var width_now = $(window).width();
2377            var item_qty_tmp=m_RWDfullscreen01_59_1check_show_item(width_now,"rtn");
2378            if(item_qty_tmp!=m_RWDfullscreen01_59_1NOW_SHOW_ITEM){
2379                m_RWDfullscreen01_59_1NOW_SHOW_ITEM=item_qty_tmp;
2380                if($("#m_RWDfullscreen01_59_1 div.owl-item").length<=m_RWDfullscreen01_59_1NOW_SHOW_ITEM){
2381                    $("#m_RWDfullscreen01_59_1 div.owl-controls").hide();
2382                }else{
2383                    $("#m_RWDfullscreen01_59_1 div.owl-controls").show();
2384                }
2385            }
2386          }, 333);
2387      })
2388    });
2389    
2390  </script>
2390
2391      	<div class="clear"></div>
2392    </div>
2393        <div  class=" panel_1 brands_block " id="panel_69"  page_style="">
2394        <div  class=" panel_2 container " id="panel_70"  page_style="">
2395    
2396    <div class="model RWDphoto004 "   id="m_RWDfullscreen01_70_1" md_id="1" tp_id="70" template_id="RWDfullscreen01">
2397              <div class="logo-main" data-width="25%">
2398                                <div class="title-main">進駐團隊</div>
2399                                <div class="title-sub">來自各界信心推薦,SOHO族、新創、外商的共同選擇</div>
2400                    <div class="logo-content"></div>
2401                  </div>
2402        <div class="vt-line"></div>
2403
2404        <div class="logo-wall" data-width="75%" data-item-w="110" data-item-h="90" data-item-margin="30">
2405                                  <div class="xicon-item">
2406                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand01.png')" ></div>
2407                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand01.png')" -->
2408                                                            <div class="xicon-des">嘖嘖募資</div>
2409                                          </div>
2410                                  <div class="xicon-item">
2411                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand03.png')" ></div>
2412                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand03.png')" -->
2413                                                            <div class="xicon-des">Converto</div>
2414                                          </div>
2415                                  <div class="xicon-item">
2416                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand04.png')" ></div>
2417                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand04.png')" -->
2418                                                            <div class="xicon-des">cubewise</div>
2419                                          </div>
2420                                  <div class="xicon-item">
2421                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand06.png')" ></div>
2422                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand06.png')" -->
2423                                                            <div class="xicon-des">Master Talks</div>
2424                                          </div>
2425                                  <div class="xicon-item">
2426                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand07.png')" ></div>
2427                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand07.png')" -->
2428                                                            <div class="xicon-des">Spoonbills</div>
2429                                          </div>
2430                                  <div class="xicon-item">
2431                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand08.png')" ></div>
2432                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand08.png')" -->
2433                                                            <div class="xicon-des">布魯斯人事顧問</div>
2434                                          </div>
2435                                  <div class="xicon-item">
2436                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand09.png')" ></div>
2437                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand09.png')" -->
2438                                                            <div class="xicon-des">藝術人文開放網絡</div>
2439                                          </div>
2440                                  <div class="xicon-item">
2441                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand10.png')" ></div>
2442                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand10.png')" -->
2443                                                            <div class="xicon-des">誠創資訊</div>
2444                                          </div>
2445                                  <div class="xicon-item">
2446                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand11.png')" ></div>
2447                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand11.png')" -->
2448                                                            <div class="xicon-des">轉帳幫</div>
2449                                          </div>
2450                                  <div class="xicon-item">
2451                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand12.png')" ></div>
2452                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand12.png')" -->
2453                                                            <div class="xicon-des">麗忠不動產</div>
2454                                          </div>
2455                                  <div class="xicon-item">
2456                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand02.png')" ></div>
2457                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand02.png')" -->
2458                                                            <div class="xicon-des">開合跳工作室</div>
2459                                          </div>
2460                                  <div class="xicon-item">
2461                                              <div class="xicon-logo" style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand05.png')" ></div>
2462                                <!-- 原有的 style="background-image: url('https://keepworking.com.tw/archive/image/model/images/brand05.png')" -->
2463                                                            <div class="xicon-des">Metrixpert</div>
2464                                          </div>
2465                  </div>
2466        
2467        
2467<script>
2468          $(function(){
2469            var window_w = $(window).width();
2470
2471            $('.RWDphoto004').each(function() {
2472                var _this = $(this);
2473
2474                // 圖片data設定
2475                var imgWitdh = _this.find('.logo-wall').data('item-w');
2476                var imgHeight = _this.find('.logo-wall').data('item-h');
2477                var imgMargin = _this.find('.logo-wall').data('item-margin');
2478
2479                // 區塊data設定
2480                var mainWidth = _this.find('.logo-main').data('width');
2481                var wallWidth = _this.find('.logo-wall').data('width');
2482
2483                var setBlockWidth = function () {
2484                    if(mainWidth) {
2485                        _this.find('.logo-main').outerWidth('calc('+mainWidth+' - 1px)');
2486                    }
2487
2488                    if(wallWidth) {
2489                        _this.find('.logo-wall').outerWidth(wallWidth);
2490                    }
2491                    _this.removeClass('view-pad');
2492                }
2493
2494                var setImg = function () {
2495                    _this.find('.xicon-item .xicon-logo')
2496                        .width(imgWitdh)
2497                        .height(imgHeight);
2498                    _this.find('.xicon-item')
2499                        // .width(imgWitdh + 30);//原阿堯寫法
2500                        .width(imgWitdh);
2501                    _this.find('.xicon-item')
2502                        .css('margin-left', imgMargin)
2503                        .css('margin-right', imgMargin);
2504                };
2505
2506                setImg();
2507                                  if (window_w > 992) {
2508                      setBlockWidth();
2509                  }
2510                                if (window_w < 1200) {
2511                    _this.addClass('view-pad');
2512                }
2513
2514                var clearImg = function () {
2515                    _this.find('.xicon-item .xicon-logo').css('width', 'auto').css('height', 'auto');
2516                    _this.find('.xicon-item').removeAttr('style');
2517                    _this.find('.logo-main, .RWDphoto004 .logo-wall').removeAttr('style');
2518                }
2519
2520
2521
2522                $(window).resize(function() {
2523                    clearImg();
2524                    window_w = $(window).width();
2525                    setImg();
2526
2527                                          if (window_w > 992) {
2528                          setBlockWidth();
2529                      }
2530                    
2531                    if (window_w < 1200) {
2532                        _this.addClass('view-pad');
2533                    }
2534                });
2535            });
2536
2537                      });
2538        </script>
2538
2539            <div style="clear:both;"></div>
2540          </div>
2541
2542        	<div class="clear"></div>
2543    </div>
2544        	<div class="clear"></div>
2545    </div>
2546        <div  class=" panel_1 footer_block " id="panel_60"  page_style="footermain">
2547        <div  class=" panel_2 ft_info " id="panel_64"  page_style="">
2548      
2549  
2550  <div class="model RWDgmap002 "   id="m_RWDfullscreen01_64_1" md_id="1" tp_id="64" template_id="RWDfullscreen01">
2551          
2552              <!-- A.編輯器形式 -->
2553        <div class="info">
2554                      <div class="title title1">
2555              <img src="https://keepworking.com.tw/archive/image/model/images/logo.png" alt="">
2556            </div>
2557                      <div class="memo">    
2558                            <div class="edit">
2559              <h3>趣工作共同工作空間</h3>
2560
2561<dl>
2562	<dd>台北市中正區北平東路30-2號4樓|匯泰大樓<br />
2563	<span class="small_t">近善導寺捷運站6號出口走路5分鐘</span></dd>
2564	<dd>週一至週五 09:00-18:30|不含例假日</dd>
2565	<dd>TEL:<a href="tel:0223218690">02-23218690</a></dd>
2566	<dd>EMAIL:<a href="mailto:[email protected]">[email protected]</a></dd>
2567</dl>
2568              </div>
2569                              
2570              <div class="button">
2571                <a href="https://www.facebook.com/keepworkingtaipei" target='_blank'>Facebook</a>
2572              </div>
2573                          </div>
2574                
2575        </div>
2576            <div id="RWDgmap002" class="googlemap">
2577        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14458.644010452095!2d121.526463!3d25.045576!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdf62ddb160c0c5f0!2z6Laj5bel5L2c5YWx5ZCM5bel5L2c56m66ZaTIEtlZXB3b3JraW5nIENvd29ya2luZyBTcGFjZQ!5e0!3m2!1szh-TW!2stw!4v1657091715467!5m2!1szh-TW!2stw" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>          
2577<script type="text/javascript">
2578            window.onload = function(){
2579              let oMapIframe = document.querySelector("#RWDgmap002 iframe");
2580              oMapIframe.width="100%";
2581              oMapIframe.height="100%";
2582            }
2583          </script>
2583
2584                </div>
2585        <div style="clear:both;"></div>
2586      </div>
2587      	<div class="clear"></div>
2588    </div>
2589        <div  class=" panel_2 ft_other " id="panel_76"  page_style="">
2590     
2591    <div class="model RWDedictor "   id="m_RWDfullscreen01_76_1" md_id="1" tp_id="76" template_id="RWDfullscreen01">
2592            <!--start-->
2593      建議使用Chrome、Firefox、Safari最新版本瀏覽      <!--end-->
2594      <div style="clear:both;"></div>
2595          </div>
2596 
2597      <div class="model RWDssl01"   id="m_RWDfullscreen01_76_2" md_id="2" tp_id="76" template_id="RWDfullscreen01">
2598    <span class="ii-https"></span><span class="ssl01-text">採用全球最先進SSL 256bit 傳輸加密機制</span>
2599      <div style="clear:both;"></div>
2600          </div>
2601      <div class="model copyright"   id="m_RWDfullscreen01_76_3" md_id="3" tp_id="76" template_id="RWDfullscreen01">
2602      <span class="copyright_desc webfont_footer_copyright">Designed by 米洛<a href="https://www.webtech.com.tw/" target="_blank" aria-label="網頁設計">網頁設計</a></span>
2603      <div style="clear:both;"></div>
2604          </div>
2605      	<div class="clear"></div>
2606    </div>
2607        <div  class=" panel_2 scroll_top " id="panel_61"  page_style="">
2608        <div class="model scrollTop002"   id="m_RWDfullscreen01_61_1" md_id="1" tp_id="61" template_id="RWDfullscreen01"  style="position: fixed;">
2609      <aside class="top_btn" onclick="fn_scrollTop()">
2610
2611                  <i class="ii ii-arrow_b3" style='font-size:40px;'></i>
2612                <span class="txt" ></span>
2613      </aside>
2614              
2614<script type="text/javascript">
2615          function fn_scrollTop(){
2616                          $("html, body").animate({scrollTop:0}, '500', 'swing', function() { });
2617                      }
2618        $(function(){
2619         $(window).load(function(){
2620          $(window).bind('scroll resize', function(){
2621                offsetTop = $(window).scrollTop();
2622                if(offsetTop > 350){
2623                    $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100);
2624                }else{
2625                  $('.scrollTop002').stop().animate({opacity:"0"},300, function () {
2626                      // 在動畫執行完後,將元素none掉
2627                      $(this).css("display", "none");
2628                  });
2629                }
2630           });
2631          });
2632        });
2633        </script>
2633
2634            <div style="clear:both;"></div>
2635          </div>
2636      	<div class="clear"></div>
2637    </div>
2638        <div  class=" panel_2 fixed_btn " id="panel_77"  page_style="">
2639    
2640    <div class="model RWDmobile_bottom_v2"   id="m_RWDfullscreen01_77_1" md_id="1" tp_id="77" template_id="RWDfullscreen01">
2641      <ul class="mobile_bottom__ul">
2642          <li id='custom-0' class='mobile_bottom__li'>
2643                        <a id='mobileV2-btn-custom-0' class='mobile_bottom__a' href='https://www.google.com/maps/place/%E8%B6%A3%E5%B7%A5%E4%BD%9C%E5%85%B1%E5%90%8C%E5%B7%A5%E4%BD%9C%E7%A9%BA%E9%96%93+Keepworking+Coworking+Space/@25.045576,121.526463,14z/data=!4m5!3m4!1s0x0:0xdf62ddb160c0c5f0!8m2!3d25.045576!4d121.526463?hl=zh-TW'  target="_blank" aria-label='地圖導航'><div class='icon'><img class='cart_icon' src='https://keepworking.com.tw/archive/image/model/images/btn_deco5.png' alt=''></div>
2644                          <div class='text'>地圖導航</div>
2645                        </a>
2646                      </li><li id='custom-1' class='mobile_bottom__li'>
2647                        <a id='mobileV2-btn-custom-1' class='mobile_bottom__a' href='tel:0223218690'  aria-label='來電洽詢'><div class='icon'><img class='cart_icon' src='https://keepworking.com.tw/archive/image/model/images/btn_deco2.png' alt=''></div>
2648                          <div class='text'>來電洽詢</div>
2649                        </a>
2650                      </li><li id='custom-2' class='mobile_bottom__li'>
2651                        <a id='mobileV2-btn-custom-2' class='mobile_bottom__a' href='article.php?lang=tw&amp;tb=3'  aria-label='360環景'><div class='icon'><img class='cart_icon' src='https://keepworking.com.tw/archive/image/model/images/btn_deco4.png' alt=''></div>
2652                          <div class='text'>360環景</div>
2653                        </a>
2654                      </li>        </ul>
2655            </div>
2656        	<div class="clear"></div>
2657    </div>
2658        	<div class="clear"></div>
2659    </div>
2660        	<div class="clear"></div>
2661    </div>
2662        <div style="clear:both;"></div>
2663  </div>
2664  
2664<script>
2665  	$(document).ready(function() {
2666		if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) {
2667			$(".fixiosiframe").each(function(){
2668				var f = $(this);
2669				f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no');
2670				var h = f.attr('height');
2671				var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>');
2672				$new.insertBefore(f);
2673				$new.prepend(f);
2674			});
2675
2676		}
2677    });
2678</script>
2678
2679<!--load external_js-->
2679<script src="https://system49.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.2"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_toggle.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_dropdown.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/ml-stack-nav/ml-stack-nav.min.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
2679<script src="https://system49.webtech.com.tw/js/pwd_toggle.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
2679<script src="https://system49.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
2679<script src="https://system49.webtech.com.tw/js-plugin/fullvideo/jquery.youtubebackground.js"></script>
2679<script src="https://system49.webtech.com.tw/js/swiper/swiper.min.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDparallax_new/js/CSSPlugin.min.js"></script>
2679<script src="https://system49.webtech.com.tw/public/model/lib/RWDparallax_new/js/TweenLite.min.js"></script>
2679<script src="https://system49.webtech.com.tw/js-plugin/owl-carousel/owl.carousel.min.js"></script>
2679<!--load external_js end-->
2680<!--load footer_js-->
2680<script type="text/javascript" src="https://system49.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
2680<!--load footer_js end-->
2681
2682</body>
2683<script defer type="text/javascript" src="https://system49.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
2683</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.