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&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.