1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" class="article2 id279 articlecontent" 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":"WebPage","name":"çºä½é¸æè¶£å·¥ä½ | 趣工ä½å ±åå·¥ä½ç©ºé","description":"趣工ä½ä½æ¼å°åå¸åå°å¯ºæ·éç«ï¼çºæ¨æé èé©å°æ¥ãå ·è¨è¨è³ªæçå·¥ä½ç°å¢ï¼çå»è£æ½¢åæçç°å¢çææ¬ï¼è®å·¥ä½è è¼é¬èªå¨å°å°æ³¨æ¼å·¥ä½ï¼ä¸ç¨åçºäºæ¾è¾¦å ¬å®¤æå·¥ä½ä½èç¦é çé¡ï¼å¤å¹´ä¾å¯éåçå°æ¥èè±ï¼åµé è±å¯ç¤¾ç¾¤é£çµã","url":"https:\/\/keepworking.com.tw\/article_d.php?lang=tw&tb=2&id=279","image":"https:\/\/keepworking.com.tw\/archive\/image\/header_info\/FB.png"}</script>
vendor: 1 bytes, line 8
8
9<script> 10let gtag_inuse = false; 11let gtag_type4 = false; 12let fbq_inuse = false; 13let omnichat_inuse = false; 14</script>
14 15 <!-- auto webmarketing--> 16 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 16-17
16 17 <script async src="https://www.googletagmanager.com/gtag/js?id=
17UA-246115440-1
vendor: 14 bytes, lines 17-18
17"></script> 18
18<script> 19
vendor: 139 bytes, lines 19-22
19window.dataLayer = window.dataLayer || []; 20 function gtag(){dataLayer.push(arguments);} 21 gtag('js', new Date()); 22 gtag('config', '
22UA-246115440-1
vendor: 6 bytes, lines 22-23
22'); 23
23</script>
23 24
24<script>gtag_inuse = true;</script>
24 25 <style> 26@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700&display=swap'); 27</style> 28 29<!-- GetButton.io widget -->
30<script type="text/javascript"> 31 (function () { 32function 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}}} 33 var options = { 34 facebook: "1639670066273890", // Facebook page ID 35 call_to_action: "", // Call to action 36 button_color: "#FF6550", // Color of button 37 position: "right", // Position may be 'right' or 'left' 38 }; 39 var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; 40 var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; 41 s.onload = function () { WhWidgetSendButton.init(host, proto, options);setTimeout(function(){ya_let_me_down();},1000) }; 42 var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); 43 })(); 44</script>
44 45<!-- /GetButton.io widget --> 46<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 47<title lang="zh-tw">çºä½é¸æè¶£å·¥ä½ | 趣工ä½å ±åå·¥ä½ç©ºé</title> 48<meta name="apple-mobile-web-app-capable" content="yes"> 49<meta name="mobile-web-app-capable" content="yes"> 50<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> 51<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 52<!--[if lt IE 9]>
53<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 53
53
54<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
54 55<![endif]--> 56<meta name="keywords" content="å ±åå·¥ä½ç©ºé,å ±äº«ç©ºé,趣空é,è¾¦å ¬å®¤,å·¥ä½ä½,ååä¸å¿,å ´å°ç§å,æ´»åå ´å°,æè°å®¤,åå"> 57<meta name="description" content="趣工ä½ä½æ¼å°åå¸åå°å¯ºæ·éç«ï¼çºæ¨æé èé©å°æ¥ãå ·è¨è¨è³ªæçå·¥ä½ç°å¢ï¼çå»è£æ½¢åæçç°å¢çææ¬ï¼è®å·¥ä½è è¼é¬èªå¨å°å°æ³¨æ¼å·¥ä½ï¼ä¸ç¨åçºäºæ¾è¾¦å ¬å®¤æå·¥ä½ä½èç¦é çé¡ï¼å¤å¹´ä¾å¯éåçå°æ¥èè±ï¼åµé è±å¯ç¤¾ç¾¤é£çµã"> 58<meta name="author" content="è¶£å·¥ä½æéå ¬å¸" /> 59<meta name="copyright" content="è¶£å·¥ä½æéå ¬å¸" /> 60<meta name="distribution" content="global" /> 61<meta name="rating" content="general" /> 62<meta name="robots" content="index,follow" /> 63<meta property="og:title" content="çºä½é¸æè¶£å·¥ä½"/> 64<meta property="og:type" content="website"/> 65<meta property="og:url" content="https://keepworking.com.tw/article_d.php?lang=tw&tb=2&id=279"/> 66<meta property="og:description" content="趣工ä½ä½æ¼å°åå¸åå°å¯ºæ·éç«ï¼çºæ¨æé èé©å°æ¥ãå ·è¨è¨è³ªæçå·¥ä½ç°å¢ï¼çå»è£æ½¢åæçç°å¢çææ¬ï¼è®å·¥ä½è è¼é¬èªå¨å°å°æ³¨æ¼å·¥ä½ï¼ä¸ç¨åçºäºæ¾è¾¦å ¬å®¤æå·¥ä½ä½èç¦é çé¡ï¼å¤å¹´ä¾å¯éåçå°æ¥èè±ï¼åµé è±å¯ç¤¾ç¾¤é£çµã"/> 67<meta property="og:image" content="https://keepworking.com.tw/archive/image/header_info/FB.png"/> 68<meta property="og:site_name" content="è¶£å·¥ä½æéå ¬å¸"/>
69<script> 70var tlang = "tw"; 71</script>
vendor: 1 bytes, line 71
71
72<script src="https://system49.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 72
72
73<script src="https://system49.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
73 74<link rel="canonical" href="https://keepworking.com.tw/article_d.php?lang=tw&tb=2&id=279"> 75<link rel="icon" href="https://www.keepworking.com.tw/logo.png"> 76<link rel="stylesheet" href="https://system49.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" /> 77<link rel="stylesheet" href="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" /> 78<link rel="stylesheet" href="https://system49.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css"> 79<link rel="stylesheet" href="https://system49.webtech.com.tw/css/bootstrap-min.css?mv=20260914" > 80<!-- load external--> 81<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"><!-- end --> 82<link href="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/model_css.php?v=20260914&key=cHViX3x8MjAyMjAwMjIwX3x8UldEUEFHRV9CQVNFX1BBVDAyfHxSV0RQQUdFX0JBU0VfUEFUMDI=" rel="stylesheet" type="text/css" /> 83<link href="https://system49.webtech.com.tw/public/template/base/article.css?v=20260914" rel="stylesheet" type="text/css" /> 84<!--base css--> 85<link href="https://system49.webtech.com.tw/public/template/base/base.css?v=20260914" rel="stylesheet" type="text/css" /> 86<!--end--> 87<link href="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/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"/><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/public/model_fn_lib/article/css/RWDslider01.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/public/model_fn_lib/article/css/RWDtimeline01.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/public/model_fn_lib/article/css/RWDtimeline02.css"> 91 <link rel="stylesheet" href="https://keepworking.com.tw/customization_css.php?p=eyJwYWdlIjoiYXJ0aWNsZS5waHAiLCJ0ZW1wbGF0ZV9pZCI6IlJXRFBBR0VfQkFTRV9QQVQwMiIsImRlc2lnbmVyX3BhZ2VpZCI6ImFydGljbGUyIn0%3D&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<style type="text/css"> 104 .seofootercompany,.seofooterkeyword{font-size:12px;} 105 .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;} 106</style>
107<script>var showtotop = false;</script>
vendor: 1 bytes, line 107
107
108<script src="https://system49.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 108
108
109<script src="https://system49.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 109
109
110<script src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 110
110
111<script type="text/javascript"> 112var isMobile = false; 113var isDesktop = false; 114$(window).on("load resize",function(e){ 115 //mobile detection 116 if(Modernizr.mq('only all and (max-width: 767px)') ) { 117 isMobile = true; 118 }else{ 119 isMobile = false; 120 } 121 //tablette and mobile detection 122 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 123 isDesktop = false; 124 }else{ 125 isDesktop = true; 126 } 127}); 128</script>
128 129
130<script src="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/index.js?v=20260914"></script>
130 131 <style type="text/css"> 132 .paneleffect, .paneleffect_v1{opacity: 0;} 133 .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;} 134 </style> 135
135<script type="text/javascript"> 136 137 // ç£è½ç©ä»¶é«åº¦æ¯å¦è®å 138 function onElementHeightChange(elm, callback) { 139 var lastHeight = elm.clientHeight 140 var newHeight; 141 142 (function run() { 143 newHeight = elm.clientHeight; 144 if (lastHeight !== newHeight) callback(); 145 lastHeight = newHeight; 146 147 if (elm.onElementHeightChangeTimer) { 148 clearTimeout(elm.onElementHeightChangeTimer); 149 } 150 151 elm.onElementHeightChangeTimer = setTimeout(run, 200); 152 })(); 153 } 154 155 $(document).ready(function(){ 156 157 158 imagesLoaded( document.querySelector('body'), function( instance ) { 159 $('.paneleffect').each(function(){ 160 if($(this).height() < 200){ 161 $(this).removeClass('paneleffect'); 162 } 163 }); 164 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 165 }); 166 167 // ç£è½bodyé«åº¦è®åæè¦éè·å ¥å ´åç« 168 onElementHeightChange(document.body, function(){ 169 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 170 }); 171 172 173 174 function onScrollInit( items, trigger ) { 175 items.each( function() { 176 var osElement = $(this), 177 osoffset = osElement.attr('data-os-offset'), 178 osAnimationClass = osElement.attr('data-os-animation'), 179 osAnimationDelay = osElement.attr('data-os-animation-delay'); 180 osAnimationDuration = osElement.attr('data-os-animation-duration'); 181 if(typeof(osAnimationClass)=='undefined'){ 182 osAnimationClass = 'fadeInUp'; 183 } 184 if(typeof(osAnimationDelay)=='undefined'){ 185 osAnimationDelay = '0.3s'; 186 } 187 if(typeof(osoffset)=='undefined'){ 188 osoffset = '90%'; 189 } 190 if(typeof(osAnimationDuration)=='undefined'){ 191 osAnimationDuration = '1s'; 192 } 193 194 195 osElement.css({ 196 '-webkit-animation-delay': osAnimationDelay, 197 '-moz-animation-delay': osAnimationDelay, 198 'animation-delay': osAnimationDelay, 199 '-webkit-animation-duration': osAnimationDuration, 200 'animation-duration': osAnimationDuration, 201 202 }); 203 204 var osTrigger = ( trigger ) ? trigger : osElement; 205 206 osTrigger.waypoint(function() { 207 osElement.addClass('animated').addClass(osAnimationClass); 208 },{ 209 triggerOnce: true, 210 offset: osoffset 211 }); 212 }); 213 } 214 }); 215 </script>
vendor: 1 bytes, line 215
215
216<script type="text/javascript"> 217 var ajaxGet = null; 218 var orgwapperh = 0; 219 var nowtop = 0; 220 function fn_openbox(url,parpms){ 221 222 if (ajaxGet != null){ 223 ajaxGet.abort(); 224 } 225 nowtop = $( document ).scrollTop(); 226 $("html,body").scrollTop(0).css({'overflow-x':'hidden'}); 227 $("#loading_mask").css({'width':$(window).width()}).show(); 228 $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'}); 229 230 $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show(); 231 232 ajaxGet = $.ajax({ 233 type: 'post', // 234 url: url, 235 data:parpms, 236 dataType: "html", 237 success: function(datahtml) { 238 $('#boxcontent').html(datahtml); 239 $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'}); 240 $('#openbox').stop().animate({'left':0}, 800,function(){ 241 $("#loading_mask").hide(); 242 $('.wapper .panel').hide(0); 243 }); 244 var images=$('#editor img'); 245 var link = null; 246 var imgLen=images.length; 247 for(var i=0;i<imgLen;i++){ 248 if (images[i].parentNode.tagName.toLowerCase() != 'a'){ 249 images[i].style.cursor="pointer"; 250 link = document.createElement("a"); 251 link.href = images[i].src; 252 $(link).addClass('fancybox').attr("rel","group"); 253 //客æ¶èªå·±å¡«çåçèªªææ¯æä½æç¤ºæ´æ SEO å¹å¼ï¼åæ¬ææ¿ä»£æåå°±ä¸è¦èï¼ 254 //title è¬çæ¯ãéå¼µåå¯ä»¥é»éãéåæä½ãèåçå §å®¹ç¡éï¼æä»¥ä¸å¾è¦è 255 if(images[i].alt == ''){ 256 images[i].alt='黿æ¾å¤§'; 257 } 258 images[i].title='黿æ¾å¤§'; 259 link.target="_blank"; 260 images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i]) 261 } 262 } 263 $("#editor .fancybox").fancybox({ 264 'hideOnContentClick': true 265 }); 266 267 }, 268 error:function (xhr, ajaxOptions, thrownError){ 269 fn_close_box(); 270 $("body").append(xhr.status); 271 $("body").append(xhr.responseText ); 272 //alert(thrownError); 273 } 274 }); 275 } 276 277 function fn_close_box(){ 278 $('.wapper .panel').show(0); 279 $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){ 280 $( document ).scrollTop(nowtop).css({'overflow-x':'auto'}); 281 $('#boxcontent').html('').hide(); 282 $('#openbox').hide(); 283 $("#loading_mask").hide(); 284 }); 285 } 286</script>
286 287
287<script type="text/javascript"> 288 noRightMenu(); 289 </script>
289 290
290<script type="text/javascript"> 291 noSelect(); 292 </script>
292 293
293<script type="text/javascript"> 294 $(document).ready(function(){ 295 $(".fancybox.youtube").click(function() { 296 $.fancybox({ 297 'padding' : 0, 298 'autoScale' : false, 299 'transitionIn' : 'none', 300 'transitionOut' : 'none', 301 'title' : this.title, 302 'width' : 640, 303 'height' : 385, 304 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 305 'type' : 'swf', 306 'swf' : { 307 'wmode' : 'transparent', 308 'allowfullscreen' : 'true' 309 } 310 }); 311 return false; 312 }); 313 $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); 314 }); 315</script>
315 316<style> 317.error{color:red;} 318</style> 319 <!-- auto webmarketing--> 320 <!-- Google Tag Manager --> 321
321<script>
vendor: 335 bytes, lines 321-325
321(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 322 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 323 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 324 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 325 })(window,document,'script','dataLayer','
325GTM-NMPK9MF
vendor: 3 bytes, line 325
325');
325</script>
325 326 <!-- End Google Tag Manager --> 327 </head> 328<body domain_is_safe="no" class="wrapper_bg page_wrapper_bg tb_article fn_article2 lang_tw" attr-type="keepworking.com.tw" attr-type2="www.keepworking.com.tw" attr-trans="Y" RID="" nowPath="article.php"> 329 <!-- auto webmarketing--> 330 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 330-331
330 331 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
331GTM-NMPK9MF
vendor: 87 bytes, lines 331-333
331" 332 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 333
333<!-- End Google Tag Manager (noscript) --> 334 <div id="openbox"> 335 <div id="boxcontent"> 336 </div> 337</div> 338<style> 339 .RWDalert_fancybox.center{ 340 max-width: 800px; 341 text-align: center; 342 padding: 20px; 343 } 344 .RWDalert_fancybox.center img{ 345 max-width: 100%; 346 } 347 .RWDalert_fancybox.bottom{ 348 z-index: 999; 349 box-shadow:0px -3px 3px rgba(20%,20%,40%,0.2); 350 padding: 15px 30px; 351 text-align: center; 352 letter-spacing: 1px; 353 position: fixed; 354 bottom: 0; 355 left: 0; 356 right: 0; 357 background: #fff; 358 } 359 .RWDalert_fancybox.bottom.active{ 360 animation-name: RWDalertfadeOut; 361 animation-duration: 4s; 362 animation-fill-mode: both; 363 } 364 @keyframes RWDalertfadeOut { 365 from { 366 bottom: 0; 367 } 368 to { 369 bottom: -100%; 370 } 371 } 372 .RWDalert_fancybox.center .editor{ 373 margin-bottom: 30px; 374 font-size: 14px; 375 } 376 .RWDalert_fancybox.bottom .editor{ 377 font-size: 15px; 378 margin-bottom: 8px; 379 } 380 .RWDalert_fancybox .title{ 381 font-size: 16px; 382 margin-bottom: 15px; 383 font-weight: bold; 384 } 385 .RWDalert_fancybox.bottom .editor, 386 .RWDalert_fancybox.bottom .btn-box{ 387 display: inline-block; 388 } 389 .RWDalert_fancybox .btn{ 390 background: none; 391 border: 1px solid #888; 392 color: #333; 393 box-shadow:inset 0 0 0 rgba(20%,20%,40%,0.5); 394 margin: 0 6px; 395 transition: all .15s ease-in-out; 396 letter-spacing: 1px; 397 } 398 .RWDalert_fancybox .btn.active{ 399 background: var(--wt-MainColor,#888); 400 color: #fff; 401 } 402 .RWDalert_fancybox .btn:focus{ 403 outline: 0; 404 } 405 @media (min-width: 1025px){ 406 .RWDalert_fancybox .btn:hover{ 407 background: var(--wt-HoverColor,#666); 408 color: #fff; 409 } 410 } 411</style> 412<div id="RWDalert_fancybox" class="model RWDalert_fancybox bottom" style='display:none'> 413 <div class="editor"> 414 æ¬ç¶²ç«ä½¿ç¨cookiesçºæ¨æä¾æ´å¥½çç¨æ¶é«é©ãç¹¼çºä½¿ç¨æ¬ç¶²ç«è¡¨ç¤ºæ¨åææåç<a href="article_d.php?lang=tw&tb=8&id=168">æåæ¢æ¬¾</a>ã </div> 415 <div class="btn-box"> 416 <button class="btn active" onclick="alertBottom()">åæ</button> 417 </div> 418</div>
419<script> 420 function RWDalert_fancybox_setCookie(cname,cvalue,exdays){ 421 var d = new Date(); 422 d.setTime(d.getTime()+(exdays*24*60*60*1000)); 423 var expires = "expires="+d.toGMTString(); 424 document.cookie = cname + "=" + cvalue + "; " + expires; 425 } 426 // ä¸åæä¸å¾å°æªè¨å®è·³è½é£çµæçè¡çºï¼ä¾æºé åç«ä¸ç覽ç´éæä¸ä¸é æéåï¼å¦åå ééå½çªçå¨åé ï¼æ°åé éåææ²æä¸ä¸é å¯éï¼ã 427 // ä¸å¾ä¸å¯« web_pop_view cookieââæ²åæå°±ä¸è©²è¦çºå·²é±è®ï¼ä¸æ¬¡é²ç«ä»è¦åå䏿¬¡ã 428 function web_pop_disagree(){ 429 var ref = document.referrer; 430 if(ref!="" && history.length>1){ 431 var ref_link = document.createElement("a"); 432 ref_link.href = ref; 433 if(ref_link.host==location.host){ 434 history.back(); 435 return; 436 } 437 } 438 web_pop_close(); 439 } 440 // åªééå½çªï¼ä¸å¯« cookieï¼åæèä¸åæå ±ç¨ï¼å¯«ä¸å¯« cookie ç±å¼å«ç«¯æ±ºå®ã 441 function web_pop_close(){ 442 $('.RWDalert_fancybox.bottom').addClass('active'); 443 } 444 function alertBottom() { 445 web_pop_close(); 446 RWDalert_fancybox_setCookie("web_pop_view","on",365) 447 } 448 $(document).ready(function() { 449 $('#RWDalert_fancybox').show(); 450 }); 451 </script>
451 452 <div id="RWDPAGE_BASE_PAT02" class="template_panel_first collapsing_header web_202200220"> 453 <div class=" preloader " id="panel_15" page_style=""> 454 <style type="text/css"> 455 .template_panel_first{display:none;} 456 457 </style> 458 <div class="model RWDfakeloader" id="m_RWDPAGE_BASE_PAT02_15_1" md_id="1" tp_id="15" template_id="RWDPAGE_BASE_PAT02" style="position: fixed;z-index: 199999;" new_edit="Y"> 459 <img style="width:0px;height:0px" src="https://keepworking.com.tw/archive/image/index/logo.png?v=11100" alt=""/> 460
460<script> 461 $( document ).ready(function() { 462 $(".template_panel_first").show(); 463 $("#m_RWDPAGE_BASE_PAT02_15_1").fakeLoader({ 464 zIndex:199999, 465 timeToHide:800, 466 bgColor:"#f4f4f4", 467 imagePath:"https://keepworking.com.tw/archive/image/index/logo.png?v=11100" 468 }); 469 }); 470 </script>
470 471 <div style="clear:both;"></div> 472 </div> 473 <div class="clear"></div> 474 </div> 475 <!-- header load start --> <div class=" menu-container " id="panel_52" page_style="headermain"> 476 <!--âscrollbarå¥ä»¶ cssâ--> 477 <div class="model RWDmenu_plus04" id="m_RWDfullscreen01_52_1" md_id="1" tp_id="52" template_id="RWDfullscreen01" new_edit="Y"> 478 <header class="header" > 479 <div class="header-in"> 480 <div class="logo"> 481 <a href="https://keepworking.com.tw/" aria-label="Logo"> 482 <img class="img-responsive" src="https://keepworking.com.tw/archive/image/weblogo/logo.png" alt="è¶£å·¥ä½æéå ¬å¸"> 483 </a> 484 </div> 485 486 <nav class="site-nav"> 487 <div class="container"> 488 <ul class="menu"> 489 <li level='1' org_link='article.php?lang=tw&tb=2' showsize=''class=' is-active ' ><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='å ´å°ç§å
489' >å ´å°ç§å</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> 490 </div> 491 </nav> 492 493 <!--âé¸å®ééâ--> 494 <a href="#ml-stack-nav-1" class="ml-stack-nav-toggle" title="menu toggle the navigation" aria-label="menu toggle the navigation"> 495 <i>MENU</i> 496 <span class="ml-stack-nav-toggle__line"></span> 497 <span class="ml-stack-nav-toggle__line"></span> 498 <span class="ml-stack-nav-toggle__line"></span> 499 </a> 500 501 <!--âåè½åâ--> 502 <div class="features"> 503 <!--âèªç³»â--> 504 <!--â社群â--> 505 <div class="share-group main_share"> 506 <a title="ä¾é»æ´½è©¢02-23218690" aria-label="ä¾é»æ´½è©¢02-23218690" href="tel:0223218690" > 507 <img style="width:26px;" src="https://keepworking.com.tw/archive/image/model/images/btn_deco2.png" alt=""> <span>ä¾é»æ´½è©¢<h8>02-23218690</h8></span> </a> 508 </div> 509 510 511 512 <div class="search-btn" tabindex="0" role="button" aria-label="æå°"> 513 <i class="" aria-hidden="true"> 514 <img src='https://keepworking.com.tw/archive/image/model/images/menu-i02.png' alt='search'></img> </i> 515 </div> 516 <div class="edit"> 517 </div> 518 <div class="clearfix"></div> 519 </div> 520 <div id="search-box" class="full" style="background-color:rgba(0,0,0,0.8)"> 521 <button type="button" class="search-close-full" onclick="search_close_full()" aria-label="åæ¶"></button> 522 <div class="search-in"> 523 <div class="btn-box"> 524 <button type="button" name="search" class="ibtn search" onclick="do_top_search()" aria-label="GO"><i class="ii ii-search1"></i></button> 525 <button type="button" name="close search" class="ibtn close-btn" aria-label="åæ¶"><i class="ii ii-close1"></i></button> 526 </div> 527 <input id="search_box_text" type="text" placeholder="è«è¼¸å ¥ééµå" title="è«è¼¸å ¥ééµå" class="form-control"> 528 </div> 529 </div> 530 </div> 531 </header> 532 533 534 <!--â è¡åçâ --> 535 <div id="mobile-menu"> 536 <div class="menu-icon close-btn">CLOSE</div> 537 <!--âè¡åé¸å®â--> 538 <div class="main-menu"> 539 <ul class="menu"> 540 <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='å ´å°ç§å
540' >å ´å°ç§å</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> 541 <div class="phone-menubelow"> 542 </div> 543 <!--âcopyright å¾å°å¯è¼¸å ¥æåâ--> 544 </div> 545 </div> 546 547 <div class="overlay"></div> 548 <!-- è³¼ç©è» --> 549 550 <!-- è©¢åè» --> 551 552 <!-- æå¡ä»é¢ --> 553 <div style="clear:both;"></div> 554 </div> 555
555<script> 556 var pub_web_memberLogin_btn = null; 557 </script>
557 558
558<script> 559 //滿çæå°ééæé 560 function search_close_full(){ 561 $('#search-box').removeClass('is-open'); 562 setTimeout(function(){$('#search_box_text').attr("value","")},300); 563 } 564 $(document).ready(function(){ 565 $(window).scroll(function() { 566 var scroll = $(window).scrollTop(); 567 if (scroll >= 1) { 568 $(".RWDmenu_plus04 .header").addClass("is-up"); 569 } else { 570 $(".RWDmenu_plus04 .header").removeClass("is-up"); 571 } 572 }); 573 574 let nav_h = $('.RWDmenu_plus04 .header').height(); 575 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 576 let drop_menu_pic = $('.RWDmenu_plus04 .SPV2'); 577 $(".RWDmenu_plus04 .header").prepend(drop_menu_pic); /* htmlå¤ç§»å° header裡ï¼éå°å ¨æ»¿çæ¨£å¼ */ 578 drop_menu_pic.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 579 drop_menu_pic.addClass('full'); 580 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 581 582 let drop_menu = $('.RWDmenu_plus04 .SP'); 583 drop_menu.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 584 585 586 587 $("html").removeClass("no-js"); 588 $(".js-ml-stack-nav").mlStackNav(); 589 // open nav 590 var menu_btn = $('.ml-stack-nav-toggle') 591 var nav = $('#mobile-menu') 592 var overlay = $('.RWDmenu_plus04 .overlay') 593 594 menu_btn.click(function(){ 595 overlay.addClass("is-open"); 596 }); 597 //close nav 598 overlay.click(function(){ 599 $(this).removeClass("is-open"); 600 // nav.removeClass("is-open"); 601 // nav.find('li').removeClass('is-open'); 602 menu_btn.removeClass("is-active"); 603 $('body').removeClass("menu-open"); 604 $('body').removeClass('other-open'); 605 606 $(".cart-block,.querycar-block").removeClass("is-open"); 607 608 }); 609 $(".close-btn").click(function(){ 610 // nav.removeClass("is-open"); 611 // nav.find('li').removeClass('is-open'); 612 menu_btn.removeClass("is-active"); 613 $('body').removeClass('menu-open'); 614 615 overlay.removeClass("is-open"); 616 }); 617 $("#mobile-menu .can-link a[href*=#]:not([href=#])").on("click",function(){ 618 menu_btn.removeClass("is-active"); 619 $('body').removeClass('menu-open'); 620 overlay.removeClass("is-open"); 621 }); 622 //member-block 623 //search 624 var search_box = $('#search-box') 625 var search_input = $('#search_box_text') 626 $('.search-btn').click(function(){ 627 if(search_box.hasClass("is-open")){ 628 return false; 629 } 630 search_box.addClass('is-open'); 631 setTimeout(function(){ 632 search_input.focus(); 633 }, 100); 634 }); 635 //ç¨æ¼ios blur失æåé¡ â 636 $('#search-box.full').click(function(){ 637 $(this).attr("blur","other"); 638 }); 639 //ç¨æ¼ios blur失æåé¡ â 640 search_input.blur(function(){ 641 if(!search_box.hasClass("full")){ 642 search_box.removeClass("is-open"); 643 } 644 /*else{ 645 search_close(); 646 }*/ 647 }); 648 search_input.keydown(function(e){ 649 if(e.keyCode==13){ 650 do_top_search(); 651 } 652 }) 653 $('#search-box.full .close-btn').click(function(){//滿çæå°__é»Xæéééï¼ä¸¦æ¸ 空 654 search_close() 655 }); 656 $(window).keydown(function(e){//滿çæå°__éµç¤escééï¼ä¸¦æ¸ 空 657 if (search_box.hasClass("full")&&search_box.hasClass("is-open")&&e.keyCode==27){ 658 search_close() 659 } 660 }) 661 function search_close(){ 662 search_box.removeClass('is-open'); 663 setTimeout(function(){search_input.attr("value","")},300); 664 } 665 666 /*夿·æç¡è¼ªæå*/ 667 $('.dropdown-menu').has('.pic-box').addClass('haspic'); 668 $('.haspic').each(function(){ 669 $(this).find('figure').css('background-image','url('+ $(this).find('li.manu-item').first().children('a').attr('url')+ ')'); 670 $(this).find('div.pic-box').find('a').attr('href',$(this).find('li.manu-item').first().children('a').attr('href')); 671 var pic_boc_div=this; 672 $(this).find('li').each(function(){ 673 $(this).find('a').mouseenter(function(){ 674 $(pic_boc_div).find('figure').css('background-image','url('+$(this).attr('url')+')'); 675 $(pic_boc_div).find('div.pic-box').find('a').attr('href',$(this).attr('href')); 676 }) 677 }) 678 }) 679 /*scrollbarå¥ä»¶*/ 680 $(".RWDmenu_plus04 .main-menu,.RWDmenu_plus04 .inside").mCustomScrollbar({ 681 axis:"y", 682 theme:"dark-3", 683 scrollInertia:550, 684 scrollButtons: "enable: boolean" 685 }); 686 687 }) 688 689 var needreloadquerycar = true; 690 var NOW_QUERYCAR_TOTAL_AMOUNT=0; 691 function do_top_search(){ 692 var val = $("#search_box_text").val(); 693 if (val !="" && val !="è«è¼¸å ¥ééµå"){ 694 location.href="https://keepworking.com.tw/search.php?lang=tw&searchkey="+encodeURIComponent(val); 695 } 696 if($('#search-box').hasClass("full")){ 697 search_close_full(); 698 } 699 } 700 function change_lang(elm){ 701 location.href=$(elm).val(); 702 } 703 // æ°å¢å±éæå¡æ»åºäºä»¶ï¼ä¾å ¶ä»ååå¼å« 704 function memu_quickOpenMemberBox(){ 705 let member_block = document.querySelector('.RWDmenu_plus04 .member-block');
706 let overlay = document.querySelector('.RWDmenu_plus04 .overlay'); 707 if(typeof(member_block) != 'undefined' && member_block != null){ 708 $('body').addClass('other-open'); 709 member_block.classList.add('is-open'); 710 overlay.classList.add('is-open'); 711 }else{ 712 let nowurl = window.encodeURIComponent(window.btoa(window.location.href)); 713 // é¸å®å°æªå 䏿¯æ´ç function ï¼å è·³è½å°æå¡ä¸å¿ 714 location.href='member_login.php?lang='+lang+'&g='+nowurl; 715 } 716 } 717 </script>
717 718 <div class="clear"></div> 719 </div> 720 <!-- header load end --> <div class=" main " id="panel_8" page_style=""> 721 <div class=" panel_2 banner_block " id="panel_7" page_style=""> 722 723 <div class="model RWDbanner_plus01 " id="m_RWDPAGE_BASE_PAT02_7_1" md_id="1" tp_id="7" template_id="RWDPAGE_BASE_PAT02" style="opacity: 0;" new_edit="Y"> 724 <div class="RWDbanner_plus01 style-dotnav control-right dot" data-imgfrom="模çµ"> 725 <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div> 726 <div class="banner-slider "> 727 <div class="slick-item slickitem01"> 728 <div class="pic-box"> 729 <!-- é¦é 顯示åå¡ --> 730 <div class="pic " style="text-align:right;" PC="https://keepworking.com.tw/archive/image/model/images/p_banner01.jpg" NOTE="https://keepworking.com.tw/archive/image/model/images/p_banner01_padw.jpg" PAD="https://keepworking.com.tw/archive/image/model/images/p_banner01_pad.jpg" PHONE="https://keepworking.com.tw/archive/image/model/images/p_banner01_ph.jpg" imgalt=""> 731 <img src="https://keepworking.com.tw/archive/image/model/images/p_banner01.jpg" alt=""> 732 </div> 733 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 734 </div> 735 <!--âåååçåå¡ 20180523æ°å¢â--> 736 <!--âåååçåå¡ 20180523æ°å¢â--> 737 738 </div> 739 </div> 740 <style type="text/css"> 741 .RWDbanner_plus01.style-dotnav .slick-prev ,.RWDbanner_plus01.style-dotnav .slick-next{display: none!important;} 742 </style> 743 <div class="plus-banner-container"> 744 <div class="control-box clearfix"> 745 <div class="control"> 746 <div class="items"></div> 747 </div> 748 </div> 749 </div> 750 </div> 751 <div style="clear:both;"></div> 752 </div> 753 <!-- model end--> 754
754<script type="text/javascript"> 755 //寬çç¨initå ¨åè®æ¸ 756 var BYT_INIT_I=0; 757 //夿·æ¯å¦çºè¡åè£ç½® 758 var isMobile = false; 759 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) 760 || /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.
760substr(0,4))) isMobile = true; 761 GetRumdomStr = function () { 762 var str = ""; 763 var maxNum = 10; 764 var minNum = 0; 765 var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 766 for (var i = 1; i <= 4; i++) { 767 n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 768 str += n.toString(); 769 } 770 // console.log(str); 771 return str; 772 }; 773 774 $(document).ready(function(){ 775 $(".full_page_photo").css({'height':$("#m_RWDPAGE_BASE_PAT02_7_1").outerHeight()}); 776 777 if($('.collapsing_header .main').size() > 0 ){ 778 var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight(); 779 $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !importantæå®¢è£½åcssçtop弿´æ 780 } 781 782 if($('#m_RWDPAGE_BASE_PAT02_7_1 img').size()==0){ 783 init_banner_plus01_RWDPAGE_BASE_PAT0271(); 784 }else{ 785 $('#m_RWDPAGE_BASE_PAT02_7_1').imagesLoaded( function() { 786 init_banner_plus01_RWDPAGE_BASE_PAT0271(); 787 }); 788 } 789 790 $(window).on("resize",function(e){ 791 fullscreenImage_RWDPAGE_BASE_PAT0271(); 792 setTimeout(function() { 793 bannerSetHeight_RWDPAGE_BASE_PAT0271(); 794 },100) 795 }); 796 }); 797 function init_banner_plus01_RWDPAGE_BASE_PAT0271(){ 798 fullscreenImage_RWDPAGE_BASE_PAT0271(); 799 $('#m_RWDPAGE_BASE_PAT02_7_1').css({'opacity':1}); 800 if($('#m_RWDPAGE_BASE_PAT02_7_1 .pic-box').size() < 2){ 801 $('#m_RWDPAGE_BASE_PAT02_7_1 .control-box, #m_RWDPAGE_BASE_PAT02_7_1 .slick-arrow').hide(); 802 } 803 let slick_tmp=null; 804 slick_tmp = $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-dotnav .banner-slider'); 805 slick_tmp.not('#m_RWDPAGE_BASE_PAT02_7_1 .slick-initialized').slick({ 806 lazyLoad: 'progressive',//ondemand lazyload 807 autoplay: true, 808 autoplaySpeed: 7000, 809 dots: true, 810 arrows: false, 811 pauseOnHover: false, 812 pauseOnFocus: false, 813 speed: 700, 814 fade: false, 815 appendDots: $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .control-box .control .items'), 816 adaptiveHeight: true, 817 swipeToSlide: true, 818 touchThreshold: 20000, 819 waitForAnimate: false, 820 responsive: [ 821 { 822 breakpoint: 767, 823 settings: { 824 adaptiveHeight:false, 825 } 826 } 827 ] 828 }); 829 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() { 830 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-dotnav .slick-prev').click(); 831 }); 832 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() { 833 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-dotnav .slick-next').click(); 834 }); 835 836 $(window).on('resize', bannerSetHeight_RWDPAGE_BASE_PAT0271()).resize(); 837 838 // page-scrollæé 839 $('#m_RWDPAGE_BASE_PAT02_7_1 a.scrolllink').click(function(event) { 840 var t = $(this).attr('href'); 841 if(t != '#' && t != ''){ 842 $('html,body').animate({scrollTop:$(t).offset().top},800); 843 } 844 return false; 845 }); 846 // ä¿®æ£è¡åè£ç½®BUG //github.com/kenwheeler/slick/issues/3306 847 $('#m_RWDPAGE_BASE_PAT02_7_1 .slick-initialized').on('touchstart', e => { 848 $('#m_RWDPAGE_BASE_PAT02_7_1 .slick-initialized').slick('slickPlay'); 849 }); 850 } 851 function bannerSetHeight_RWDPAGE_BASE_PAT0271() { 852 var menu_height = 0; 853 /* bannerææ©çæé«æ»¿çé¢ */ 854 var windowHeight = 0 855 var paddingHeight = $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .banner-slider.bg').height(); 856 857 if ($('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) { 858 windowHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_7_1 .control-box').outerHeight() - menu_height - paddingHeight; 859 } else { 860 windowHeight = $(window).height() - menu_height - paddingHeight; 861 } 862 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight); 863 864 865 /* banner滿çé¢ */ 866 var fullHeight = 0 867 if ($('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) { 868 fullHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_7_1 .control-box').outerHeight() - menu_height - paddingHeight; 869 } else { 870 fullHeight = $(window).height() - menu_height - paddingHeight; 871 } 872 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight); 873 874 875 /* banneræ§å¶å¨é«åº¦ */ 876 let bannerHeight = 0 877 if ($('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) { 878 bannerHeight = $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 .banner-slider .slick-list').height(); 879 } 880 $('#m_RWDPAGE_BASE_PAT02_7_1 .style-dotnav.control-left .control-box , #m_RWDPAGE_BASE_PAT02_7_1 .style-dotnav.control-right .control-box').css('height', bannerHeight); 881 882 } 883 function fullscreenImage_RWDPAGE_BASE_PAT0271(){ 884 var ww = $(window).width(); 885 // å¸¶å ¥RWDæ£ç¢ºçåçè·¯å¾ 886 $('#m_RWDPAGE_BASE_PAT02_7_1 .pic').each(function(){ 887 if(ww > 1024){ 888 img = $(this).attr('PC'); 889 }else if(ww >= 992){ 890 img = $(this).attr('NOTE'); 891 }else if(ww >= 768){ 892 img = $(this).attr('PAD'); 893 }else{ 894 img = $(this).attr('PHONE'); 895 } 896 let img_alt = $(this).attr('imgALT'); 897 $(this).find('img').attr('src',img); 898 $(this).find('img').attr('alt',img_alt); 899 //解決æ°è³¼ç©part2 .slick-slideçcssé«åº¦100%å½±é¿ 900 $('#m_RWDPAGE_BASE_PAT02_7_1 .slick-slide').css("height",'auto'); 901 }); 902 903 $("#m_RWDPAGE_BASE_PAT02_7_1 .logo").each(function(){ 904 if(ww >= 1200){ 905 img = $(this).attr('PC'); 906 }else if(ww >= 992){ 907 img = $(this).attr('NOTE'); 908 }else if(ww >= 768){ 909 img = $(this).attr('PAD'); 910 }else{ 911 img = $(this).attr('PHONE'); 912 } 913 914 if(img==''){ 915 $(this).find('img').hide(); 916 }else{ 917 if($(this).find('img').size()==0){ 918 $(this).append('<img src="" alt="LOGO">'); 919 } 920 $(this).find('img').attr('src',img).show(); 921 } 922 923 }); 924 } 925 function change_imgblock_size_RWDPAGE_BASE_PAT0271(){ 926 var nextSlide_idx=BYT_INIT_I*1; 927 var slickitem_idx=BYT_INIT_I*1+1; 928 if(nextSlide_idx<10){ 929 nextSlide_idx="0"+BYT_INIT_I; 930 } 931 if(slickitem_idx<10){ 932 slickitem_idx="0"+slickitem_idx; 933 } 934 if($('#m_RWDPAGE_BASE_PAT02_7_1'+" #slick-slide"+nextSlide_idx).length==0){ 935 return false;
936 }else{ 937 var image = new Image(); 938 image.onload =function(){ 939 var image_height=image.height; 940 $('#m_RWDPAGE_BASE_PAT02_7_1'+" #slick-slide"+nextSlide_idx).css("height",image_height); 941 $('#m_RWDPAGE_BASE_PAT02_7_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){ 942 if($(this).hasClass("slick-cloned")){ 943 $(this).css('height', image_height) 944 } 945 }) 946 BYT_INIT_I++; 947 change_imgblock_size_RWDPAGE_BASE_PAT0271(); 948 //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height); 949 } 950 var slick_url_data=$('#m_RWDPAGE_BASE_PAT02_7_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic"); 951 var ww = $(window).width(); 952 var img=""; 953 if(ww > 1024){ 954 img = slick_url_data.attr('PC'); 955 }else if(ww >= 992){ 956 img = slick_url_data.attr('NOTE'); 957 }else if(ww >= 768){ 958 img = slick_url_data.attr('PAD'); 959 }else{ 960 img = slick_url_data.attr('PHONE'); 961 } 962 image.src = img; 963 } 964 } 965 </script>
965 966 <div class="clear"></div> 967 </div> 968 <section class=" panel_2 call_to_action " id="panel_9" page_style=""> 969 <div class=" panel_3 container " id="panel_14" page_style="page_body"> 970 <style> 971.pagecontent{margin-top:37px;} 972.pagecontent.menu5,.pagecontent.menu8{margin:0px;} 973@media only screen and (max-width: 768px) { 974 .pagecontent {padding:0px 15px!important;} 975} 976 </style> 977 <section class="hgroup"> 978 <div class="container"> 979 <div class="page_subject"> 980 <h1 class="pageTitle">çºä½é¸æè¶£å·¥ä½</h1> 981 </div> 982 </div> 983 984 <!-- åªæå¨article_då §å®¹é æé¡¯ç¤º hashtagåå¡ --> 985 986 </section> 987 <section class="article-text rwd"> 988 <div class="container "> 989 <div class="xrow"> 990 <div class="pagecontent col-md-12 list1 menu8 " style="padding:0px 15px;" id="article"> 991 <!--- page start--> 992<!--article start--> 993<style> 994 .pagecontent .RWDslider01, .pagecontent .RWDeditor01, .pagecontent .single-photo{ 995 margin-top: 80px; 996 } 997 .pagecontent .RWDtimeline01{ 998 margin-top: 150px; 999 } 1000 .pagecontent .article_model[data-seq="0"]{ 1001 margin-top: 40px; 1002 } 1003 .RWDeditor01 .model-title{ 1004 font-size: 20px; 1005 margin-bottom: 30px; 1006 line-height: 32px; 1007 } 1008 .RWDslider01 .products-list .products-item.clearfix{ 1009 clear: initial; 1010 } 1011 /*é 籤*/ 1012 .tabs { 1013 position: relative; 1014 width: 100%; 1015 overflow: hidden; 1016 margin: 1em 0 2em; 1017 } 1018 /* Nav */ 1019 .tabs nav ul { 1020 padding: 0; 1021 margin: 0; 1022 list-style: none; 1023 display: inline-block; 1024 vertical-align: top; 1025 } 1026 .tabs nav ul li { 1027 display: block; 1028 float: left; 1029 position: relative; 1030 } 1031 .tabs nav li.tab-current { 1032 z-index: 100; 1033 } 1034 .tabs nav a { 1035 text-decoration: none; 1036 color: #808080; 1037 display: block; 1038 line-height: 26px; 1039 white-space: nowrap; 1040 background: #f6f6f6; 1041 font-size: 15px; 1042 padding: 12px 15px; 1043 height: 50px; 1044 position: relative; 1045 border: solid #f6f6f6; 1046 border-width: 0 1px; 1047 transition: all .15s ease-in-out; 1048 } 1049 .tabs section{display:none;} 1050 .tabs section.content-current{ 1051 display: block; 1052 } 1053 .tabs nav a:hover { 1054 color: #333333; 1055 } 1056 .tabs nav li.tab-current a { 1057 background: transparent; 1058 border-color: #ccc; 1059 color: #333; 1060 } 1061 .tabs nav a::before{ 1062 content: ''; 1063 position: absolute; 1064 left: -1px; 1065 right: -1px; 1066 top: 0; 1067 height: 3px; 1068 background: 0 0; 1069 transition: all .3s ease-in-out; 1070 } 1071 .tabs nav li.tab-current a::before{ 1072 background: #888; 1073 } 1074 .tabs nav a::after{ 1075 content: ''; 1076 position: absolute; 1077 left: -1px; 1078 right: -1px; 1079 bottom: -1px; 1080 height: 1px; 1081 background: transparent; 1082 transition: all .3s ease-in-out; 1083 } 1084 .tabs nav li.tab-current a::after{ 1085 background: #fff; 1086 } 1087 .tabs .content{ 1088 border: 1px solid #ccc; 1089 padding: 15px; 1090 } 1091</style> 1092 1093 <div class="model article_model RWDeditor01" data-seq="0"> 1094 <article class="editor clearfix"> 1095 <div class="_bd_row _bd_clearfix why_left paneleffect_v1"> 1096<dl> 1097 <dd><h8>1</h8>鿥ä¹å¹´ï¼ç²å¾ç¶²è©4.7顿ï¼è¶ é360åç實è©å¹</dd> 1098 <dd><h8>2</h8>å ¬å ±ç©ºé廣大ï¼é大æ¨ä¸å¤®ç©ºèª¿ï¼å¯éçªé風</dd> 1099 <dd><h8>3</h8>ä¸é¢æ¡å ï¼å ©é¢å¯¬å¤§é²èºï¼é¢è¯å±±èåç©ºæ°£æ¸ æ°</dd> 1100 <dd><h8>4</h8>åå°å¯ºç«èµ°è·¯3-5åéï¼é¢äºéµå ±æ§çå°åè»ç«ä¹åªæ5åéè»ç¨</dd> 1101 <dd><h8>5</h8>é«çç´ç©ºæ°£æ¸ æ·¨æ©ï¼é»æ¼¿æ®ºèç §é¡§æ¨çå¼å¸å®å ¨</dd> 1102 <dd><h8>6</h8>æ¯å¤©ç¾ç£¨ç¾ç ®ç¾å¼åå¡</dd> 1103 <dd><h8>7</h8>åè»æ¹ä¾¿ï¼30å ¬å°ºå §2座åè»å ´</dd> 1104 <dd><h8>8</h8>æè¶£è¦ªåçæå人å¡</dd> 1105</dl> 1106 1107<div class="left_down_pic"><img src="https://keepworking.com.tw/archive/image/article2/why_p_pic2.jpg" /></div> 1108</div> 1109 1110<div class="_bd_row _bd_clearfix why_right paneleffect_v1"> 1111<div><img src="https://keepworking.com.tw/archive/image/why_p_pic.jpg" /></div> 1112</div> 1113 1114<div class="_bd_row _bd_clearfix pic_full paneleffect_v1"><img src="https://keepworking.com.tw/archive/image/article2/why_p_pic_bg.jpg" /></div> 1115 </article> 1116 </div> 1117 1118 1119 <div class="model article_model RWDeditor01" data-seq="1"> 1120 <article class="editor clearfix"> 1121 <div class="service_compare_p paneleffect_v1"> 1122<div class="subject_box"> 1123<h2 class="page_sec_title">çºä½å ±äº«è¾¦å ¬å®¤æ¯èªç§å ¬å¯ãååä¸å¿ä¾å¾æ´åç®?</h2> 1124 1125<h2 class="sub-title">
1125å ±åå·¥ä½ç©ºéè¼èªç§ç©ºéæååªç°ï¼åè½æ§å®åï¼CPå¼é«ï¼æ¨æ²æ³å°ç趣工ä½å¹«æ¨æ´ç好äºã</h2> 1126</div> 1127 1128<div class="compare_table paneleffect_v1"> 1129<div class="fun_01"> 1130<h3>å ±äº«è¾¦å ¬å®¤<img class="crown_01" src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/crown.png" /></h3> 1131</div> 1132 1133<div class="fun_other"> 1134<h3>ååä¸å¿</h3> 1135</div> 1136 1137<div class="fun_other"> 1138<h3>èªç§å ¬å¯</h3> 1139</div> 1140 1141<div class="fun_sub"> 1142<p>æ´é«è£æ½¢æ°å</p> 1143</div> 1144 1145<div class="fun_01"> 1146<p>åµæãæ´»æ½</p> 1147</div> 1148 1149<div class="fun_other"> 1150<p>å³çµ±åæ¥é¢¨æ ¼</p> 1151</div> 1152 1153<div class="fun_other"> 1154<p>éè±é¢èªè¡æé </p> 1155</div> 1156 1157<div class="fun_sub"> 1158<p>èä»äººäº¤æµçæ©æ</p> 1159</div> 1160 1161<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1162<p>æ</p> 1163</div> 1164 1165<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1166<p>ç¡</p> 1167</div> 1168 1169<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1170<p>ç¡</p> 1171</div> 1172 1173<div class="fun_sub"> 1174<p>æ¯å¦æå ¬å ±ç©ºé</p> 1175</div> 1176 1177<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1178<p>è¼å¤§</p> 1179</div> 1180 1181<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i02.png" /> 1182<p>è¼å°</p> 1183</div> 1184 1185<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1186<p>ç¡</p> 1187</div> 1188 1189<div class="fun_sub"> 1190<p>æ¯å¦ææå¡æ´»å</p> 1191</div> 1192 1193<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1194<p>æ</p> 1195</div> 1196 1197<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1198<p>ç¡</p> 1199</div> 1200 1201<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1202<p>ç¡</p> 1203</div> 1204 1205<div class="fun_sub"> 1206<p>æ¯å¦éè¾¦å ¬å®¤å®¶å ·</p> 1207</div> 1208 1209<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1210<p>ææç¡æ</p> 1211</div> 1212 1213<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i02.png" /> 1214<p>ç°¡æé å</p> 1215</div> 1216 1217<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1218<p>ç¡</p> 1219</div> 1220 1221<div class="fun_sub"> 1222<p>å°äººæåæ¥å¾ æ«å°</p> 1223</div> 1224 1225<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1226<p>æ</p> 1227</div> 1228 1229<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1230<p>æ</p> 1231</div> 1232 1233<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1234<p>éèªè人å¡</p> 1235</div> 1236 1237<div class="fun_sub"> 1238<p>æªä¾æ¯å¦æ¹ä¾¿æ¬é·</p> 1239</div> 1240 1241<div class="fun_01"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1242<p>å é 帶é»è ¦æä»¶</p> 1243</div> 1244 1245<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i01.png" /> 1246<p>å é 帶é»è ¦æä»¶</p> 1247</div> 1248 1249<div class="fun_other"><img src="https://keepworking.com.tw/archive/image/RWDfullscreen01751/c_i03.png" /> 1250<p>é è«æ¬å®¶å ¬å¸</p> 1251</div> 1252 1253<div class="fun_sub"> 1254<p>æ°´é»ç¶²è·¯è²»ç¨</p> 1255</div> 1256 1257<div class="fun_01"> 1258<p>å ¨å </p> 1259</div> 1260 1261<div class="fun_other"> 1262<p>夿¸å¦å¤è¨è²»</p> 1263</div> 1264 1265<div class="fun_other"> 1266<p>å¦å¤è¨è²»</p> 1267</div> 1268 1269<div class="fun_sub"> 1270<p>ç°å¢æ¸ æ½</p> 1271</div> 1272 1273<div class="fun_01"> 1274<p>å°äººææ</p> 1275</div> 1276 1277<div class="fun_other"> 1278<p>å°äººææ</p> 1279</div> 1280 1281<div class="fun_other"> 1282<p>èªç</p> 1283</div> 1284</div> 1285</div> 1286 </article> 1287 </div> 1288 1289 1290 <div class="model article_model RWDeditor01" data-seq="2"> 1291 <article class="editor clearfix"> 1292 <div class="_bd_row _bd_clearfix compare_plan_table paneleffect_v1"> 1293<div class="subject_box"> 1294<h2 class="page_sec_title">æ¹æ¡æ¯è¼</h2> 1295 1296<h2 class="sub-title">è¶£å·¥ä½æå¤ç¨®ä¸åç工使¹æ¡ï¼æç §æ¨ç工使¨¡å¼ã人æ¸ã工使éé·çï¼é½å¯ä»¥é«å½æ§çé åã</h2> 1297</div> 1298 1299<div class="visible_info"><i class="icon ion-arrow-swap"></i>è«å¾å³æ»å</div> 1300 1301<div class="plan_table_in paneleffect_v1"> 1302<table align="center" class="Table table_tag" style="border-collapse:collapse;border:none;width:100%;" width="605"> 1303 <tbody> 1304 <tr> 1305 <td nowrap="nowrap">ã</td> 1306 </tr> 1307 <tr> 1308 <td nowrap="nowrap">é«éå çºç¡ç·ç¶²è·¯</td> 1309 </tr> 1310 <tr> 1311 <td nowrap="nowrap">åå¡è¶æ°´åé»å¿</td> 1312 </tr> 1313 <tr> 1314 <td nowrap="nowrap">é·å°äºåæ©</td> 1315 </tr> 1316 <tr> 1317 <td nowrap="nowrap">é»è©±äº</td> 1318 </tr> 1319 <tr> 1320 <td nowrap="nowrap">æ·æµ´é</td> 1321 </tr> 1322 <tr> 1323 <td nowrap="nowrap">æè°å®¤</td> 1324 </tr> 1325 <tr> 1326 <td nowrap="nowrap">éè¨å°åï¼éµä»¶ä»£æ¶</td> 1327 </tr> 1328 <tr> 1329 <td nowrap="nowrap">å ±ç¨åæç´è¾¨èéç¦</td> 1330 </tr> 1331 <tr> 1332 <td nowrap="nowrap">å¯æå¸¶è¨ªå®¢</td> 1333 </tr> 1334 <tr> 1335 <td nowrap="nowrap">24å°æåºå ¥éç¦ç³»çµ±</td> 1336 </tr> 1337 </tbody> 1338</table> 1339 1340<table align="center" class="Table table_info" style="border-collapse:collapse;border:none;width:100%;" width="605"> 1341 <tbody> 1342 <tr> 1343 <th nowrap="nowrap">å ±äº«æ¥åµ</th> 1344 <th nowrap="nowrap">å ±äº«æç§</th> 1345 <th nowrap="nowrap">å人åºå®ä½</th> 1346 <th nowrap="nowrap">ééè¾¦å ¬å®¤</th> 1347 </tr> 1348 <tr> 1349 <td nowrap="nowrap">â</td> 1350 <td nowrap="nowrap">â</td> 1351 <td nowrap="nowrap">â</td> 1352 <td nowrap="nowrap">â</td> 1353 </tr> 1354 <tr> 1355 <td nowrap="nowrap">â</td> 1356 <td nowrap="nowrap">â</td> 1357 <td nowrap="nowrap">â</td> 1358 <td nowrap="nowrap">â</td> 1359 </tr> 1360 <tr> 1361 <td nowrap="nowrap">â</td> 1362 <td nowrap="nowrap">â</td> 1363 <td nowrap="nowrap">â</td> 1364 <td nowrap="nowrap">â</td> 1365 </tr> 1366 <tr> 1367 <td nowrap="nowrap">â</td> 1368 <td nowrap="nowrap">â</td> 1369 <td nowrap="nowrap">â</td> 1370 <td nowrap="nowrap">â</td> 1371 </tr> 1372 <tr> 1373 <td nowrap="nowrap">â</td> 1374 <td nowrap="nowrap">â</td> 1375 <td nowrap="nowrap">â</td> 1376 <td nowrap="nowrap">â</td> 1377 </tr> 1378 <tr> 1379 <td nowrap="nowrap">â</td> 1380 <td nowrap="nowrap">â</td> 1381 <td nowrap="nowrap">â</td> 1382 <td nowrap="nowrap">â</td> 1383 </tr> 1384 <tr> 1385 <td nowrap="nowrap"> </td> 1386 <td nowrap="nowrap">â</td> 1387 <td nowrap="nowrap">â</td> 1388 <td nowrap="nowrap">â</td> 1389 </tr> 1390 <tr> 1391 <td nowrap="nowrap"> </td> 1392 <td nowrap="nowrap">â</td> 1393 <td nowrap="nowrap">â</td> 1394 <td nowrap="nowrap">â</td> 1395 </tr> 1396 <tr> 1397 <td nowrap="nowrap"> </td> 1398 <td nowrap="nowrap"> </td> 1399 <td nowrap="nowrap">â</td> 1400 <td nowrap="nowrap">â</td> 1401 </tr> 1402 <tr> 1403 <td nowrap="nowrap"> </td> 1404 <td nowrap="nowrap"> </td> 1405 <td nowrap="nowrap">â</td> 1406 <td nowrap="nowrap">â</td> 1407 </tr> 1408 </tbody> 1409</table> 1410</div> 1411</div> 1412 1413<div class="_bd_row _bd_clearfix ppage_btn"><a href="article.php?lang=tw&tb=1">äºè§£å®æ´æ¹æ¡é¸æ</a></div> 1414 </article> 1415 </div> 1416 1417 1418 <div class="model article_model RWDeditor01" data-seq="3"> 1419 <article class="editor clearfix"> 1420 <div class="_bd_row _bd_clearfix"> 1421<div class="_bd_column _bd_full"> 1422<hr /></div> 1423</div> 1424 1425<div class="_bd_row _bd_clearfix news_p_box why paneleffect_v1"> 1426<div class="news_p_left"> 1427<h2 class="page_sec_title">
1427å°æ¾å®å¿çå·¥ä½ç°å¢ï¼<br /> 1428ä¾è¶£å·¥ä½å°±å°äºï¼</h2> 1429 1430<p>èªç«æ éå§è¶£å·¥ä½å°±é åæ¿åºæ¿çï¼ä¸æ·ç滾åå¼èª¿æ´é²ç«æªæ½ï¼å¨èç æ¯å ±åéæ¼¸é¬ç¶çå¾ç«æ æä»£ï¼è¶£å·¥ä½æéæ¨ï¼é²åºå ¬å ±å ´æéæ¯è¦æ´å¥½å£ç½©ã夿´æï¼å¸¸æ¶æ¯ï¼</p> 1431 1432<div><img src="https://keepworking.com.tw/archive/image/article2/hotdesk_20221110.png" /></div> 1433</div> 1434 1435<div class="_bd_row _bd_clearfix why_left paneleffect_v1"> 1436<dl> 1437 <dd><h8>1</h8>é²å ¥è¶£å·¥ä½çå·¥ä½åéé æ´å£ç½©</dd> 1438 <dd><h8>2</h8>趣工ä½å¤èæä¾é ç²¾å¯é¨ææ¶æ¯</dd> 1439 <dd><h8>3</h8>æ¯æ¥å å¼·æ¶æ¯éæãæ¡é¢ç常æ¥è§¸åå</dd> 1440 <dd><h8>4</h8>é«çç´ç©ºæ°£æ¸ æ·¨æ©ï¼é»æ¼¿æ®ºèç §é¡§æ¨çå¼å¸å®å ¨</dd> 1441 <dd><h8>5</h8>æ´æä¹³æ¹æ¡ç¨ææå¼æ³¡æ²«çµ¦çæ©</dd> 1442 <dd><h8>6</h8>å·¥ä½åæ¯é±åºå®ç´«å¤ç·æ¸ æ¯</dd> 1443</dl> 1444</div> 1445</div> 1446 </article> 1447 </div> 1448 1449 1450 1451 1452 <!-- åªæå¨article_då §å®¹é æé¡¯ç¤º hashtagåå¡ --> 1453 1454 1455 <div style="clear:both;" id="pagecontentend"></div> 1456 </div> 1457 </div> 1458 </div> 1459 </section> 1460 <!--END--> 1461 <div class="clear"></div> 1462 </div> 1463 <div class="clear"></div> 1464 </section> 1465 <!-- footer load start --> <div class=" footer_block " id="panel_60" page_style="footermain"> 1466 <div class=" panel_3 ft_info " id="panel_64" page_style=""> 1467 1468 1469 <div class="model RWDgmap002 " id="m_RWDfullscreen01_64_1" md_id="1" tp_id="64" template_id="RWDfullscreen01"> 1470 1471 <!-- A.編輯å¨å½¢å¼ --> 1472 <div class="info"> 1473 <div class="title title1"> 1474 <img src="https://keepworking.com.tw/archive/image/model/images/logo.png" alt=""> 1475 </div> 1476 <div class="memo"> 1477 <div class="edit"> 1478 <h3>趣工ä½å ±åå·¥ä½ç©ºé</h3> 1479 1480<dl> 1481 <dd>å°åå¸ä¸æ£ååå¹³æ±è·¯30-2è4æ¨ï½å¯æ³°å¤§æ¨<br /> 1482 <span class="small_t">è¿åå°å¯ºæ·éç«6èåºå£èµ°è·¯5åé</span></dd> 1483 <dd>é±ä¸è³é±äº 09:00-18:30ï½ä¸å«ä¾åæ¥</dd> 1484 <dd>TELï¼<a href="tel:0223218690">02-23218690</a></dd> 1485 <dd>EMAILï¼<a href="mailto:[email protected]">[email protected]</a></dd> 1486</dl> 1487 </div> 1488 1489 <div class="button"> 1490 <a href="https://www.facebook.com/keepworkingtaipei" target='_blank'>Facebook</a> 1491 </div> 1492 </div> 1493 1494 </div> 1495 <div id="RWDgmap002" class="googlemap"> 1496 <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>
1496<script type="text/javascript"> 1497 window.onload = function(){ 1498 let oMapIframe = document.querySelector("#RWDgmap002 iframe"); 1499 oMapIframe.width="100%"; 1500 oMapIframe.height="100%"; 1501 } 1502 </script>
1502 1503 </div> 1504 <div style="clear:both;"></div> 1505 </div> 1506 <div class="clear"></div> 1507 </div> 1508 <div class=" panel_3 ft_other " id="panel_76" page_style=""> 1509 1510 <div class="model RWDedictor " id="m_RWDfullscreen01_76_1" md_id="1" tp_id="76" template_id="RWDfullscreen01"> 1511 <!--start--> 1512 建è°ä½¿ç¨ChromeãFirefoxãSafariææ°çæ¬ç覽 <!--end--> 1513 <div style="clear:both;"></div> 1514 </div> 1515 1516 <div class="model RWDssl01" id="m_RWDfullscreen01_76_2" md_id="2" tp_id="76" template_id="RWDfullscreen01"> 1517 <span class="ii-https"></span><span class="ssl01-text">æ¡ç¨å ¨çæå é²SSL 256bit å³è¼¸å 坿©å¶</span> 1518 <div style="clear:both;"></div> 1519 </div> 1520 <div class="model copyright" id="m_RWDfullscreen01_76_3" md_id="3" tp_id="76" template_id="RWDfullscreen01"> 1521 <span class="copyright_desc webfont_footer_copyright">Designed by ç±³æ´<a href="https://www.webtech.com.tw/" target="_blank" aria-label="ç¶²é è¨è¨">ç¶²é è¨è¨</a></span> 1522 <div style="clear:both;"></div> 1523 </div> 1524 <div class="clear"></div> 1525 </div> 1526 <div class=" panel_3 scroll_top " id="panel_61" page_style=""> 1527 <div class="model scrollTop002" id="m_RWDfullscreen01_61_1" md_id="1" tp_id="61" template_id="RWDfullscreen01" style="position: fixed;"> 1528 <aside class="top_btn" onclick="fn_scrollTop()"> 1529 1530 <i class="ii ii-arrow_b3" style='font-size:40px;'></i> 1531 <span class="txt" ></span> 1532 </aside> 1533
1533<script type="text/javascript"> 1534 function fn_scrollTop(){ 1535 $("html, body").animate({scrollTop:0}, '500', 'swing', function() { }); 1536 } 1537 $(function(){ 1538 ã$(window).load(function(){ 1539 ãã$(window).bind('scroll resize', function(){ 1540 offsetTop = $(window).scrollTop(); 1541 if(offsetTop > 350){ 1542 $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100); 1543 }else{ 1544 $('.scrollTop002').stop().animate({opacity:"0"},300, function () { 1545 // å¨åç«å·è¡å®å¾ï¼å°å ç´ noneæ 1546 $(this).css("display", "none"); 1547 }); 1548 } 1549 ã }); 1550 }); 1551 }); 1552 </script>
1552 1553 <div style="clear:both;"></div> 1554 </div> 1555 <div class="clear"></div> 1556 </div> 1557 <div class=" panel_3 fixed_btn " id="panel_77" page_style=""> 1558 1559 <div class="model RWDmobile_bottom_v2" id="m_RWDfullscreen01_77_1" md_id="1" tp_id="77" template_id="RWDfullscreen01"> 1560 <ul class="mobile_bottom__ul"> 1561 <li id='custom-0' class='mobile_bottom__li'> 1562 <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> 1563 <div class='text'>å°åå°èª</div> 1564 </a> 1565 </li><li id='custom-1' class='mobile_bottom__li'> 1566 <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> 1567 <div class='text'>ä¾é»æ´½è©¢</div> 1568 </a> 1569 </li><li id='custom-2' class='mobile_bottom__li'> 1570 <a id='mobileV2-btn-custom-2' class='mobile_bottom__a' href='article.php?lang=tw&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> 1571 <div class='text'>360ç°æ¯</div> 1572 </a> 1573 </li> </ul> 1574 </div> 1575 <div class="clear"></div> 1576 </div> 1577 <div class="clear"></div> 1578 </div> 1579 <!-- footer load end --> <div class="clear"></div> 1580 </div> 1581 <div style="clear:both;"></div> 1582 </div> 1583 1584
1584<script> 1585 $(document).ready(function() { 1586 if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) { 1587 $(".fixiosiframe").each(function(){ 1588 var f = $(this); 1589 f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no'); 1590 var h = f.attr('height'); 1591 var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>'); 1592 $new.insertBefore(f); 1593 $new.prepend(f); 1594 }); 1595 1596 } 1597 }); 1598</script>
1598 1599<!--load external_js-->
1599<script src="https://system49.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.2"></script>
1599<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_toggle.js"></script>
1599<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_dropdown.js"></script>
1599<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/ml-stack-nav/ml-stack-nav.min.js"></script>
1599<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
1599<script src="https://system49.webtech.com.tw/js/pwd_toggle.js"></script>
1599<script src="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
1599<script src="https://system49.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
1599<!--load external_js end--> 1600<!--load footer_js-->
1600<script type="text/javascript" src="https://system49.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
1600<!--load footer_js end--> 1601 1602</body>
1603<script defer type="text/javascript" src="https://system49.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
1603</html> 1604 1605<!--END2-->
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.