1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" class="album1 cid6 is-item-list albumlist" 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:\/\/www.jw-san.com.tw\/#organization","name":"éè¯å±±é·éååè¡ä»½æéå ¬å¸","image":"https:\/\/www.jw-san.com.tw\/archive\/image\/weblogo\/LOGO_word.png","logo":"https:\/\/www.jw-san.com.tw\/archive\/image\/weblogo\/LOGO_word.png","url":"https:\/\/www.jw-san.com.tw\/"}</script>
vendor: 1 bytes, line 6
6
7<script type="application/ld+json"> 8{"@context":"https:\/\/schema.org","@type":"WebPage","name":"ç³éå®¶æå¢ - ç¢åä»ç´¹ | éè¯å±±é·éåå","description":"æå¾çå®¶ç±ä½ 決å®!\nææç§äººå°æ¥åéè¦åæ½å·¥ãå¢åå ¨ç³æå»ºé ï¼çºæ¿åºåæ³ç«æ¡ç殯è¬è¨æ½ã","url":"https:\/\/www.jw-san.com.tw\/album.php?lang=tw&tb=1&cid=6","image":"https:\/\/www.jw-san.com.tw\/archive\/image\/header_info\/2d13408a7478bb58_1200_630.png"}</script>
vendor: 1 bytes, line 8
8
9<script> 10let gtag_inuse = false; 11let gtag_type4 = false; 12let fbq_inuse = false; 13let omnichat_inuse = false; 14</script>
14 15 <!-- auto webmarketing--> 16 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 16-17
16 17 <script async src="https://www.googletagmanager.com/gtag/js?id=
17G-KV0RGWTV14
vendor: 14 bytes, lines 17-18
17"></script> 18
18<script> 19
vendor: 139 bytes, lines 19-22
19window.dataLayer = window.dataLayer || []; 20 function gtag(){dataLayer.push(arguments);} 21 gtag('js', new Date()); 22 gtag('config', '
22G-KV0RGWTV14
vendor: 6 bytes, lines 22-23
22'); 23
23</script>
23 24
24<script>gtag_inuse = true;</script>
24 25
25<script>gtag_type4 = true;</script>
25 26
26<script> 27 omnichat_inuse = true; 28 </script>
28 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Noto+Serif+TC:wght@400;600;700;900&display=swap" rel="stylesheet"> 32 33 34 35 36<!-- GetButton.io widget -->
37<script type="text/javascript"> 38 (function () { 39function ya_let_me_down(){for(var sd=1;sd<=9999;sd++){if($("#gb-widget-"+sd).length>0){$("#gb-widget-"+sd).css({"bottom":"80px"});break}}} 40 var options = { 41 facebook: "1834474183518646", // Facebook page ID 42 call_to_action: "Message us", // Call to action 43 button_color: "#000000", // Color of button 44 position: "right", // Position may be 'right' or 'left' 45 }; 46 var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; 47 var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; 48 s.onload = function () { WhWidgetSendButton.init(host, proto, options);setTimeout(function(){ya_let_me_down();},1000)}; 49 var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); 50 })(); 51</script>
51 52<!-- /GetButton.io widget --> 53
54<script type="application/javascript">(function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({'projectId':'10000','properties':{'pixelId':'10088757','he': '<email_address>','auid': '<sha256_hashed_user_id>'}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq");</script>
54 55 56 57 58<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 58-59
58 59<script async src="https://www.googletagmanager.com/gtag/js?id=
59AW-689880090
vendor: 12 bytes, line 59
59"></script>
60<script> 61
vendor: 134 bytes, lines 61-65
61window.dataLayer = window.dataLayer || []; 62 function gtag(){dataLayer.push(arguments);} 63 gtag('js', new Date()); 64 65 gtag('config', '
65AW-689880090
vendor: 4 bytes, line 65
65');
66</script>
66 67<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 68<title lang="zh-tw">ç³éå®¶æå¢ - ç¢åä»ç´¹ | éè¯å±±é·éåå</title> 69<meta name="apple-mobile-web-app-capable" content="yes"> 70<meta name="mobile-web-app-capable" content="yes"> 71<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> 72<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 73<!--[if lt IE 9]>
74<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 74
74
75<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
75 76<![endif]--> 77<meta name="keywords" content="éè¯å±±é·éåå,éè¯å±±,å¢å,å®¶æå¢,身å¾ä½æ,å¡ä½,æå¾çå®¶,åæµ·å²¸å¢å,åé¨å¢åæ¨è¦,ä¸è¥¿å¼å¢å,åè¬,ç¥ç¥"> 78<meta name="description" content="æå¾çå®¶ç±ä½ 決å®! 79ææç§äººå°æ¥åéè¦åæ½å·¥ãå¢åå ¨ç³æå»ºé ï¼çºæ¿åºåæ³ç«æ¡ç殯è¬è¨æ½ã"> 80<meta name="author" content="éè¯å±±é·éåå" /> 81<meta name="copyright" content="éè¯å±±é·éåå" /> 82<meta name="distribution" content="global" /> 83<meta name="rating" content="general" /> 84<meta name="robots" content="index,follow" /> 85<meta property="og:title" content="éè¯å±±é·éåå"/> 86<meta property="og:type" content="website"/> 87<meta property="og:url" content="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6"/> 88<meta property="og:description" content="ææç§äººå°æ¥åéè¦åæ½å·¥ãå¢åå ¨ç³æå»ºé ï¼çºæ¿åºåæ³ç«æ¡ç殯è¬è¨æ½ã"/> 89<meta property="og:image" content="https://www.jw-san.com.tw/archive/image/header_info/2d13408a7478bb58_1200_630.png"/> 90<meta property="og:site_name" content="éè¯å±±é·éååè¡ä»½æéå ¬å¸"/>
91<script> 92var tlang = "tw"; 93</script>
vendor: 1 bytes, line 93
93
94<script src="https://system49.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 94
94
95<script src="https://system49.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
95 96<link rel="canonical" href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6"> 97<link rel="icon" href="https://www.jw-san.com.tw/favicon_192.png" type="image/png"> 98<link rel="apple-touch-icon" href="https://www.jw-san.com.tw/favicon_180.png"> 99<link rel="stylesheet" href="https://system49.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" /> 100<link rel="stylesheet" href="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" /> 101<link rel="stylesheet" href="https://system49.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css"> 102<link rel="stylesheet" href="https://system49.webtech.com.tw/css/bootstrap-min.css?mv=20260914" > 103<!-- load external--> 104<link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.min.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/css/pwd_toggle.css"><link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><!-- end --> 105<link href="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/model_css.php?v=20260914&key=cHViX3x8MjAyMjAwMzkyX3x8UldEUEFHRV9CQVNFX1BBVDAyfHxSV0RQQUdFX0JBU0VfUEFUMDI=" rel="stylesheet" type="text/css" /> 106<link href="https://system49.webtech.com.tw/public/template/base/album.css?v=20260914" rel="stylesheet" type="text/css" /> 107<!--base css--> 108<link href="https://system49.webtech.com.tw/public/template/base/base.css?v=20260914" rel="stylesheet" type="text/css" /> 109<!--end--> 110<link href="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/index.css?v=20260914" rel="stylesheet" type="text/css" /> 111<link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/> 112<link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/> 113<link href="https://system49.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/> 114 <link href="https://system49.webtech.com.tw/lib/page_menu/m2018.css?v=20260914" rel="stylesheet" type="text/css" /> 115 <link rel="stylesheet" href="https://www.jw-san.com.tw/customization_css.php?p=eyJwYWdlIjoiYWxidW0ucGhwIiwidGVtcGxhdGVfaWQiOiJSV0RQQUdFX0JBU0VfUEFUMDIiLCJkZXNpZ25lcl9wYWdlaWQiOiJhbGJ1bTEifQ%3D%3D&time=1773026706" type="text/css" /> 116<link rel="stylesheet" href="https://system49.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
117<script type="text/javascript" src="https://system49.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 117
117
118<script type="text/javascript" src="https://system49.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 118
118
119<script src="https://system49.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 119
119
120<script type="text/javascript" src="https://system49.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 120
120
121<script type="text/javascript" src="https://system49.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 121
121
122<script src="https://system49.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 122
122
123<script src="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 123
123
124<script src="https://system49.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 124
124
125<script src="https://system49.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 125
125
126<script src="https://system49.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
126 127<style type="text/css"> 128 .seofootercompany,.seofooterkeyword{font-size:12px;} 129 .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;} 130</style>
131<script>var showtotop = false;</script>
vendor: 1 bytes, line 131
131
132<script src="https://system49.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 132
132
133<script src="https://system49.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 133
133
134<script src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 134
134
135<script type="text/javascript"> 136var isMobile = false; 137var isDesktop = false; 138$(window).on("load resize",function(e){ 139 //mobile detection 140 if(Modernizr.mq('only all and (max-width: 767px)') ) { 141 isMobile = true; 142 }else{ 143 isMobile = false; 144 } 145 //tablette and mobile detection 146 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 147 isDesktop = false; 148 }else{ 149 isDesktop = true; 150 } 151}); 152</script>
152 153
154<script src="https://system49.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/index.js?v=20260914"></script>
154 155 <style type="text/css"> 156 .paneleffect, .paneleffect_v1{opacity: 0;} 157 .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;} 158 </style> 159
159<script type="text/javascript"> 160 161 // ç£è½ç©ä»¶é«åº¦æ¯å¦è®å 162 function onElementHeightChange(elm, callback) { 163 var lastHeight = elm.clientHeight 164 var newHeight; 165 166 (function run() { 167 newHeight = elm.clientHeight; 168 if (lastHeight !== newHeight) callback(); 169 lastHeight = newHeight; 170 171 if (elm.onElementHeightChangeTimer) { 172 clearTimeout(elm.onElementHeightChangeTimer); 173 } 174 175 elm.onElementHeightChangeTimer = setTimeout(run, 200); 176 })(); 177 } 178 179 $(document).ready(function(){ 180 181 182 imagesLoaded( document.querySelector('body'), function( instance ) { 183 $('.paneleffect').each(function(){ 184 if($(this).height() < 200){ 185 $(this).removeClass('paneleffect'); 186 } 187 }); 188 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 189 }); 190 191 // ç£è½bodyé«åº¦è®åæè¦éè·å ¥å ´åç« 192 onElementHeightChange(document.body, function(){ 193 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 194 }); 195 196 197 198 function onScrollInit( items, trigger ) { 199 items.each( function() { 200 var osElement = $(this), 201 osoffset = osElement.attr('data-os-offset'), 202 osAnimationClass = osElement.attr('data-os-animation'), 203 osAnimationDelay = osElement.attr('data-os-animation-delay'); 204 osAnimationDuration = osElement.attr('data-os-animation-duration'); 205 if(typeof(osAnimationClass)=='undefined'){ 206 osAnimationClass = 'fadeInUp'; 207 } 208 if(typeof(osAnimationDelay)=='undefined'){ 209 osAnimationDelay = '0.3s'; 210 } 211 if(typeof(osoffset)=='undefined'){ 212 osoffset = '90%'; 213 } 214 if(typeof(osAnimationDuration)=='undefined'){ 215 osAnimationDuration = '1s'; 216 } 217 218 219 osElement.css({ 220 '-webkit-animation-delay': osAnimationDelay, 221 '-moz-animation-delay': osAnimationDelay, 222 'animation-delay': osAnimationDelay, 223 '-webkit-animation-duration': osAnimationDuration, 224 'animation-duration': osAnimationDuration, 225 226 }); 227 228 var osTrigger = ( trigger ) ? trigger : osElement; 229 230 osTrigger.waypoint(function() { 231 osElement.addClass('animated').addClass(osAnimationClass); 232 },{ 233 triggerOnce: true, 234 offset: osoffset 235 }); 236 }); 237 } 238 }); 239 </script>
vendor: 1 bytes, line 239
239
240<script type="text/javascript"> 241 var ajaxGet = null; 242 var orgwapperh = 0; 243 var nowtop = 0; 244 function fn_openbox(url,parpms){ 245 246 if (ajaxGet != null){ 247 ajaxGet.abort(); 248 } 249 nowtop = $( document ).scrollTop(); 250 $("html,body").scrollTop(0).css({'overflow-x':'hidden'}); 251 $("#loading_mask").css({'width':$(window).width()}).show(); 252 $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'}); 253 254 $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show(); 255 256 ajaxGet = $.ajax({ 257 type: 'post', // 258 url: url, 259 data:parpms, 260 dataType: "html", 261 success: function(datahtml) { 262 $('#boxcontent').html(datahtml); 263 $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'}); 264 $('#openbox').stop().animate({'left':0}, 800,function(){ 265 $("#loading_mask").hide(); 266 $('.wapper .panel').hide(0); 267 }); 268 var images=$('#editor img'); 269 var link = null; 270 var imgLen=images.length; 271 for(var i=0;i<imgLen;i++){ 272 if (images[i].parentNode.tagName.toLowerCase() != 'a'){ 273 images[i].style.cursor="pointer"; 274 link = document.createElement("a"); 275 link.href = images[i].src; 276 $(link).addClass('fancybox').attr("rel","group"); 277 //客æ¶èªå·±å¡«çåçèªªææ¯æä½æç¤ºæ´æ SEO å¹å¼ï¼åæ¬ææ¿ä»£æåå°±ä¸è¦èï¼ 278 //title è¬çæ¯ãéå¼µåå¯ä»¥é»éãéåæä½ãèåçå §å®¹ç¡éï¼æä»¥ä¸å¾è¦è 279 if(images[i].alt == ''){ 280 images[i].alt='黿æ¾å¤§'; 281 } 282 images[i].title='黿æ¾å¤§'; 283 link.target="_blank"; 284 images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i]) 285 } 286 } 287 $("#editor .fancybox").fancybox({ 288 'hideOnContentClick': true 289 }); 290 291 }, 292 error:function (xhr, ajaxOptions, thrownError){ 293 fn_close_box(); 294 $("body").append(xhr.status); 295 $("body").append(xhr.responseText ); 296 //alert(thrownError); 297 } 298 }); 299 } 300 301 function fn_close_box(){ 302 $('.wapper .panel').show(0); 303 $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){ 304 $( document ).scrollTop(nowtop).css({'overflow-x':'auto'}); 305 $('#boxcontent').html('').hide(); 306 $('#openbox').hide(); 307 $("#loading_mask").hide(); 308 }); 309 } 310</script>
vendor: 1 bytes, line 310
310
311<script type="text/javascript"> 312 $(document).ready(function(){ 313 $(".fancybox.youtube").click(function() { 314 $.fancybox({ 315 'padding' : 0, 316 'autoScale' : false, 317 'transitionIn' : 'none', 318 'transitionOut' : 'none', 319 'title' : this.title, 320 'width' : 640, 321 'height' : 385, 322 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 323 'type' : 'swf', 324 'swf' : { 325 'wmode' : 'transparent', 326 'allowfullscreen' : 'true' 327 } 328 }); 329 return false; 330 }); 331 $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); 332 }); 333</script>
333 334<style> 335.error{color:red;} 336</style> 337 <!-- auto webmarketing--> 338 <!-- Facebook Pixel Code --> 339
339<script>
vendor: 441 bytes, lines 339-348
339 340 !function(f,b,e,v,n,t,s) 341 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 342 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 343 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 344 n.queue=[];t=b.createElement(e);t.async=!0; 345 t.src=v;s=b.getElementsByTagName(e)[0]; 346 s.parentNode.insertBefore(t,s)}(window, document,'script', 347 'https://connect.facebook.net/en_US/fbevents.js'); 348 fbq('init', '
348667632642049247
vendor: 40 bytes, lines 348-350
348'); 349 fbq('track', 'PageView'); 350
350</script>
350 351 <noscript><img height="1" width="1" style="display:none" 352 src="https://www.facebook.com/tr?id=667632642049247&ev=PageView&noscript=1" 353 /></noscript> 354 <!-- End Facebook Pixel Code --> 355
355<script>fbq_inuse = true;</script>
355 356 <!-- auto webmarketing--> 357 <!-- Google Tag Manager --> 358
358<script>
vendor: 335 bytes, lines 358-362
358(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 359 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 360 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 361 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 362 })(window,document,'script','dataLayer','
362GTM-58RSTBKX
vendor: 3 bytes, line 362
362');
362</script>
362 363 <!-- End Google Tag Manager --> 364 </head> 365<body domain_is_safe="no" class="wrapper_bg page_wrapper_bg tb_album fn_album1 lang_tw" attr-type="www.jw-san.com.tw" attr-type2="www.jw-san.com.tw" attr-trans="Y" RID="" nowPath="album.php"> 366 <!-- auto webmarketing--> 367 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 367-368
367 368 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
368GTM-58RSTBKX
vendor: 87 bytes, lines 368-370
368" 369 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 370
370<!-- End Google Tag Manager (noscript) --> 371 <div id="openbox"> 372 <div id="boxcontent"> 373 </div> 374</div> 375<style> 376 .RWDalert_fancybox.center{ 377 max-width: 800px; 378 text-align: center; 379 padding: 20px; 380 } 381 .RWDalert_fancybox.center img{ 382 max-width: 100%; 383 } 384 .RWDalert_fancybox.bottom{ 385 z-index: 999; 386 box-shadow:0px -3px 3px rgba(20%,20%,40%,0.2); 387 padding: 15px 30px; 388 text-align: center; 389 letter-spacing: 1px; 390 position: fixed; 391 bottom: 0; 392 left: 0; 393 right: 0; 394 background: #fff; 395 } 396 .RWDalert_fancybox.bottom.active{ 397 animation-name: RWDalertfadeOut; 398 animation-duration: 4s; 399 animation-fill-mode: both; 400 } 401 @keyframes RWDalertfadeOut { 402 from { 403 bottom: 0; 404 } 405 to { 406 bottom: -100%; 407 } 408 } 409 .RWDalert_fancybox.center .editor{ 410 margin-bottom: 30px; 411 font-size: 14px; 412 } 413 .RWDalert_fancybox.bottom .editor{ 414 font-size: 15px; 415 margin-bottom: 8px; 416 } 417 .RWDalert_fancybox .title{ 418 font-size: 16px; 419 margin-bottom: 15px; 420 font-weight: bold; 421 } 422 .RWDalert_fancybox.bottom .editor, 423 .RWDalert_fancybox.bottom .btn-box{ 424 display: inline-block; 425 } 426 .RWDalert_fancybox .btn{ 427 background: none; 428 border: 1px solid #888; 429 color: #333; 430 box-shadow:inset 0 0 0 rgba(20%,20%,40%,0.5); 431 margin: 0 6px; 432 transition: all .15s ease-in-out; 433 letter-spacing: 1px; 434 } 435 .RWDalert_fancybox .btn.active{ 436 background: var(--wt-MainColor,#888); 437 color: #fff; 438 } 439 .RWDalert_fancybox .btn:focus{ 440 outline: 0; 441 } 442 @media (min-width: 1025px){ 443 .RWDalert_fancybox .btn:hover{ 444 background: var(--wt-HoverColor,#666); 445 color: #fff; 446 } 447 } 448</style> 449<div id="RWDalert_fancybox" class="model RWDalert_fancybox bottom" style='display:none'> 450 <div class="editor"> 451 æå使ç¨cookieåæçºæ¨æä¾æ´å¥½çç¨æ¶é«é©ãæ¨è¥ç¹¼çºä½¿ç¨æ¬ç¶²ç«ä»£è¡¨æ¨å·²äºè§£ä¸¦åææåçcookieæ¿çã </div> 452 <div class="btn-box"> 453 <button class="btn active" onclick="alertBottom()">åæ</button> 454 </div> 455</div>
456<script> 457 function RWDalert_fancybox_setCookie(cname,cvalue,exdays){ 458 var d = new Date(); 459 d.setTime(d.getTime()+(exdays*24*60*60*1000)); 460 var expires = "expires="+d.toGMTString(); 461 document.cookie = cname + "=" + cvalue + "; " + expires; 462 } 463 // ä¸åæä¸å¾å°æªè¨å®è·³è½é£çµæçè¡çºï¼ä¾æºé åç«ä¸ç覽ç´éæä¸ä¸é æéåï¼å¦åå ééå½çªçå¨åé ï¼æ°åé éåææ²æä¸ä¸é å¯éï¼ã 464 // ä¸å¾ä¸å¯« web_pop_view cookieââæ²åæå°±ä¸è©²è¦çºå·²é±è®ï¼ä¸æ¬¡é²ç«ä»è¦åå䏿¬¡ã 465 function web_pop_disagree(){ 466 var ref = document.referrer; 467 if(ref!="" && history.length>1){ 468 var ref_link = document.createElement("a"); 469 ref_link.href = ref; 470 if(ref_link.host==location.host){ 471 history.back(); 472 return; 473 } 474 } 475 web_pop_close(); 476 } 477 // åªééå½çªï¼ä¸å¯« cookieï¼åæèä¸åæå ±ç¨ï¼å¯«ä¸å¯« cookie ç±å¼å«ç«¯æ±ºå®ã 478 function web_pop_close(){ 479 $('.RWDalert_fancybox.bottom').addClass('active'); 480 } 481 function alertBottom() { 482 web_pop_close(); 483 RWDalert_fancybox_setCookie("web_pop_view","on",365) 484 } 485 $(document).ready(function() { 486 $('#RWDalert_fancybox').show(); 487 }); 488 </script>
488 489 <div id="RWDPAGE_BASE_PAT02" class="template_panel_first collapsing_header web_202200392"> 490 <!-- header load start --> <div class=" menu-container " id="panel_1" page_style="headermain"> 491 <div class=" panel_2 fixed-btn " id="panel_77" page_style=""> 492 493 <div class="model RWDedictor " id="m_RWDfullscreen01_77_1" md_id="1" tp_id="77" template_id="RWDfullscreen01"> 494 <!--start--> 495 <div class="menu-btn"><a href="tel://02-26380558"><i class="icon ion-android-call"></i><span>02-2638-0558</span></a></div> 496 497<div class="menu-btn"><a href="eforms.php?lang=tw&tb=1">ç·ä¸é ç´åè§</a></div> 498 <!--end--> 499 <div style="clear:both;"></div> 500 </div> 501 502 <div class="clear"></div> 503 </div> 504 <!--âscrollbarå¥ä»¶ cssâ--> 505 <div class="model RWDmenu_plus04" id="m_RWDfullscreen01_1_1" md_id="1" tp_id="1" template_id="RWDfullscreen01" new_edit="Y"> 506 <header class="header" > 507 <div class="header-in"> 508 <div class="logo"> 509 <a href="https://www.jw-san.com.tw/" aria-label="Logo"> 510 <img class="img-responsive" src="https://www.jw-san.com.tw/archive/image/weblogo/LOGO_word.png" alt="éè¯å±±é·éååè¡ä»½æéå ¬å¸"> 511 </a> 512 </div> 513 514 <nav class="site-nav"> 515 <div class="container"> 516 <ul class="menu"> 517 <li level='1' org_link='article.php?lang=tw&tb=1' showsize=''class='has-child ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=1' aria-label='éæ¼éè¯å±±' >éæ¼éè¯å±±</a><ul><li level='2' org_link='article_d.php?lang=tw&tb=1&id=102' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/article_d.php?lang=tw&tb=1&id=102' aria-label='ç¶çç念' >ç¶çç念</a></li></ul></li><li level='1' org_link='article.php?lang=tw&tb=2' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=2' aria-label='ååä»ç´¹' >ååä»ç´¹</a></li><li level='1' org_link='#' showsize=''class='has-child ' ><a href='#' aria-label='ç¢åä»ç´¹' onclick="return false;" >ç¢åä»ç´¹</a><ul><li level='2' org_link='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6' aria-label='ç³éå®¶æå¢' target="_blank" >ç³éå®¶æå¢</a></li><li level='2' org_link='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=12' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=12' aria-label='å´ç³å¯¶åº§' target="_blank" >å´ç³å¯¶åº§</a></li><li level='2' org_link='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=123' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=123' aria-label='ç妿·¨èè寶å¡' target="_blank" >ç妿·¨èè寶å¡</a></li></ul></li><li level='1' org_link='#' showsize=''class='has-child ' ><a href='#' aria-label='ç¸éæå' onclick="return false;" >ç¸éæå</a><ul><li level='2' org_link='https://store.jw-san.com.tw/' showsize=''class=' ' ><a href='https://store.jw-san.com.tw/' aria-label='ç¥ç¥å代宿å' target="_blank" >ç¥ç¥å代宿å</a></li><li level='2' org_link='https://store.jw-san.com.tw/booking' showsize=''class=' ' ><a href='https://store.jw-san.com.tw/booking' aria-label='ç¥ææ¥é§è»æå Coming soon' target="_blank" >ç¥ææ¥é§è»æå Coming soon</a></li><li level='2' org_link='https://www.jw-san.com.tw/eforms_d.php?lang=tw&tb=1&id=30' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/eforms_d.php?lang=tw&tb=1&id=30' aria-label='ä¸è¼é»ååé' >ä¸è¼é»ååé</a></li></ul></li><li level='1' org_link='article.php?lang=tw&tb=4' showsize=''class=' ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=4' aria-label='ç¥èç¾ç§' >ç¥èç¾ç§</a></li><li level='1' org_link='article.php?lang=tw&tb=5&ot=all' showsize='2'class='has-child ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&ot=all' aria-label='æ¶æ¯æ´»å' >æ¶æ¯æ´»å</a><ul><li level='2' org_link='article.php?lang=tw&tb=5&cid=24' showsize='2'class=' ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&cid=24' aria-label='ååè³è¨' >ååè³è¨</a></li><li level='2' org_link='article.php?lang=tw&tb=5&cid=30' showsize='2'class=' ' ><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&cid=30' aria-label='ææ°è³è¨' >ææ°è³è¨</a></li></ul></li> </ul> 518 </div> 519 </nav> 520 521 <!--âé¸å®ééâ--> 522 <a href="#ml-stack-nav-1" class="ml-stack-nav-toggle" title="menu toggle the navigation" aria-label="menu toggle the navigation"> 523 <i>MENU</i>
524 <span class="ml-stack-nav-toggle__line"></span> 525 <span class="ml-stack-nav-toggle__line"></span> 526 <span class="ml-stack-nav-toggle__line"></span> 527 </a> 528 529 <!--âåè½åâ--> 530 <div class="features"> 531 <!--âèªç³»â--> 532 <!--â社群â--> 533 534 535 536 537 <div class="search-btn" tabindex="0" role="button" aria-label="æå°"> 538 <i class="glyphicon glyphicon-search" aria-hidden="true"> 539 </i> 540 </div> 541 <div class="edit"> 542 </div> 543 <div class="clearfix"></div> 544 </div> 545 <div id="search-box"> 546 <input type="button" value="GO" class="ibtn search" onclick="do_top_search()"> 547 <input id="search_box_text" type="text" placeholder="è«è¼¸å ¥ééµå" class="form-control"> 548 </div> 549 </div> 550 </header> 551 552 553 <!--â è¡åçâ --> 554 <div id="mobile-menu"> 555 <div class="menu-icon close-btn">CLOSE</div> 556 <!--âè¡åé¸å®â--> 557 <div class="main-menu"> 558 <ul class="menu"> 559 <li class='can-link ' level='1' showsize=''><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=1' aria-label='éæ¼éè¯å±±' >éæ¼éè¯å±±</a><ul><li class='can-link ' level='2' showsize=''><a href='https://www.jw-san.com.tw/article_d.php?lang=tw&tb=1&id=102' aria-label='ç¶çç念' >ç¶çç念</a></li></ul></li><li class='can-link ' level='1' showsize=''><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=2' aria-label='ååä»ç´¹' >ååä»ç´¹</a></li><li class='can-link ' level='1' showsize=''><a href='#' onclick="return false;" aria-label='ç¢åä»ç´¹' >ç¢åä»ç´¹</a><ul><li class='can-link ' level='2' showsize=''><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6' aria-label='ç³éå®¶æå¢' target="_blank">ç³éå®¶æå¢</a></li><li class='can-link ' level='2' showsize=''><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=12' aria-label='å´ç³å¯¶åº§' target="_blank">å´ç³å¯¶åº§</a></li><li class='can-link ' level='2' showsize=''><a href='https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=123' aria-label='ç妿·¨èè寶å¡' target="_blank">ç妿·¨èè寶å¡</a></li></ul></li><li class='can-link ' level='1' showsize=''><a href='#' onclick="return false;" aria-label='ç¸éæå' >ç¸éæå</a><ul><li class='can-link ' level='2' showsize=''><a href='https://store.jw-san.com.tw/' aria-label='ç¥ç¥å代宿å' target="_blank">ç¥ç¥å代宿å</a></li><li class='can-link ' level='2' showsize=''><a href='https://store.jw-san.com.tw/booking' aria-label='ç¥ææ¥é§è»æå Coming soon' target="_blank">ç¥ææ¥é§è»æå Coming soon</a></li><li class='can-link ' level='2' showsize=''><a href='https://www.jw-san.com.tw/eforms_d.php?lang=tw&tb=1&id=30' aria-label='ä¸è¼é»ååé' >ä¸è¼é»ååé</a></li></ul></li><li class='can-link ' level='1' showsize=''><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=4' aria-label='ç¥èç¾ç§' >ç¥èç¾ç§</a></li><li class='can-link ' level='1' showsize='2'><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&ot=all' aria-label='æ¶æ¯æ´»å' >æ¶æ¯æ´»å</a><ul><li class='can-link ' level='2' showsize='2'><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&cid=24' aria-label='ååè³è¨' >ååè³è¨</a></li><li class='can-link ' level='2' showsize='2'><a href='https://www.jw-san.com.tw/article.php?lang=tw&tb=5&cid=30' aria-label='ææ°è³è¨' >ææ°è³è¨</a></li></ul></li> </ul> 560 <div class="phone-menubelow"> 561 </div> 562 <!--âcopyright å¾å°å¯è¼¸å ¥æåâ--> 563 </div> 564 </div> 565 566 <div class="overlay"></div> 567 <!-- è³¼ç©è» --> 568 569 <!-- è©¢åè» --> 570 571 <!-- æå¡ä»é¢ --> 572 <div style="clear:both;"></div> 573 </div> 574
574<script> 575 var pub_web_memberLogin_btn = null; 576 </script>
576 577
577<script> 578 //滿çæå°ééæé 579 function search_close_full(){ 580 $('#search-box').removeClass('is-open'); 581 setTimeout(function(){$('#search_box_text').attr("value","")},300); 582 } 583 $(document).ready(function(){ 584 $(window).scroll(function() { 585 var scroll = $(window).scrollTop(); 586 if (scroll >= 1) { 587 $(".RWDmenu_plus04 .header").addClass("is-up"); 588 } else { 589 $(".RWDmenu_plus04 .header").removeClass("is-up"); 590 } 591 }); 592 593 let nav_h = $('.RWDmenu_plus04 .header').height(); 594 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 595 let drop_menu_pic = $('.RWDmenu_plus04 .SPV2'); 596 $(".RWDmenu_plus04 .header").prepend(drop_menu_pic); /* htmlå¤ç§»å° header裡ï¼éå°å ¨æ»¿çæ¨£å¼ */ 597 drop_menu_pic.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 598 drop_menu_pic.addClass('full'); 599 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 600 601 let drop_menu = $('.RWDmenu_plus04 .SP'); 602 drop_menu.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 603 604 605 606 $("html").removeClass("no-js"); 607 $(".js-ml-stack-nav").mlStackNav(); 608 // open nav 609 var menu_btn = $('.ml-stack-nav-toggle') 610 var nav = $('#mobile-menu') 611 var overlay = $('.RWDmenu_plus04 .overlay') 612 613 menu_btn.click(function(){ 614 overlay.addClass("is-open"); 615 }); 616 //close nav 617 overlay.click(function(){ 618 $(this).removeClass("is-open"); 619 // nav.removeClass("is-open"); 620 // nav.find('li').removeClass('is-open'); 621 menu_btn.removeClass("is-active"); 622 $('body').removeClass("menu-open"); 623 $('body').removeClass('other-open'); 624 625 $(".cart-block,.querycar-block").removeClass("is-open"); 626 627 }); 628 $(".close-btn").click(function(){ 629 // nav.removeClass("is-open"); 630 // nav.find('li').removeClass('is-open'); 631 menu_btn.removeClass("is-active"); 632 $('body').removeClass('menu-open'); 633 634 overlay.removeClass("is-open"); 635 }); 636 $("#mobile-menu .can-link a[href*=#]:not([href=#])").on("click",function(){ 637 menu_btn.removeClass("is-active"); 638 $('body').removeClass('menu-open'); 639 overlay.removeClass("is-open"); 640 }); 641 //member-block 642 //search 643 var search_box = $('#search-box') 644 var search_input = $('#search_box_text') 645 $('.search-btn').click(function(){ 646 if(search_box.hasClass("is-open")){ 647 return false; 648 } 649 search_box.addClass('is-open'); 650 setTimeout(function(){ 651 search_input.focus(); 652 }, 100); 653 }); 654 //ç¨æ¼ios blur失æåé¡ â 655 $('#search-box.full').click(function(){ 656 $(this).attr("blur","other"); 657 }); 658 //ç¨æ¼ios blur失æåé¡ â 659 search_input.blur(function(){ 660 if(!search_box.hasClass("full")){ 661 search_box.removeClass("is-open"); 662 } 663 /*else{ 664 search_close(); 665 }*/ 666 }); 667 search_input.keydown(function(e){ 668 if(e.keyCode==13){ 669 do_top_search(); 670 } 671 }) 672 $('#search-box.full .close-btn').click(function(){//滿çæå°__é»Xæéééï¼ä¸¦æ¸ 空 673 search_close() 674 }); 675 $(window).keydown(function(e){//滿çæå°__éµç¤escééï¼ä¸¦æ¸ 空 676 if (search_box.hasClass("full")&&search_box.hasClass("is-open")&&e.keyCode==27){ 677 search_close() 678 } 679 }) 680 function search_close(){ 681 search_box.removeClass('is-open'); 682 setTimeout(function(){search_input.attr("value","")},300); 683 } 684 685 /*夿·æç¡è¼ªæå*/ 686 $('.dropdown-menu').has('.pic-box').addClass('haspic'); 687 $('.haspic').each(function(){ 688 $(this).find('figure').css('background-image','url('+ $(this).find('li.manu-item').first().children('a').attr('url')+ ')'); 689 $(this).find('div.pic-box').find('a').attr('href',$(this).find('li.manu-item').first().children('a').attr('href')); 690 var pic_boc_div=this; 691 $(this).find('li').each(function(){ 692 $(this).find('a').mouseenter(function(){ 693 $(pic_boc_div).find('figure').css('background-image','url('+$(this).attr('url')+')'); 694 $(pic_boc_div).find('div.pic-box').find('a').attr('href',$(this).attr('href')); 695 }) 696 }) 697 }) 698 /*scrollbarå¥ä»¶*/ 699 $(".RWDmenu_plus04 .main-menu,.RWDmenu_plus04 .inside").mCustomScrollbar({ 700 axis:"y", 701 theme:"dark-3", 702 scrollInertia:550, 703 scrollButtons: "enable: boolean" 704 }); 705 706 }) 707 708 var needreloadquerycar = true; 709 var NOW_QUERYCAR_TOTAL_AMOUNT=0; 710 function do_top_search(){ 711 var val = $("#search_box_text").val(); 712 if (val !="" && val !="è«è¼¸å ¥ééµå"){ 713 location.href="https://www.jw-san.com.tw/search.php?lang=tw&searchkey="+encodeURIComponent(val); 714 } 715 if($('#search-box').hasClass("full")){ 716 search_close_full(); 717 } 718 } 719 function change_lang(elm){ 720 location.href=$(elm).val(); 721 } 722 // æ°å¢å±éæå¡æ»åºäºä»¶ï¼ä¾å ¶ä»ååå¼å« 723 function memu_quickOpenMemberBox(){ 724 let member_block = document.querySelector('.RWDmenu_plus04 .member-block');
725 let overlay = document.querySelector('.RWDmenu_plus04 .overlay'); 726 if(typeof(member_block) != 'undefined' && member_block != null){ 727 $('body').addClass('other-open'); 728 member_block.classList.add('is-open'); 729 overlay.classList.add('is-open'); 730 }else{ 731 let nowurl = window.encodeURIComponent(window.btoa(window.location.href)); 732 // é¸å®å°æªå 䏿¯æ´ç function ï¼å è·³è½å°æå¡ä¸å¿ 733 location.href='member_login.php?lang='+lang+'&g='+nowurl; 734 } 735 } 736 </script>
736 737 <div class="clear"></div> 738 </div> 739 <!-- header load end --> <div class=" main cd-main-content" id="panel_8" page_style=""> 740 <div class=" panel_2 inner_banner " id="panel_33" page_style=""> 741 742 <div class="model RWDbanner_plus01 " id="m_RWDPAGE_BASE_PAT02_33_1" md_id="1" tp_id="33" template_id="RWDPAGE_BASE_PAT02" style="opacity: 0;" new_edit="Y"> 743 <div class="RWDbanner_plus01 style-dotnav control-right dot" data-imgfrom="模çµ"> 744 <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div> 745 <div class="slick-caption txt-left chang_fontSize"> 746 <div class="container"> 747 <div class="txt1 device_pc" > 748 <span >æå¾çå®¶ ç±ä½ 決å®</span> 749 </div> 750 <div class="txt1 device_note" > 751 <span >æå¾çå®¶ ç±ä½ 決å®</span> 752 </div> 753 <div class="txt1 device_pad" > 754 <span >æå¾çå®¶ ç±ä½ 決å®</span> 755 </div> 756 <div class="txt1 device_phone" > 757 <span >æå¾çå®¶ ç±ä½ 決å®</span> 758 </div> 759 </div> 760 </div> 761 <div class="banner-slider "> 762 <div class="slick-item slickitem01"> 763 <div class="pic-box"> 764 <!-- é¦é 顯示åå¡ --> 765 <div class="pic " style="text-align:right;" PC="https://www.jw-san.com.tw/archive/image/model/images/inner-banner.jpg" NOTE="https://www.jw-san.com.tw/archive/image/model/images/inner-banner-pad.jpg" PAD="https://www.jw-san.com.tw/archive/image/model/images/inner-banner-pad-w.jpg" PHONE="https://www.jw-san.com.tw/archive/image/model/images/inner-banner-phone.jpg" imgalt=""> 766 <img src="https://www.jw-san.com.tw/archive/image/model/images/inner-banner.jpg" alt=""> 767 </div> 768 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 769 </div> 770 <!--âåååçåå¡ 20180523æ°å¢â--> 771 <!--âåååçåå¡ 20180523æ°å¢â--> 772 773 </div> 774 </div> 775 </div> 776 <div style="clear:both;"></div> 777 </div> 778 <!-- model end--> 779
779<script type="text/javascript"> 780 //寬çç¨initå ¨åè®æ¸ 781 var BYT_INIT_I=0; 782 //夿·æ¯å¦çºè¡åè£ç½® 783 var isMobile = false; 784 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) 785 || /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.
785substr(0,4))) isMobile = true; 786 GetRumdomStr = function () { 787 var str = ""; 788 var maxNum = 10; 789 var minNum = 0; 790 var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 791 for (var i = 1; i <= 4; i++) { 792 n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 793 str += n.toString(); 794 } 795 // console.log(str); 796 return str; 797 }; 798 799 $(document).ready(function(){ 800 $(".full_page_photo").css({'height':$("#m_RWDPAGE_BASE_PAT02_33_1").outerHeight()}); 801 802 if($('.collapsing_header .main').size() > 0 ){ 803 var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight(); 804 $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !importantæå®¢è£½åcssçtop弿´æ 805 } 806 807 if($('#m_RWDPAGE_BASE_PAT02_33_1 img').size()==0){ 808 init_banner_plus01_RWDPAGE_BASE_PAT02331(); 809 }else{ 810 $('#m_RWDPAGE_BASE_PAT02_33_1').imagesLoaded( function() { 811 init_banner_plus01_RWDPAGE_BASE_PAT02331(); 812 }); 813 } 814 815 $(window).on("resize",function(e){ 816 fullscreenImage_RWDPAGE_BASE_PAT02331(); 817 setTimeout(function() { 818 bannerSetHeight_RWDPAGE_BASE_PAT02331(); 819 },100) 820 }); 821 }); 822 function init_banner_plus01_RWDPAGE_BASE_PAT02331(){ 823 fullscreenImage_RWDPAGE_BASE_PAT02331(); 824 $('#m_RWDPAGE_BASE_PAT02_33_1').css({'opacity':1}); 825 if($('#m_RWDPAGE_BASE_PAT02_33_1 .pic-box').size() < 2){ 826 $('#m_RWDPAGE_BASE_PAT02_33_1 .control-box, #m_RWDPAGE_BASE_PAT02_33_1 .slick-arrow').hide(); 827 } 828 let slick_tmp=null; 829 slick_tmp = $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-dotnav .banner-slider'); 830 slick_tmp.not('#m_RWDPAGE_BASE_PAT02_33_1 .slick-initialized').slick({ 831 lazyLoad: 'progressive',//ondemand lazyload 832 autoplay: true, 833 autoplaySpeed: 7000, 834 dots: true, 835 arrows: false, 836 pauseOnHover: false, 837 pauseOnFocus: false, 838 speed: 700, 839 fade: false, 840 appendDots: $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .control-box .control .items'), 841 adaptiveHeight: true, 842 swipeToSlide: true, 843 touchThreshold: 20000, 844 waitForAnimate: false, 845 responsive: [ 846 { 847 breakpoint: 767, 848 settings: { 849 adaptiveHeight:false, 850 } 851 } 852 ] 853 }); 854 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() { 855 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-dotnav .slick-prev').click(); 856 }); 857 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() { 858 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-dotnav .slick-next').click(); 859 }); 860 861 $(window).on('resize', bannerSetHeight_RWDPAGE_BASE_PAT02331()).resize(); 862 863 // page-scrollæé 864 $('#m_RWDPAGE_BASE_PAT02_33_1 a.scrolllink').click(function(event) { 865 var t = $(this).attr('href'); 866 if(t != '#' && t != ''){ 867 $('html,body').animate({scrollTop:$(t).offset().top},800); 868 } 869 return false; 870 }); 871 // ä¿®æ£è¡åè£ç½®BUG //github.com/kenwheeler/slick/issues/3306 872 $('#m_RWDPAGE_BASE_PAT02_33_1 .slick-initialized').on('touchstart', e => { 873 $('#m_RWDPAGE_BASE_PAT02_33_1 .slick-initialized').slick('slickPlay'); 874 }); 875 } 876 function bannerSetHeight_RWDPAGE_BASE_PAT02331() { 877 var menu_height = 0; 878 /* bannerææ©çæé«æ»¿çé¢ */ 879 var windowHeight = 0 880 var paddingHeight = $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .banner-slider.bg').height(); 881 882 if ($('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) { 883 windowHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_33_1 .control-box').outerHeight() - menu_height - paddingHeight; 884 } else { 885 windowHeight = $(window).height() - menu_height - paddingHeight; 886 } 887 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight); 888 889 890 /* banner滿çé¢ */ 891 var fullHeight = 0 892 if ($('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) { 893 fullHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_33_1 .control-box').outerHeight() - menu_height - paddingHeight; 894 } else { 895 fullHeight = $(window).height() - menu_height - paddingHeight; 896 } 897 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight); 898 899 900 /* banneræ§å¶å¨é«åº¦ */ 901 let bannerHeight = 0 902 if ($('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) { 903 bannerHeight = $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 .banner-slider .slick-list').height(); 904 } 905 $('#m_RWDPAGE_BASE_PAT02_33_1 .style-dotnav.control-left .control-box , #m_RWDPAGE_BASE_PAT02_33_1 .style-dotnav.control-right .control-box').css('height', bannerHeight); 906 907 } 908 function fullscreenImage_RWDPAGE_BASE_PAT02331(){ 909 var ww = $(window).width(); 910 // å¸¶å ¥RWDæ£ç¢ºçåçè·¯å¾ 911 $('#m_RWDPAGE_BASE_PAT02_33_1 .pic').each(function(){ 912 if(ww > 1024){ 913 img = $(this).attr('PC'); 914 }else if(ww >= 992){ 915 img = $(this).attr('NOTE'); 916 }else if(ww >= 768){ 917 img = $(this).attr('PAD'); 918 }else{ 919 img = $(this).attr('PHONE'); 920 } 921 let img_alt = $(this).attr('imgALT'); 922 $(this).find('img').attr('src',img); 923 $(this).find('img').attr('alt',img_alt); 924 //解決æ°è³¼ç©part2 .slick-slideçcssé«åº¦100%å½±é¿ 925 $('#m_RWDPAGE_BASE_PAT02_33_1 .slick-slide').css("height",'auto'); 926 }); 927 928 $("#m_RWDPAGE_BASE_PAT02_33_1 .logo").each(function(){ 929 if(ww >= 1200){ 930 img = $(this).attr('PC'); 931 }else if(ww >= 992){ 932 img = $(this).attr('NOTE'); 933 }else if(ww >= 768){ 934 img = $(this).attr('PAD'); 935 }else{ 936 img = $(this).attr('PHONE'); 937 } 938 939 if(img==''){ 940 $(this).find('img').hide(); 941 }else{ 942 if($(this).find('img').size()==0){ 943 $(this).append('<img src="" alt="LOGO">'); 944 } 945 $(this).find('img').attr('src',img).show(); 946 } 947 948 }); 949 } 950 function change_imgblock_size_RWDPAGE_BASE_PAT02331(){ 951 var nextSlide_idx=BYT_INIT_I*1; 952 var slickitem_idx=BYT_INIT_I*1+1; 953 if(nextSlide_idx<10){ 954 nextSlide_idx="0"+BYT_INIT_I; 955 } 956 if(slickitem_idx<10){ 957 slickitem_idx="0"+slickitem_idx; 958 } 959 if($('#m_RWDPAGE_BASE_PAT02_33_1'+" #slick-slide"+nextSlide_idx).length==0){ 960 return false;
961 }else{ 962 var image = new Image(); 963 image.onload =function(){ 964 var image_height=image.height; 965 $('#m_RWDPAGE_BASE_PAT02_33_1'+" #slick-slide"+nextSlide_idx).css("height",image_height); 966 $('#m_RWDPAGE_BASE_PAT02_33_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){ 967 if($(this).hasClass("slick-cloned")){ 968 $(this).css('height', image_height) 969 } 970 }) 971 BYT_INIT_I++; 972 change_imgblock_size_RWDPAGE_BASE_PAT02331(); 973 //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height); 974 } 975 var slick_url_data=$('#m_RWDPAGE_BASE_PAT02_33_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic"); 976 var ww = $(window).width(); 977 var img=""; 978 if(ww > 1024){ 979 img = slick_url_data.attr('PC'); 980 }else if(ww >= 992){ 981 img = slick_url_data.attr('NOTE'); 982 }else if(ww >= 768){ 983 img = slick_url_data.attr('PAD'); 984 }else{ 985 img = slick_url_data.attr('PHONE'); 986 } 987 image.src = img; 988 } 989 } 990 </script>
990 991 <div class="clear"></div> 992 </div> 993 <section class=" panel_2 call_to_action " id="panel_9" page_style=""> 994 <div class=" panel_3 container " id="panel_14" page_style="page_body"> 995 <style> 996.pagecontent{margin-top:37px;} 997.pagecontent.menu5,.pagecontent.menu8{margin:0px;} 998@media only screen and (max-width: 768px) { 999 .pagecontent {padding:0px 15px!important;} 1000} 1001 </style> 1002 <section class="hgroup"> 1003 <div class="container"> 1004 <div class="page_subject"> 1005 <h1 class="pageTitle">ç³éå®¶æå¢</h1> 1006 <ul class="breadcrumb pull-right"> 1007 <li showsize=""><a href="https://www.jw-san.com.tw/index.php?lang=tw" title="é¦é ">é¦é </a> </li><li active><a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1" orglink="album.php?lang=tw&tb=1" title="ç¢åä»ç´¹">ç¢åä»ç´¹</a></li>
1007<script type="application/ld+json"> 1008 { 1009 "@context": "https://schema.org", 1010 "@type": "BreadcrumbList", 1011 "itemListElement": [ 1012 { 1013 "@type": "ListItem", 1014 "position": 1, 1015 "name": "é¦é ", 1016 "item": "https://www.jw-san.com.tw/index.php?lang=tw" 1017 },{ 1018 "@type": "ListItem", 1019 "position": 2, 1020 "name": "ç¢åä»ç´¹", 1021 "item": "https://www.jw-san.com.tw/album.php?lang=tw&tb=1" 1022 } ] 1023 } 1024</script>
1024 1025 </ul> 1026 </div> 1027 </div> 1028 1029 <!-- åªæå¨article_då §å®¹é æé¡¯ç¤º hashtagåå¡ --> 1030 1031 </section> 1032 <section class="article-text rwd"> 1033 <div class="container "> 1034 <div class="xrow"> 1035 <div id="sidebar" class="col-md-3 layoutmenu3"> 1036 <div class="m2018 visible-lg" layoutmenu_rwd="2"> 1037 <div class="products-nav"> 1038 1039 <div class="nav-title">ç¢åä»ç´¹</div> 1040 <ul class="sidemenu2__ul sidemenu2__ul--parent"> 1041 <li class="sidemenu2__li active is-open" l="1" aid="" mid="6"> 1042 <a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6" org="album.php?lang=tw&tb=1&cid=6" title="ç³éå®¶æå¢">ç³éå®¶æå¢</a> 1043 </li> 1044 <li class="sidemenu2__li " l="1" aid="" mid="12"> 1045 <a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=12" org="album.php?lang=tw&tb=1&cid=12" title="å´ç³å¯¶åº§">å´ç³å¯¶åº§</a> 1046 <ul class="sidemenu2__ul sidemenu2__ul--child" style="display:none;"> 1047 <li class=""> 1048 <a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=18" org="album.php?lang=tw&tb=1&cid=18" title="ææºå">ææºå</a> 1049 </li> 1050 <li class=""> 1051 <a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=24" org="album.php?lang=tw&tb=1&cid=24" title="ç¦æ³å">ç¦æ³å</a> 1052 </li> 1053 </ul> 1054 </li> 1055 <li class="sidemenu2__li " l="1" aid="" mid="123"> 1056 <a href="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=123" org="album.php?lang=tw&tb=1&cid=123" title="ç妿·¨èè寶å¡">ç妿·¨èè寶å¡</a> 1057 </li> 1058 </ul> 1059 </div> 1060</div> 1061
1062<script> 1063 $(document).ready(function() { 1064 sideNavInit(); 1065 }); 1066 //å´é¸å®éå 1067 function sideNavInit() { 1068 $(".products-nav li").has("ul").addClass("has-child").append('<span class="toggle-submenu"></span>'); 1069 // $(".products-nav li.is-open").children("ul").show(); 1070 $('.products-nav > ul > li').each(function(){ 1071 if($(this).hasClass('has-child')){ 1072 if($(this).children('ul').is(':visible')){ 1073 $(this).addClass('is-open'); 1074 }else{ 1075 $(this).removeClass('is-open'); 1076 } 1077 }else{ 1078 $(this).removeClass('is-open'); 1079 } 1080 }); 1081 $(".products-nav .toggle-submenu").click(function(e) { 1082 if ($(this).siblings().length > 0) { 1083 e.preventDefault(); 1084 $(this).siblings("ul").slideToggle(); 1085 $(this).parent('li').toggleClass("is-open"); 1086 if ($('.toggle-mmenu').is(':visible')) { 1087 $('.products-nav li').not($(this).parents('li')).removeClass('is-open'); 1088 $('.products-nav li ul').not($(this).parents('li').children('ul')).stop().slideUp(); 1089 } 1090 } 1091 }); 1092 } 1093</script>
1093 1094 1095 1096 1097 <style type="text/css"> 1098 .device-nav { 1099 position: relative; 1100 width: 100%; 1101 margin: 0 auto; 1102 display: block; 1103 } 1104 1105 .device-nav:before { 1106 position: absolute; 1107 right: 15px; 1108 top: 10px; 1109 display: block; 1110 } 1111 1112 #sidebar select.form-control { 1113 /*ChromeåFirefox裡é¢çéæ¡æ¯ä¸ä¸æ¨£çï¼æä»¥è¤å¯«äºä¸ä¸*/ 1114 /*border: solid 1px #000; */ 1115 /*å¾ééµï¼å°é»èªçselecté¸ææ¡æ¨£å¼æ¸ é¤*/ 1116 appearance: none; 1117 -moz-appearance: none; 1118 -webkit-appearance: none; 1119 /*çºä¸æå°ç®é çåºä¸é»ä½ç½®ï¼é¿å 被æåè¦è*/ 1120 padding-right: 14px; 1121 /*border-radius: 4px;*/ 1122 } 1123 1124 /*æ¸ é¤ieçé»èªé¸ææ¡æ¨£å¼æ¸ é¤ï¼é±è䏿ç®é */ 1125 #sidebar select.form-control::-ms-expand { 1126 display: none; 1127 } 1128 </style> 1129 <div class="device-nav fa fa-angle-down hidden-lg"> 1130 <label class="sidemenu-label hidden" for="sidemenu-69">ç¢åä»ç´¹</label> 1131 <select class="form-control" id="sidemenu-69" onchange="do_mobile_change(this);" title="è«é¸æç¢åä»ç´¹" aria-label="è«é¸æç¢åä»ç´¹"> 1132 <option value="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=6" selected>ç³éå®¶æå¢</option><optgroup label='å´ç³å¯¶åº§'><option value="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=18" >å´ç³å¯¶åº§ > ææºå</option><option value="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=24" >å´ç³å¯¶åº§ > ç¦æ³å</option></optgroup><option value="https://www.jw-san.com.tw/album.php?lang=tw&tb=1&cid=123" >ç妿·¨èè寶å¡</option> </select> 1133
1133<script type="text/javascript"> 1134 function do_mobile_change(obj) { 1135 var val = $(obj).val(); 1136 if( typeof go_album_page == 'function'){ 1137 go_album_page(val); 1138 }else{ 1139 location.href = val 1140 } 1141 } 1142 </script>
1142 1143 </div> 1144 </div> 1145 <div class="pagecontent col-md-9 list2 menu3 " style="padding:0px;" id="album"> 1146 <div class="webdesc">å 人é·ç ï¼å®¶æåå</div> 1147<div class="layoutlist_2"> 1148 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1149 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=18" class="" > 1150 <img src="https://www.jw-san.com.tw/archive/album/1/tw/18/u2301142049301673700570010.jpg" border="0"/> 1151 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢10åªä»¥ä¸</td></tr></table></div> 1152 </a> 1153 </div> 1154 1155 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1156 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=78" class="" > 1157 <img src="https://www.jw-san.com.tw/archive/album/1/tw/78/u2302171157561676606276000.jpg" border="0"/> 1158 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢20åªä»¥ä¸</td></tr></table></div> 1159 </a> 1160 </div> 1161 1162 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1163 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=84" class="" > 1164 <img src="https://www.jw-san.com.tw/archive/album/1/tw/84/u2302171158461676606326638.jpg" border="0"/> 1165 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢30åªä»¥ä¸</td></tr></table></div> 1166 </a> 1167 </div> 1168 1169 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1170 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=96" class="" > 1171 <img src="https://www.jw-san.com.tw/archive/album/1/tw/96/u2302171430041676615404228.jpg" border="0"/> 1172 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢50åªä»¥ä¸</td></tr></table></div> 1173 </a> 1174 </div> 1175 1176 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1177 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=102" class="" > 1178 <img src="https://www.jw-san.com.tw/archive/album/1/tw/102/u2302171430311676615431746.jpg" border="0"/> 1179 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢90åªä»¥ä¸</td></tr></table></div> 1180 </a> 1181 </div> 1182 1183 <div class="album_item col-sm-4 col-md-4 content_box" style="background-size: auto 100%;" jr="test"> 1184 <a href="https://www.jw-san.com.tw/album_d.php?lang=tw&tb=1&id=108" class="" > 1185 <img src="https://www.jw-san.com.tw/archive/album/1/tw/108/u2302171431361676615496924.jpg" border="0"/> 1186 <div class="album_item_subject"><table style="width:100%;"><tr><td style="text-align: center;">å®¶æå¢100åªä»¥ä¸</td></tr></table></div> 1187 </a> 1188 </div> 1189 1190 <div style="clear:both;"></div> 1191</div>
1192<script type="text/javascript"> 1193 function sort_item(){ 1194 if($(window).width() < 780){ 1195 //mobile 1196 $(".album_item").css({'height':'auto'}); 1197 $(".album_item a img").css({'max-height':'auto'}); 1198 }else{ 1199 1200 $(".album_item").css({'height':'510px','overflow':'hidden'}); 1201 $(".album_item a img").css({'max-height':'480px'}); 1202 } 1203 } 1204 $(function(){ 1205 sort_item(); 1206 }); 1207</script>
1207 1208<div style="height:50px;"></div> 1209 1210 <!-- åªæå¨article_då §å®¹é æé¡¯ç¤º hashtagåå¡ --> 1211 1212 1213 <div style="clear:both;" id="pagecontentend"></div> 1214 </div> 1215 </div> 1216 </div> 1217 </section> 1218 <!--END--> 1219 <div class="model RWDeffect02 " id="m_RWDPAGE_BASE_PAT02_14_1" md_id="1" tp_id="14" template_id="RWDPAGE_BASE_PAT02" new_edit="Y"> 1220
1220<script src="https://system49.webtech.com.tw/js/gsap.min.js"></script>
1220 1221
1221<script> 1222 $(document).ready(function(){ 1223 let targetLocal = null; // 宣ååå°ç§»åç®æ¨ç©ä»¶ 1224 1225 1226 const winHeight = window.innerHeight; 1227 function getOffsetTop( elem ){ 1228 let offsetTop = 0; 1229 if(elem){ 1230 do { 1231 if ( !isNaN( elem.offsetTop ) ) 1232 { 1233 offsetTop += elem.offsetTop; 1234 } 1235 } while( elem = elem.offsetParent ); 1236 return offsetTop; 1237 } 1238 } 1239 const m_RWDPAGE_BASE_PAT02_14_1Scroll0 = document.querySelector('#about_image_02'); 1240 let m_RWDPAGE_BASE_PAT02_14_1Scroll0OffsetTop = getOffsetTop(m_RWDPAGE_BASE_PAT02_14_1Scroll0); 1241 // 鲿¢é é¢å°æå ¶ä»ç©ä»¶loadå¤ªä¹ å°è´ç©ä»¶ä½ç½®æè® 1242 setTimeout(function(){ 1243 m_RWDPAGE_BASE_PAT02_14_1Scroll0OffsetTop = getOffsetTop(m_RWDPAGE_BASE_PAT02_14_1Scroll0); 1244 },4000); 1245 if(m_RWDPAGE_BASE_PAT02_14_1Scroll0){ 1246 m_RWDPAGE_BASE_PAT02_14_1Scroll0.style.transition = "transform 0s"; 1247 } 1248 if (m_RWDPAGE_BASE_PAT02_14_1Scroll0) { // 夿·è©²ç©ä»¶æ¯å¦åå¨æè§¸ç¼åç« 1249 $(window).on("scroll",function(){ 1250 let scrollTop = $("html,body").scrollTop(); 1251 let distance = scrollTop + (winHeight/2) - m_RWDPAGE_BASE_PAT02_14_1Scroll0OffsetTop; 1252 const maxDistance = 200; 1253 let gaspY = distance * 0.2; 1254 if(gaspY < -maxDistance){ 1255 gaspY = -maxDistance; 1256 }else if(gaspY > maxDistance){ 1257 gaspY = maxDistance; 1258 } 1259 gsap.to(m_RWDPAGE_BASE_PAT02_14_1Scroll0, { 1260 y: gaspY, 1261 duration: 0.7, 1262 // ease: 'none' 1263 }); 1264 1265 }); 1266 } 1267 const m_RWDPAGE_BASE_PAT02_14_1Scroll1 = document.querySelector('#knowledge_page_image'); 1268 let m_RWDPAGE_BASE_PAT02_14_1Scroll1OffsetTop = getOffsetTop(m_RWDPAGE_BASE_PAT02_14_1Scroll1); 1269 // 鲿¢é é¢å°æå ¶ä»ç©ä»¶loadå¤ªä¹ å°è´ç©ä»¶ä½ç½®æè® 1270 setTimeout(function(){ 1271 m_RWDPAGE_BASE_PAT02_14_1Scroll1OffsetTop = getOffsetTop(m_RWDPAGE_BASE_PAT02_14_1Scroll1); 1272 },4000); 1273 if(m_RWDPAGE_BASE_PAT02_14_1Scroll1){ 1274 m_RWDPAGE_BASE_PAT02_14_1Scroll1.style.transition = "transform 0s"; 1275 } 1276 if (m_RWDPAGE_BASE_PAT02_14_1Scroll1) { // 夿·è©²ç©ä»¶æ¯å¦åå¨æè§¸ç¼åç« 1277 $(window).on("scroll",function(){ 1278 let scrollTop = $("html,body").scrollTop(); 1279 let distance = scrollTop + (winHeight/2) - m_RWDPAGE_BASE_PAT02_14_1Scroll1OffsetTop; 1280 const maxDistance = 200; 1281 let gaspY = distance * 0.2; 1282 if(gaspY < -maxDistance){ 1283 gaspY = -maxDistance; 1284 }else if(gaspY > maxDistance){ 1285 gaspY = maxDistance; 1286 } 1287 gsap.to(m_RWDPAGE_BASE_PAT02_14_1Scroll1, { 1288 y: gaspY, 1289 duration: 0.7, 1290 // ease: 'none' 1291 }); 1292 1293 }); 1294 } 1295 1296 1297 1298 }); 1299 </script>
1299 1300 </div> 1301 <div class="clear"></div> 1302 </div> 1303 <div class="clear"></div> 1304 </section> 1305 <!-- footer load start --> <div class=" footer-block " id="panel_38" page_style="footermain"> 1306 <div class=" panel_3 container " id="panel_39" page_style=""> 1307 <div class=" panel_4 footer-info " id="panel_60" page_style=""> 1308 1309 <div class="model RWDedictor " id="m_RWDfullscreen01_60_1" md_id="1" tp_id="60" template_id="RWDfullscreen01"> 1310 <!--start--> 1311 æ¡è¿é ç´åè§ <!--end--> 1312 <div style="clear:both;"></div> 1313 </div> 1314 1315 <div class="clear"></div> 1316 </div> 1317 <div class=" panel_4 footer-map " id="panel_72" page_style=""> 1318 1319 <div class="model RWDedictor " id="m_RWDfullscreen01_72_1" md_id="1" tp_id="72" template_id="RWDfullscreen01"> 1320 <!--start--> 1321 <div class="ft-top"> 1322<div class="ft-top-left"><img src="https://www.jw-san.com.tw/archive/image/deco.png" /></div> 1323 1324<div class="ft-outter"> 1325<div class="info-child"><span>é ç´å°ç·</span><a href="tel://02-26380558">02-2638-0558</a><br /> 1326<span>æåæé</span>am8:00-pm5:00</div> 1327 1328<div class="info-child"><span>å³Â    ç</span>02-2638-0159<br /> 1329<span>ååå°å</span>æ°åå¸ç³éåèééäºçªå´5-1~3è</div> 1330</div> 1331</div> 1332 1333<div class="ft-top-map"><iframe allowfullscreen="" frameborder="0" loading="lazy" referrerpolicy="no-referrer-when-downgrade" scrolling="no" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3608.3466143962605!2d121.60888731501078!3d25.25892298386753!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442b4c3490a2233%3A0x2e4fa53f9678aaa3!2z6ZW36Z2S5a2d5ZyS6IKh5Lu95pyJ6ZmQ5YWs5Y-4!5e0!3m2!1szh-TW!2stw!4v1669714143595!5m2!1szh-TW!2stw" style="border:0;"></iframe></div> 1334 1335<div class="ft-bottom"> 1336<div class="contact-social"> 1337<div class="social-child"><a href="https://www.facebook.com/Jinhwashan558" target="_blank"><i class="icon ion-social-facebook"></i></a></div> 1338 1339<div class="social-child"><a href="https://lin.ee/nYbRuNP" target="_blank"><i class="ii-line3"></i></a></div> 1340 1341<div class="social-child"><a href="https://reurl.cc/nEW56e" target="_blank"><i class="icon ion-social-youtube"></i></a></div> 1342 1343<div class="social-child"><a href="https://reurl.cc/KpVr69" target="_blank"><i class="icon ion-social-instagram"></i></a></div> 1344</div> 1345 1346<div class="ft-bottom-menu"><a href="eforms.php?lang=tw&tb=2">è¯çµ¡æå</a><a href="article_d.php?lang=tw&tb=6&id=18">é±ç§æ¬æ¿ç</a></div> 1347</div> 1348 <!--end--> 1349 <div style="clear:both;"></div> 1350 </div> 1351 1352 <div class="clear"></div> 1353 </div> 1354 <div class="clear"></div> 1355 </div> 1356 <div class=" panel_3 rights-block " id="panel_76" page_style=""> 1357 <div class=" panel_4 container " id="panel_64" page_style=""> 1358 1359 <div class="model RWDedictor " id="m_RWDfullscreen01_64_1" md_id="1" tp_id="64" template_id="RWDfullscreen01"> 1360 <!--start--> 1361 éè¯å±±é·éååï¼éè¯å±±ï¼å¢åï¼å®¶æå¢ï¼å¯¶å¡ï¼å¡ä½ï¼çå½ç¦®åï¼å海岸å¢åï¼åé¨å¢åæ¨è¦ï¼ä¸è¥¿å¼å¢åï¼åè¬ï¼ç¥ç¥<br /><img src="https://system10.webtech.com.tw/web/201900266/archive/image/RWDfullscreen02541/ssl_lock_-2.png" style="width: 10px;margin-right:5px;margin-bottom: 3px" />å ¨çå é²SSL 256bitå³è¼¸å 坿©å¶<span>ï½</span><br class="visible-xs" /> 1362建è°ä½¿ç¨ChromeãFirefoxãSafariææ°çæ¬ç覽<span>ï½</span><br class="visible-xs" /> 1363Design by WebTech <a href="https://miracle-webtech.com.tw/" target="_blank">ç¶²é è¨è¨</a> <!--end--> 1364 <div style="clear:both;"></div> 1365 </div> 1366 1367 <div class="clear"></div> 1368 </div> 1369 <div class="clear"></div> 1370 </div> 1371 <div class="clear"></div> 1372 </div> 1373 <!-- footer load end --> <div class="clear"></div> 1374 </div> 1375 <div class=" scrolltop-block " id="panel_32" page_style=""> 1376 <div class="model scrollTop002" id="m_RWDPAGE_BASE_PAT02_32_1" md_id="1" tp_id="32" template_id="RWDPAGE_BASE_PAT02" style="position: fixed;"> 1377 <aside class="top_btn" onclick="fn_scrollTop()"> 1378 1379 <i class="ii ii-arrow_b3" ></i>
1380 <span class="txt" ></span> 1381 </aside> 1382
1382<script type="text/javascript"> 1383 function fn_scrollTop(){ 1384 $("html, body").animate({scrollTop:0}, '500', 'swing', function() { }); 1385 } 1386 $(function(){ 1387 ã$(window).load(function(){ 1388 ãã$(window).bind('scroll resize', function(){ 1389 offsetTop = $(window).scrollTop(); 1390 if(offsetTop > 350){ 1391 $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100); 1392 }else{ 1393 $('.scrollTop002').stop().animate({opacity:"0"},300, function () { 1394 // å¨åç«å·è¡å®å¾ï¼å°å ç´ noneæ 1395 $(this).css("display", "none"); 1396 }); 1397 } 1398 ã }); 1399 }); 1400 }); 1401 </script>
1401 1402 <div style="clear:both;"></div> 1403 </div> 1404 <div class="clear"></div> 1405 </div> 1406 <div style="clear:both;"></div> 1407 </div> 1408 1409
1409<script> 1410 $(document).ready(function() { 1411 if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) { 1412 $(".fixiosiframe").each(function(){ 1413 var f = $(this); 1414 f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no'); 1415 var h = f.attr('height'); 1416 var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>'); 1417 $new.insertBefore(f); 1418 $new.prepend(f); 1419 }); 1420 1421 } 1422 }); 1423</script>
1423 1424
1425<script> 1426 1427 $(document).ready(function () { 1428 1429 $(".album_item_subject").css({ 1430 'opacity': 0.5 1431 }); 1432 $(".album_d_item").hover(function () { 1433 $(this).find('.album_item_subject').css({ 1434 'opacity': 0.9 1435 }); 1436 }, function () { 1437 $(this).find('.album_item_subject').css({ 1438 'opacity': 0.5 1439 }); 1440 }); 1441 1442 1443 $(".fancyboxm").fancybox({ 1444 prevEffect: 'none', 1445 nextEffect: 'none', 1446 openEffect: 'fade', 1447 maxWidth: 1280, 1448 mouseWheel: true, 1449 padding: 20, 1450 helpers: { 1451 title: { 1452 type: 'inside' 1453 } 1454 }, 1455 beforeLoad: function () { 1456 var el, 1457 id = $(this.element).data('title-id'); 1458 1459 if (id) { 1460 el = $('#' + id); 1461 if (el.length) { 1462 this.title = el.html(); 1463 } 1464 } 1465 } 1466 }); 1467 }); 1468</script>
1468<!--load external_js-->
1468<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_toggle.js"></script>
1468<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_dropdown.js"></script>
1468<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/ml-stack-nav/ml-stack-nav.min.js"></script>
1468<script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
1468<script src="https://system49.webtech.com.tw/js/pwd_toggle.js"></script>
1468<script src="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
1468<script src="https://system49.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
1468<!--load external_js end--> 1469<!--load footer_js-->
1469<script type="text/javascript" src="https://system49.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
1469<!--load footer_js end--> 1470 1471</body> 1472
1472<script> 1473 const extra_marketing_parames = []; 1474 </script>
1474 1475
1475<script defer type="text/javascript" src="https://system49.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
1475</html> 1476 1477<!--END2-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.