1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" class="index" lang="zh-tw"> 3<link rel="shortcut icon" href=" 4https://system10.webtech.com.tw/web/202000595/SMART4_logo.png"><head> 5 <meta http-equiv="content-language" content="zh-tw"> 6
6<script type="application/ld+json"> 7{"@context":"https:\/\/schema.org","@type":"LocalBusiness","@id":"https:\/\/smart4-3c.com\/#organization","name":"ææé¢¨ææ©ç活館","image":"https:\/\/smart4-3c.com\/archive\/image\/weblogo\/new_logo_thumb_1372_1286.png","logo":"https:\/\/smart4-3c.com\/archive\/image\/weblogo\/new_logo_thumb_1372_1286.png","url":"https:\/\/smart4-3c.com\/"}</script>
vendor: 1 bytes, line 7
7
8<script type="application/ld+json"> 9{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"https:\/\/smart4-3c.com\/#website","url":"https:\/\/smart4-3c.com\/","name":"ææé¢¨ææ©ç活館","inLanguage":"zh-tw","publisher":{"@id":"https:\/\/smart4-3c.com\/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smart4-3c.com\/search.php?lang=tw&searchkey={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
vendor: 1 bytes, line 9
9
10<script type="application/ld+json"> 11{"@context":"https:\/\/schema.org","@type":"WebPage","name":"ææé¢¨ææ©ç活館| å°ä¸èçè³æ©ååå°è³£åº Marshall Bose Devialet B&W Sony","description":"ææé¢¨ææ©ç活館ï¼3Cå¨éå ¨æ¹ä½æåèè¦è½é«é©ï¼èè½è³æ©ãååï¼ææ©ç³è¾¦ãç¶ä¿®ã","url":"https:\/\/www.smart4-3c.com\/","image":"https:\/\/smart4-3c.com\/archive\/image\/header_info\/1608694916.png"}</script>
vendor: 1 bytes, line 11
11
12<script> 13let gtag_inuse = false; 14let gtag_type4 = false; 15let fbq_inuse = false; 16let omnichat_inuse = false; 17</script>
17 18 <!-- auto webmarketing--> 19 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 19-20
19 20 <script async src="https://www.googletagmanager.com/gtag/js?id=
20UA-187190787-1
vendor: 14 bytes, lines 20-21
20"></script> 21
21<script> 22
vendor: 139 bytes, lines 22-25
22window.dataLayer = window.dataLayer || []; 23 function gtag(){dataLayer.push(arguments);} 24 gtag('js', new Date()); 25 gtag('config', '
25UA-187190787-1
vendor: 6 bytes, lines 25-26
25'); 26
26</script>
26 27
27<script>gtag_inuse = true;</script>
27 28 <meta name="google-site-verification" content="5Oa2Kxq0Udju2kwP2fijsIC5ulGghNbUZ-uu5HKNDj4" /> 29<meta name="google-site-verification" content="tveE8f1z9AaMvtEGnDBoTs5AEOGBMYlkjBl15sQvngo" /> 30<meta name="msvalidate.01" content="6A219A0742E4FC276E05446C1DD70A22" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 31<title lang="zh-tw">ææé¢¨ææ©ç活館| å°ä¸èçè³æ©ååå°è³£åº Marshall Bose Devialet B&W Sony</title> 32<meta name="apple-mobile-web-app-capable" content="yes"> 33<meta name="mobile-web-app-capable" content="yes"> 34<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> 35<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 36<!--[if lt IE 9]>
37<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 37
37
38<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
38 39<![endif]--> 40<meta name="keywords" content="èè½åå,èè½è³æ©,ææ©å¨éåå,ææ©ç¶ä¿®,å®¶åºåé¢,é³é¿è¨å,é»ä¿¡éèç³è¾¦,å°ä¸èè½åå,äºæ3Cå°è³£"> 41<meta name="description" content="ææé¢¨ææ©ç活館ï¼3Cå¨éå ¨æ¹ä½æåèè¦è½é«é©ï¼èè½è³æ©ãååï¼ææ©ç³è¾¦ãç¶ä¿®ã"> 42<meta name="author" content="ææé¢¨ææ©" /> 43<meta name="copyright" content="ææé¢¨ææ©" /> 44<meta name="distribution" content="global" /> 45<meta name="rating" content="general" /> 46<meta name="robots" content="index,follow" /> 47<meta property="og:title" content="ææé¢¨ææ©ç活館"/> 48<meta property="og:type" content="website"/> 49<meta property="og:url" content="https://www.smart4-3c.com/"/> 50<meta property="og:description" content="ææé¢¨ææ©ç活館ï¼3Cå¨éå ¨æ¹ä½æåèè¦è½é«é©ï¼èè½è³æ©ãååï¼ææ©ç³è¾¦ãç¶ä¿®ã"/> 51<meta property="og:image" content="https://smart4-3c.com/archive/image/header_info/1608694916.png"/> 52<meta property="og:site_name" content="ææé¢¨ææ©ç活館"/>
53<script> 54var tlang = "tw"; 55</script>
vendor: 1 bytes, line 55
55
56<script src="https://system10.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 56
56
57<script src="https://system10.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
57 58<link rel="canonical" href="https://www.smart4-3c.com/"> 59<link rel="icon" href="https://www.smart4-3c.com/new_logo_thumb_48.png"> 60<link rel="icon" href="https://www.smart4-3c.com/favicon_192.png" type="image/png"> 61<link rel="apple-touch-icon" href="https://www.smart4-3c.com/favicon_180.png"> 62<link rel="stylesheet" href="https://system10.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" /> 63<link rel="stylesheet" href="https://system10.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" /> 64<link rel="stylesheet" href="https://system10.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css"> 65<link rel="stylesheet" href="https://system10.webtech.com.tw/css/bootstrap-min.css?mv=20260914" > 66<!-- load external--> 67<link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.miracle.css?v=1"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.min.css"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/css/pwd_toggle.css"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/font-icons/font-awesome-4.5.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/js-plugin/magnific-popup/magnific-popup.css"><link rel="stylesheet" type="text/css" href="https://system10.webtech.com.tw/js/swiper/swiper.min.css"><!-- end --> 68<link href="https://system10.webtech.com.tw/public/template/RWDfullscreen01/model_css.php?v=20260914&key=cHViX3x8MjAyMDAwNTk1X3x8UldEZnVsbHNjcmVlbjAx" rel="stylesheet" type="text/css" /> 69<!--base css--> 70<!--end--> 71<link href="https://system10.webtech.com.tw/public/template/RWDfullscreen01/index.css?v=20260914" rel="stylesheet" type="text/css" /> 72<link href="https://system10.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/> 73<link href="https://system10.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/> 74<link href="https://system10.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/> 75 <link href="https://system10.webtech.com.tw/lib/page_menu/m2018.css?v=20260914" rel="stylesheet" type="text/css" /> 76 <link rel="stylesheet" href="https://smart4-3c.com/customization_css.php?p=eyJwYWdlIjoiaW5kZXgucGhwIiwidGVtcGxhdGVfaWQiOiJSV0RmdWxsc2NyZWVuMDEiLCJkZXNpZ25lcl9wYWdlaWQiOiJpbmRleCJ9&time=1761128645" type="text/css" /> 77<link rel="stylesheet" href="https://system10.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
78<script type="text/javascript" src="https://system10.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 78
78
79<script type="text/javascript" src="https://system10.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 79
79
80<script src="https://system10.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="https://system10.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 81
81
82<script type="text/javascript" src="https://system10.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 82
82
83<script src="https://system10.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 83
83
84<script src="https://system10.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 84
84
85<script src="https://system10.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 85
85
86<script src="https://system10.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 86
86
87<script src="https://system10.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
87 88<!--[if lt IE 9]>
88<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
88 <![endif]-->
89<script src="https://system10.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
89 90<!-- web font -->
91<script type="text/javascript" src="https://system10.webtech.com.tw/js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script>
vendor: 2 bytes, line 91
91
92<script type="text/javascript" src="https://system10.webtech.com.tw/js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script>
vendor: 2 bytes, line 92
92
93<script type="text/javascript" src="https://system10.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
vendor: 2 bytes, line 93
93
94<script type="text/javascript"> 95 var isMobile = false; 96 var isDesktop = false; 97 $(window).on("load resize",function(e){ 98 //mobile detection 99 if(Modernizr.mq('only all and (max-width: 767px)') ) { 100 isMobile = true; 101 }else{ 102 isMobile = false; 103 } 104 //tablette and mobile detection 105 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 106 isDesktop = false; 107 }else{ 108 isDesktop = true; 109 } 110 }); 111</script>
111<style type="text/css"> 112 .seofootercompany,.seofooterkeyword{font-size:12px;} 113 .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;} 114</style>
115<script>var showtotop = false;</script>
vendor: 1 bytes, line 115
115
116<script src="https://system10.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 116
116
117<script src="https://system10.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 117
117
118<script src="https://system10.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 118
118
119<script type="text/javascript"> 120var isMobile = false; 121var isDesktop = false; 122$(window).on("load resize",function(e){ 123 //mobile detection 124 if(Modernizr.mq('only all and (max-width: 767px)') ) { 125 isMobile = true; 126 }else{ 127 isMobile = false; 128 } 129 //tablette and mobile detection 130 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 131 isDesktop = false; 132 }else{ 133 isDesktop = true; 134 } 135}); 136</script>
136 137
138<script src="https://system10.webtech.com.tw/public/template/RWDfullscreen01/index.js?v=20260914"></script>
138 139 <style type="text/css"> 140 .paneleffect, .paneleffect_v1{opacity: 0;} 141 .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;} 142 </style> 143
143<script type="text/javascript"> 144 145 // ç£è½ç©ä»¶é«åº¦æ¯å¦è®å 146 function onElementHeightChange(elm, callback) { 147 var lastHeight = elm.clientHeight 148 var newHeight; 149 150 (function run() { 151 newHeight = elm.clientHeight; 152 if (lastHeight !== newHeight) callback(); 153 lastHeight = newHeight; 154 155 if (elm.onElementHeightChangeTimer) { 156 clearTimeout(elm.onElementHeightChangeTimer); 157 } 158 159 elm.onElementHeightChangeTimer = setTimeout(run, 200); 160 })(); 161 } 162 163 $(document).ready(function(){ 164 165 166 imagesLoaded( document.querySelector('body'), function( instance ) { 167 $('.paneleffect').each(function(){ 168 if($(this).height() < 200){ 169 $(this).removeClass('paneleffect'); 170 } 171 }); 172 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 173 }); 174 175 // ç£è½bodyé«åº¦è®åæè¦éè·å ¥å ´åç« 176 onElementHeightChange(document.body, function(){ 177 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 178 }); 179 180 181 182 function onScrollInit( items, trigger ) { 183 items.each( function() { 184 var osElement = $(this), 185 osoffset = osElement.attr('data-os-offset'), 186 osAnimationClass = osElement.attr('data-os-animation'), 187 osAnimationDelay = osElement.attr('data-os-animation-delay'); 188 osAnimationDuration = osElement.attr('data-os-animation-duration'); 189 if(typeof(osAnimationClass)=='undefined'){ 190 osAnimationClass = 'fadeInUp'; 191 } 192 if(typeof(osAnimationDelay)=='undefined'){ 193 osAnimationDelay = '0.3s'; 194 } 195 if(typeof(osoffset)=='undefined'){ 196 osoffset = '90%'; 197 } 198 if(typeof(osAnimationDuration)=='undefined'){ 199 osAnimationDuration = '1s'; 200 } 201 202 203 osElement.css({ 204 '-webkit-animation-delay': osAnimationDelay, 205 '-moz-animation-delay': osAnimationDelay, 206 'animation-delay': osAnimationDelay, 207 '-webkit-animation-duration': osAnimationDuration, 208 'animation-duration': osAnimationDuration, 209 210 }); 211 212 var osTrigger = ( trigger ) ? trigger : osElement; 213 214 osTrigger.waypoint(function() { 215 osElement.addClass('animated').addClass(osAnimationClass); 216 },{ 217 triggerOnce: true, 218 offset: osoffset 219 }); 220 }); 221 } 222 }); 223 </script>
vendor: 1 bytes, line 223
223
224<script type="text/javascript"> 225 var ajaxGet = null; 226 var orgwapperh = 0; 227 var nowtop = 0; 228 function fn_openbox(url,parpms){ 229 230 if (ajaxGet != null){ 231 ajaxGet.abort(); 232 } 233 nowtop = $( document ).scrollTop(); 234 $("html,body").scrollTop(0).css({'overflow-x':'hidden'}); 235 $("#loading_mask").css({'width':$(window).width()}).show(); 236 $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'}); 237 238 $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show(); 239 240 ajaxGet = $.ajax({ 241 type: 'post', // 242 url: url, 243 data:parpms, 244 dataType: "html", 245 success: function(datahtml) { 246 $('#boxcontent').html(datahtml); 247 $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'}); 248 $('#openbox').stop().animate({'left':0}, 800,function(){ 249 $("#loading_mask").hide(); 250 $('.wapper .panel').hide(0); 251 }); 252 var images=$('#editor img'); 253 var link = null; 254 var imgLen=images.length; 255 for(var i=0;i<imgLen;i++){ 256 if (images[i].parentNode.tagName.toLowerCase() != 'a'){ 257 images[i].style.cursor="pointer"; 258 link = document.createElement("a"); 259 link.href = images[i].src; 260 $(link).addClass('fancybox').attr("rel","group"); 261 //客æ¶èªå·±å¡«çåçèªªææ¯æä½æç¤ºæ´æ SEO å¹å¼ï¼åæ¬ææ¿ä»£æåå°±ä¸è¦èï¼ 262 //title è¬çæ¯ãéå¼µåå¯ä»¥é»éãéåæä½ãèåçå §å®¹ç¡éï¼æä»¥ä¸å¾è¦è 263 if(images[i].alt == ''){ 264 images[i].alt='黿æ¾å¤§'; 265 } 266 images[i].title='黿æ¾å¤§'; 267 link.target="_blank"; 268 images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i]) 269 } 270 } 271 $("#editor .fancybox").fancybox({ 272 'hideOnContentClick': true 273 }); 274 275 }, 276 error:function (xhr, ajaxOptions, thrownError){ 277 fn_close_box(); 278 $("body").append(xhr.status); 279 $("body").append(xhr.responseText ); 280 //alert(thrownError); 281 } 282 }); 283 } 284 285 function fn_close_box(){ 286 $('.wapper .panel').show(0); 287 $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){ 288 $( document ).scrollTop(nowtop).css({'overflow-x':'auto'}); 289 $('#boxcontent').html('').hide(); 290 $('#openbox').hide(); 291 $("#loading_mask").hide(); 292 }); 293 } 294</script>
vendor: 1 bytes, line 294
294
295<script type="text/javascript"> 296 $(document).ready(function(){ 297 $(".fancybox.youtube").click(function() { 298 $.fancybox({ 299 'padding' : 0, 300 'autoScale' : false, 301 'transitionIn' : 'none', 302 'transitionOut' : 'none', 303 'title' : this.title, 304 'width' : 640, 305 'height' : 385, 306 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 307 'type' : 'swf', 308 'swf' : { 309 'wmode' : 'transparent', 310 'allowfullscreen' : 'true' 311 } 312 }); 313 return false; 314 }); 315 $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); 316 }); 317</script>
317 318<style> 319.error{color:red;} 320</style> 321 <!-- auto webmarketing--> 322 <!-- Facebook Pixel Code --> 323
323<script>
vendor: 441 bytes, lines 323-332
323 324 !function(f,b,e,v,n,t,s) 325 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 326 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 327 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 328 n.queue=[];t=b.createElement(e);t.async=!0; 329 t.src=v;s=b.getElementsByTagName(e)[0]; 330 s.parentNode.insertBefore(t,s)}(window, document,'script', 331 'https://connect.facebook.net/en_US/fbevents.js'); 332 fbq('init', '
332219872161839269
vendor: 40 bytes, lines 332-334
332'); 333 fbq('track', 'PageView'); 334
334</script>
334 335 <noscript><img height="1" width="1" style="display:none" 336 src="https://www.facebook.com/tr?id=219872161839269&ev=PageView&noscript=1" 337 /></noscript> 338 <!-- End Facebook Pixel Code --> 339
339<script>fbq_inuse = true;</script>
339 340 <!-- auto webmarketing--> 341 <!-- Google Tag Manager --> 342
342<script>
vendor: 335 bytes, lines 342-346
342(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 343 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 344 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 345 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 346 })(window,document,'script','dataLayer','
346GTM-PPWXZHX
vendor: 3 bytes, line 346
346');
346</script>
346 347 <!-- End Google Tag Manager --> 348 </head> 349<link rel="preconnect" href="https://fonts.gstatic.com"> 350<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap" rel="stylesheet"> 351
352<script> 353 $(window).scroll(function() { 354 var scroll = $(window).scrollTop(); 355 if (scroll >= 100) { 356 $(".fix_button").addClass("fix_button-show"); 357 $(".fix_social").addClass("fix_social-show"); 358 } else { 359 $(".fix_button").removeClass("fix_button-show"); 360 $(".fix_social").removeClass("fix_social-show"); 361 } 362 }); 363 </script>
363 364<body domain_is_safe="no" class="wrapper_bg lang_tw" attr-type="smart4-3c.com" attr-type2="www.smart4-3c.com" attr-trans="Y" RID="" nowPath="index.php"> 365 <!-- auto webmarketing--> 366 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 366-367
366 367 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
367GTM-PPWXZHX
vendor: 87 bytes, lines 367-369
367" 368 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 369
369<!-- End Google Tag Manager (noscript) --> 370 <div id="openbox"> 371 <div id="boxcontent"> 372 </div> 373</div> 374 <div id="RWDfullscreen01" class="template_panel_first localscroll web_202000595"> 375 <div class=" preloader " id="panel_42" page_style=""> 376 <style type="text/css"> 377 .template_panel_first{display:none;} 378 379 </style> 380 <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"> 381 <img style="width:0px;height:0px" src="https://smart4-3c.com/archive/image/index/new_logo_thumb_1328_1203_300_300.png?v=33736" alt=""/> 382
382<script> 383 $( document ).ready(function() { 384 $(".template_panel_first").show(); 385 $("#m_RWDfullscreen01_42_1").fakeLoader({ 386 zIndex:199999, 387 timeToHide:700, 388 bgColor:"#fff", 389 imagePath:"https://smart4-3c.com/archive/image/index/new_logo_thumb_1328_1203_300_300.png?v=33736" 390 }); 391 }); 392 </script>
392 393 <div style="clear:both;"></div> 394 </div> 395 <div class="clear"></div> 396 </div> 397 <div class=" menu " id="panel_1" page_style="headermain"> 398 <!--âscrollbarå¥ä»¶ cssâ--> 399 <div class="model RWDmenu_plus04" id="m_RWDfullscreen01_1_1" md_id="1" tp_id="1" template_id="RWDfullscreen01" new_edit="Y"> 400 <header class="header" > 401 <div class="header-in"> 402 <div class="logo"> 403 <a href="https://smart4-3c.com/" aria-label="Logo"> 404 <img class="img-responsive" src="https://smart4-3c.com/archive/image/weblogo/new_logo_thumb_1372_1286.png" alt="ææé¢¨ææ©ç活館"> 405 </a> 406 </div> 407 408 <nav class="site-nav"> 409 <div class="container"> 410 <ul class="menu"> 411 <li level='1' org_link='article.php?lang=tw&tb=3' showsize=''class=' hidden1199 ' ><a href='https://smart4-3c.com/article.php?lang=tw&tb=3' aria-label='åçç念' >åçç念</a></li><li class='dropdown ' data-drop='#dropdown_product1' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&ot=all' >ç·ä¸åå</a></li><li level='1' org_link='article.php?lang=tw&tb=2' showsize=''class=' ' ><a href='https://smart4-3c.com/article.php?lang=tw&tb=2' aria-label='å°æ¥ç¨å®¶ç¶ä¿®' >å°æ¥ç¨å®¶ç¶ä¿®</a></li><li level='1' org_link='product.php?lang=tw&tb=3' showsize='4'class=' ' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=3' aria-label='äºææ©æ¶è³¼' >äºææ©æ¶è³¼</a></li><li level='1' org_link='article.php?lang=tw&tb=1' showsize='4'class=' ' ><a href='https://smart4-3c.com/article.php?lang=tw&tb=1' aria-label='é»ä¿¡æå' >é»ä¿¡æå</a></li><li level='1' org_link='article.php?lang=tw&tb=4' showsize=''class=' ' ><a href='https://smart4-3c.com/article.php?lang=tw&tb=4' aria-label='ååºæé»' >ååºæé»</a></li><li level='1' org_link='article.php?lang=tw&tb=5' showsize=''class=' ' ><a href='https://smart4-3c.com/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://smart4-3c.com/article.php?lang=tw&tb=6' aria-label='éæè²¨æ¿ç' >éæè²¨æ¿ç</a></li><li level='1' org_link='eforms.php?lang=tw&tb=2' showsize=''class=' ' ><a href='https://smart4-3c.com/eforms.php?lang=tw&tb=2' aria-label='ä¿åºç»é' >ä¿åºç»é</a></li> </ul> 412 </div> 413 <div id='dropdown_product1' class='dropdown-menu SP' style='min-height:260px'><div class='container clearfix'><ul class='manu-item-box'><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=62' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT161111.jpg' aria-label='èçè³æ©'>èçè³æ©</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=164' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1610354666.jpg' aria-label='ææè³æ©'>ææè³æ©</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=875' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1688555202655.jpg' aria-label='Appleï½ç¾å'>Appleï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=122' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919306_thumb_600_300.png' aria-label='Marshallï½è±å'>Marshallï½è±å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=158' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609914812_thumb_600_271.png' aria-label='B&Oï½ä¸¹éº¥'>B&Oï½ä¸¹éº¥</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=146' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919327_thumb_600_298.png' aria-label='Boseï½ç¾å
413'>Boseï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=140' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609914245_thumb_600_275.png' aria-label='B&Wï½è±å'>B&Wï½è±å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=134' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1610353035.png' aria-label='JBLï½ç¾å'>JBLï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=188' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919446_thumb_600_291.png' aria-label='Sennheiserï½å¾·å'>Sennheiserï½å¾·å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=194' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919471_thumb_600_300.png' aria-label='Audio-Technicaéµä¸è§ï½æ¥æ¬'>Audio-Technicaéµä¸è§ï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=547' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/LOGO.jpg' aria-label='beyerdynamicï½å¾·å'>beyerdynamicï½å¾·å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=152' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919375_thumb_600_295.png' aria-label='Sudioï½çå
¸'>Sudioï½çå
¸</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=648' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1737372277064.jpg' aria-label='finalï½æ¥æ¬'>finalï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=182' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919400_thumb_600_296.png' aria-label='Jlabï½ç¾å'>Jlabï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=206' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919524_thumb_600_298.png' aria-label='McGeeï½å¾·å'>McGeeï½å¾·å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=481' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1610873740.jpg' aria-label='SoundPeatsï½ç¾å'>SoundPeatsï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=493' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1611555818.jpg' aria-label='Cleerï½ç¾å'>Cleerï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=563' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1662009650.png' aria-label='Soundcoreï½ç¾å'>Soundcoreï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=517' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1612169492.jpg' aria-label='Xroundï½å°ç£'>Xroundï½å°ç£</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=590' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/AG.png' aria-label='Agï½æ¥æ¬'>Agï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=881' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1690435400774.jpg' aria-label='Sonyï½æ¥æ¬'>Sonyï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=505' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_OTHER.jpg' aria-label='å
¶ä»åç'>å
¶ä»åç</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=68' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT151111.jpg' aria-label='ååé³é¿'>ååé³é¿</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=212' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1610354755.jpg' aria-label='ææé³é¿'>ææé³é¿</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=218' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1610352084.png' aria-label='Marshallï½è±å'>Marshallï½è±å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=224' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609916092_thumb_600_291.png' aria-label='JBLï½ç¾å'>JBLï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=230' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609916118_thumb_600_250.png' aria-label='B&Wï½è±å'>B&Wï½è±å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=236' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919182_thumb_600_299.png' aria-label='Boseï½ç¾å
413'>Boseï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=242' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609916159_thumb_600_286.png' aria-label='B&Oï½ä¸¹éº¥'>B&Oï½ä¸¹éº¥</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=248' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609916395_thumb_600_286.png' aria-label='Vifaï½ä¸¹éº¥'>Vifaï½ä¸¹éº¥</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=905' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919446_thumb_600_291.png' aria-label='Sennheiserï½å¾·å'>Sennheiserï½å¾·å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=260' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1557397028010.jpg' aria-label='KEFï½è±å'>KEFï½è±å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=266' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609919234_thumb_600_296.png' aria-label='Harman Kardonï½ç¾å'>Harman Kardonï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1040' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1710927290232.png' aria-label='Klipschï½ç¾å'>Klipschï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=278' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609917411_thumb_600_265.png' aria-label='Fenderï½ç¾å'>Fenderï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=541' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1613636390.jpg' aria-label='Ultimate Earsï½ç¾å'>Ultimate Earsï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=575' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1662010791.png' aria-label='Soundcoreï½ç¾å'>Soundcoreï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=909' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1690789675888.jpg' aria-label='Aiwaï½æ¥æ¬'>Aiwaï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=254' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1609916617_thumb_600_293.png' aria-label='Divoomï½é¦æ¸¯'>Divoomï½é¦æ¸¯</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1050' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1711358280190.png' aria-label='Edifier漫æ¥è
'>Edifier漫æ¥è
</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=290' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_OTHER.jpg' aria-label='å
¶ä»åç'>å
¶ä»åç</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=738' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_FLY.jpg' aria-label='ç¹æ å°å'>ç¹æ å°å</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=762' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT.jpg' aria-label='ææç¹æ åå'>ææç¹æ åå</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1156' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/7-221106220151922.png' aria-label='Edifier 漫æ¥è
'>Edifier 漫æ¥è
</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=780' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1669099022.png' aria-label='JBLï½ç¾å'>JBLï½ç¾å</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=768' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1669099508.png' aria-label='Panasonicï½æ¥æ¬'>Panasonicï½æ¥æ¬</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=798' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1669099521.png' aria-label='AVIOTï½æ¥æ¬'>AVIOTï½æ¥æ¬</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=8' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT191111.jpg' aria-label='ææ©å¨é'>ææ©å¨é</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=50' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT171111.jpg' aria-label='ææææ©å¨é'>ææææ©å¨é</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=80' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT181111.jpg' aria-label='ææ©ä¿è·æ®¼'>ææ©ä¿è·æ®¼</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=86' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_CHARGER.jpg' aria-label='å
é»é
ä»¶'>å
é»é
ä»¶</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=98' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-02.jpg' aria-label='è¡å黿º'>è¡å黿º</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=404' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_OTHER.jpg' aria-label='å
¶ä»ç¸éå¨é'>å
¶ä»ç¸éå¨é</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=74' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_OTHER.jpg' aria-label='å
¶ä»ç¢å'>å
¶ä»ç¢å</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1166' url='' aria-label='COFO 工叿¡/æ¤
/é
ä»¶'>COFO 工叿¡/æ¤
/é
ä»¶</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=433' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT1101111.jpg' aria-label='麥å
風'>麥å
風</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1099' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-03.jpg' aria-label='Bose 太é½ç¼é¡'>Bose 太é½ç¼é¡</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1104' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1761795469689.jpg' aria-label='XGIMI æºæ
§æå½±æ©'>XGIMI æºæ
§æå½±æ©</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1136' url='' aria-label='Dangbei æå½±æ©'>Dangbei æå½±æ©</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1089' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-05.jpg' aria-label='æé¢¨VIP'>
413æé¢¨VIP</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1094' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-06.jpg' aria-label='æé¢¨å°æ¥èª²ç¨'>æé¢¨å°æ¥èª²ç¨</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1079' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-07.jpg' aria-label='æ½®æµç©å ·'>æ½®æµç©å ·</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=416' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_OTHER.jpg' aria-label='å ¶ä»'>å ¶ä»</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1108' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/1761793391263.jpg' aria-label='äºæå°å'>äºæå°å</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1146' url='' aria-label='ææäºæåå'>ææäºæåå</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1113' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-09.jpg' aria-label='ææ©'>ææ©</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1128' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-08.jpg' aria-label='èçè³æ©'>èçè³æ©</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1118' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-11.jpg' aria-label='é³é¿ãåå'>é³é¿ãåå</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1123' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-10.jpg' aria-label='å¹³æ¿'>å¹³æ¿</a></li><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1133' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/icon-12.jpg' aria-label='å ¶ä»'>å ¶ä»</a></li></ul></li><li class='manu-item' level='2' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=20' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT171111.jpg' aria-label='ææåå'>ææåå</a><ul><li class='' level='3' showsize='3' ><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=398' url='https://smart4-3c.com/archive/image/product1/images/layoutlist/ICON_ALLPRODUCT.jpg' aria-label='ææåå'>ææåå</a></li></ul></li></ul></div></div> </nav> 414 415 <!--âé¸å®ééâ--> 416 <a href="#ml-stack-nav-1" class="ml-stack-nav-toggle" title="menu toggle the navigation" aria-label="menu toggle the navigation"> 417 <i>MENU</i> 418 <span class="ml-stack-nav-toggle__line"></span> 419 <span class="ml-stack-nav-toggle__line"></span> 420 <span class="ml-stack-nav-toggle__line"></span> 421 </a> 422 423 <!--âåè½åâ--> 424 <div class="features"> 425 <!--âèªç³»â--> 426 <!--â社群â--> 427 428 429 <div class="cart-btn menu-plus04-cart-btn" id="m_RWDfullscreen01_1_1_cart_btn"> 430 <!--20200818 æ°å¢iconé¸é æ¿æä¸æ¹ i ç class å³å¯--> 431 <!--é¸é ä¸(é è¨):'glyphicon glyphicon-shopping-cart',é¸é äº:'ii ii-bag2',èªè¨(ä¸å³åç)--> 432 <i class="glyphicon glyphicon-shopping-cart"> 433 </i> 434 <span class="cart-nu">(<span id="m_RWDfullscreen01_1_1_cat_total_qty">0</span>)</span> 435 </div> 436 437 <div class="cart-btn" id="m_RWDfullscreen01_1_1_querycar_btn"> 438 <!--20200818 æ°å¢iconé¸é æ¿æä¸æ¹ i ç class å³å¯--> 439 <!--é¸é ä¸(é è¨):'glyphicon glyphicon-shopping-cart',é¸é äº:'ii ii-bag2',é¸é ä¸:'ii ii-query1',èªè¨(ä¸å³åç)--> 440 <i class="ii ii-query1"> 441 </i>
442 <span class="cart-nu">(<span id="m_RWDfullscreen01_1_1_querycar_total_qty">0</span>)</span> 443 </div> 444 445 <div class="member-btn"> 446 <!--20200818 æ°å¢iconé¸é æ¿æä¸æ¹ i ç class å³å¯--> 447 <!--é¸é ä¸(é è¨):'glyphicon glyphicon-user',é¸é äº:'ii ii-people2',èªè¨(ä¸å³åç)--> 448 <i class="glyphicon glyphicon-user"> 449 </i> 450 </div> 451 <div class="search-btn" tabindex="0" role="button" aria-label="æå°"> 452 <i class="glyphicon glyphicon-search" aria-hidden="true"> 453 </i> 454 </div> 455 <div class="edit"> 456 <div class="tel-q"><a href="tel:04-2328-9908" target="_blank">å ç/åé¡è«®è©¢<br /> 45704-2328-9908</a></div> 458 </div> 459 <div class="clearfix"></div> 460 </div> 461 <div id="search-box" class="full" style="background-color:rgba(0,0,0,0.8)"> 462 <button type="button" class="search-close-full" onclick="search_close_full()" aria-label="åæ¶"></button> 463 <div class="search-in"> 464 <div class="btn-box"> 465 <button type="button" name="search" class="ibtn search" onclick="do_top_search()" aria-label="GO"><i class="ii ii-search1"></i></button> 466 <button type="button" name="close search" class="ibtn close-btn" aria-label="åæ¶"><i class="ii ii-close1"></i></button> 467 </div> 468 <input id="search_box_text" type="text" placeholder="è«è¼¸å ¥ééµå" title="è«è¼¸å ¥ééµå" class="form-control"> 469 </div> 470 </div> 471 </div> 472 </header> 473 474 475 <!--â è¡åçâ --> 476 <div id="mobile-menu"> 477 <div class="menu-icon close-btn">CLOSE</div> 478 <!--âè¡åé¸å®â--> 479 <div class="main-menu"> 480 <ul class="menu"> 481 <li class='can-link hidden1199' level='1' showsize=''><a href='https://smart4-3c.com/article.php?lang=tw&tb=3' aria-label='åçç念' >åçç念</a></li><li class='can-link ' level='1' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&ot=all' aria-label='ç·ä¸åå' >ç·ä¸åå</a><ul><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=62' aria-label='èçè³æ©' >èçè³æ©</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=164' aria-label='ææè³æ©' >ææè³æ©</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=875' aria-label='Appleï½ç¾å' >Appleï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=122' aria-label='Marshallï½è±å' >Marshallï½è±å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=158' aria-label='B&Oï½ä¸¹éº¥' >B&Oï½ä¸¹éº¥</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=146' aria-label='Boseï½ç¾å' >Boseï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=140' aria-label='B&Wï½è±å' >B&Wï½è±å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=134' aria-label='JBLï½ç¾å' >JBLï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=188' aria-label='Sennheiserï½å¾·å' >Sennheiserï½å¾·å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=194' aria-label='Audio-Technicaéµä¸è§ï½æ¥æ¬' >Audio-Technicaéµä¸è§ï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=547' aria-label='beyerdynamicï½å¾·å' >beyerdynamicï½å¾·å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=152' aria-label='Sudioï½çå ¸' >Sudioï½çå ¸</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=648' aria-label='finalï½æ¥æ¬' >finalï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=182' aria-label='Jlabï½ç¾å' >Jlabï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=206' aria-label='McGeeï½å¾·å' >McGeeï½å¾·å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=481' aria-label='SoundPeatsï½ç¾å' >SoundPeatsï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=493' aria-label='Cleerï½ç¾å
481' >Cleerï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=563' aria-label='Soundcoreï½ç¾å' >Soundcoreï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=517' aria-label='Xroundï½å°ç£' >Xroundï½å°ç£</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=590' aria-label='Agï½æ¥æ¬' >Agï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=881' aria-label='Sonyï½æ¥æ¬' >Sonyï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=505' aria-label='å
¶ä»åç' >å
¶ä»åç</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=68' aria-label='ååé³é¿' >ååé³é¿</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=212' aria-label='ææé³é¿' >ææé³é¿</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=218' aria-label='Marshallï½è±å' >Marshallï½è±å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=224' aria-label='JBLï½ç¾å' >JBLï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=230' aria-label='B&Wï½è±å' >B&Wï½è±å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=236' aria-label='Boseï½ç¾å' >Boseï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=242' aria-label='B&Oï½ä¸¹éº¥' >B&Oï½ä¸¹éº¥</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=248' aria-label='Vifaï½ä¸¹éº¥' >Vifaï½ä¸¹éº¥</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=905' aria-label='Sennheiserï½å¾·å' >Sennheiserï½å¾·å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=260' aria-label='KEFï½è±å' >KEFï½è±å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=266' aria-label='Harman Kardonï½ç¾å' >Harman Kardonï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1040' aria-label='Klipschï½ç¾å' >Klipschï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=278' aria-label='Fenderï½ç¾å' >Fenderï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=541' aria-label='Ultimate Earsï½ç¾å' >Ultimate Earsï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=575' aria-label='Soundcoreï½ç¾å' >Soundcoreï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=909' aria-label='Aiwaï½æ¥æ¬' >Aiwaï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=254' aria-label='Divoomï½é¦æ¸¯' >Divoomï½é¦æ¸¯</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1050' aria-label='Edifier漫æ¥è
' >Edifier漫æ¥è
</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=290' aria-label='å
¶ä»åç' >å
¶ä»åç</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=738' aria-label='ç¹æ å°å' >ç¹æ å°å</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=762' aria-label='ææç¹æ åå' >ææç¹æ åå</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1156' aria-label='Edifier 漫æ¥è
' >Edifier 漫æ¥è
</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=780' aria-label='JBLï½ç¾å' >JBLï½ç¾å</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=768' aria-label='Panasonicï½æ¥æ¬' >Panasonicï½æ¥æ¬</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=798' aria-label='AVIOTï½æ¥æ¬' >AVIOTï½æ¥æ¬</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=8' aria-label='ææ©å¨é' >ææ©å¨é</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=50' aria-label='ææææ©å¨é' >ææææ©å¨é</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=80' aria-label='ææ©ä¿è·æ®¼' >ææ©ä¿è·æ®¼</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=86' aria-label='å
é»é
ä»¶' >å
é»é
ä»¶</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=98' aria-label='è¡å黿º' >è¡å黿º</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=404' aria-label='å
¶ä»ç¸éå¨é' >å
¶ä»ç¸éå¨é</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=74' aria-label='å
¶ä»ç¢å' >å
¶ä»ç¢å</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1166' aria-label='COFO 工叿¡/æ¤
/é
ä»¶' >COFO 工叿¡/æ¤
/é
ä»¶</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=433' aria-label='麥å
風' >麥å
風</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1099' aria-label='Bose 太é½ç¼é¡' >Bose 太é½ç¼é¡</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1104' aria-label='XGIMI æºæ
§æå½±æ©' >XGIMI æºæ
§æå½±æ©</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1136' aria-label='Dangbei æå½±æ©' >Dangbei æå½±æ©</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1089' aria-label='æé¢¨VIP' >
481æé¢¨VIP</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1094' aria-label='æé¢¨å°æ¥èª²ç¨' >æé¢¨å°æ¥èª²ç¨</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1079' aria-label='æ½®æµç©å ·' >æ½®æµç©å ·</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=416' aria-label='å ¶ä»' >å ¶ä»</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1108' aria-label='äºæå°å' >äºæå°å</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1146' aria-label='ææäºæåå' >ææäºæåå</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1113' aria-label='ææ©' >ææ©</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1128' aria-label='èçè³æ©' >èçè³æ©</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1118' aria-label='é³é¿ãåå' >é³é¿ãåå</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1123' aria-label='å¹³æ¿' >å¹³æ¿</a></li><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=1133' aria-label='å ¶ä»' >å ¶ä»</a></li></ul></li><li class='can-link ' level='2' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=20' aria-label='ææåå' >ææåå</a><ul><li class='can-link ' level='3' showsize='3'><a href='https://smart4-3c.com/product.php?lang=tw&tb=1&cid=398' aria-label='ææåå' >ææåå</a></li></ul></li></ul></li><li class='can-link ' level='1' showsize=''><a href='https://smart4-3c.com/article.php?lang=tw&tb=2' aria-label='å°æ¥ç¨å®¶ç¶ä¿®' >å°æ¥ç¨å®¶ç¶ä¿®</a></li><li class='can-link ' level='1' showsize='4'><a href='https://smart4-3c.com/product.php?lang=tw&tb=3' aria-label='äºææ©æ¶è³¼' >äºææ©æ¶è³¼</a></li><li class='can-link ' level='1' showsize='4'><a href='https://smart4-3c.com/article.php?lang=tw&tb=1' aria-label='é»ä¿¡æå' >é»ä¿¡æå</a></li><li class='can-link ' level='1' showsize=''><a href='https://smart4-3c.com/article.php?lang=tw&tb=4' aria-label='ååºæé»' >ååºæé»</a></li><li class='can-link ' level='1' showsize=''><a href='https://smart4-3c.com/article.php?lang=tw&tb=5' aria-label='å çè³è¨' >å çè³è¨</a></li><li class='can-link ' level='1' showsize=''><a href='https://smart4-3c.com/article.php?lang=tw&tb=6' aria-label='éæè²¨æ¿ç' >éæè²¨æ¿ç</a></li><li class='can-link ' level='1' showsize=''><a href='https://smart4-3c.com/eforms.php?lang=tw&tb=2' aria-label='ä¿åºç»é' >ä¿åºç»é</a></li> </ul> 482 <div class="phone-menubelow"> 483 </div> 484 <!--âcopyright å¾å°å¯è¼¸å ¥æåâ--> 485 </div> 486 </div> 487 488 <div class="overlay"></div> 489 <!-- è³¼ç©è» --> 490 <div class="cart-block modelshoppingcar "> 491 <h3 class="cart-block-headline">è³¼ç©æ¸ å®(<span id="m_RWDfullscreen01_1_1_cat_total_qty_in">0</span>)</h3> 492 <div class="close">CLOSE</div> 493 <div class="clearfix"></div> 494 <ul class="inside" id="m_RWDfullscreen01_1_1_car_ul"> 495 496 </ul> 497 <div class="bottom-box" id="m_RWDfullscreen01_1_1_bottom_box"> 498 <div class="total">å°è¨ï¼<span> - </span></div> 499 <a class="pay-btn" href="https://smart4-3c.com/shopping.php?lang=tw" aria-label="åå¾çµå¸³">åå¾çµå¸³</a> 500 <div class="clearfix"></div> 501 </div> 502 </div> 503 504 <!-- è©¢åè» --> 505 <div class="querycar-block modelquerycar "> 506 <h3 class="querycar-block-headline">è©¢åæ¸ å®(<span id="m_RWDfullscreen01_1_1_querycar_total_qty_in">0</span>)</h3> 507 <div class="close">CLOSE</div> 508 <div class="clearfix"></div> 509 <ul class="inside" id="m_RWDfullscreen01_1_1_querycar_ul"> 510 511 </ul> 512 <div class="bottom-box" id="m_RWDfullscreen01_1_1_bottom_box"> 513 <a class="pay-btn" href="https://smart4-3c.com/querycar.php?lang=tw" aria-label="åå¾è©¢å">åå¾è©¢å</a> 514 <div class="clearfix"></div> 515 </div> 516 </div> 517 518 <!-- æå¡ä»é¢ --> 519 <div class="member-block"> 520 521 <div class="member-close-btn">CLOSE</div> 522 <div class="clearfix"></div> 523 <!-- æªç»å ¥--> 524 <div> 525 <form id="login_form_menu"> 526 <input type="hidden" name="type" value="memberLogin"> 527 <input type="hidden" name="lang" value="tw"> 528 <h3 class="login-headline">æå¡ç»å ¥</h3> 529 <div class="form-area"> 530 <div class="group"> 531 <label for="login_account_menu">帳ãè</label> 532 <input type="text" name="login_account" id="login_account_menu" placeholder="è¼¸å ¥æ¨çE-mail"> 533 </div> 534 <div class="group"> 535 <label for="login_pwd_menu">å¯ã碼</label> 536 <input type="password" name="login_pwd" id="login_pwd_menu" class="js-pwd-toggle" placeholder="è¼¸å ¥æ¨çå¯ç¢¼" data-toggle-label="顯示å¯ç¢¼"> 537 </div> 538 <div class="group v-code"> 539 <label for="login_verifycode_mune">é©è碼</label> 540 <input type="number" name="login_verifycode" placeholder="" id="login_verifycode_mune" maxlength="5" min="1" max="99999" autocomplete="off"> 541 <img src="https://smart4-3c.com/include/imgcheck.php?type=memberlogin&w=95&h=36" class="verifyimg" alt="é©è碼" title="éæ´é©è碼"> 542 <button type="button" class="refreshPrevImg" aria-label="éæ´é©è碼" ><i class="fa fa-refresh" aria-hidden="true"></i></button> 543 </div> 544 </div> 545 546 <a class="login is-on" id="btn_member_login_menu">ç»ãå ¥</a> 547 548 <a class="signin" href="https://smart4-3c.com/member_join.php?lang=tw" aria-label="å å ¥æå¡">å å ¥æå¡</a> 549 550 551 <div class="other"> 552 <a class="fogot" id="m_RWDfullscreen01_1_1btn_forget_form" href="#m_RWDfullscreen01_1_1forget_form" aria-label="å¿è¨å¯ç¢¼">å¿è¨å¯ç¢¼</a>
553 <span class="sub_line">|</span> 554 <a class="resend" id="m_RWDfullscreen01_1_1btn_reverify_form" href="#m_RWDfullscreen01_1_1reverify_form" aria-label="éç¼èªèä¿¡">éç¼èªèä¿¡</a> 555 </div> 556 557 <div class="login-with btnfb style_1" onclick="fn_loginbyFB();"> 558 <span class="ii-fb1"></span><span>facebook帳èç»å ¥</span> 559 </div> 560
560<script type="text/javascript"> 561 function FB_statusChangeCallback(response) { 562 if (response.status === 'connected') { 563 var accessToken = response.authResponse.accessToken; //åå¾ access_token 564 FB.api('/me', function (response) { 565 // top.location.href = 'include/member_fbprocess.php?lang=tw?token=' + accessToken; 566 var qdata = {}; 567 qdata.token = accessToken; 568 569 var xhr = $.ajax({ 570 type: "POST", 571 data: qdata, 572 url: "include/member_fbprocess.php?lang=tw", 573 dataType: "html", 574 success: function(msg){ 575 if(msg=='SUCCESS'){ 576 577 fn_login_success(); 578 579 }else if(msg=='NEWMEMBER'){ 580 location.href='https://smart4-3c.com/member_complete.php?lang=tw&type=login'; 581 }else{ 582 alert(msg); 583 } 584 } 585 }); 586 587 }); 588 } 589 } 590 591 window.fbAsyncInit = function() { 592 // console.log('fbAsyncInit'); 593 FB.init({ 594 appId : "827070164537085", 595 cookie : true, 596 xfbml : true, 597 version : 'v2.4' 598 }); 599 }; 600 function fn_loginbyFB() { 601 FB.login(function(response) 602 { 603 FB_statusChangeCallback(response); 604 }, {scope: 'public_profile,email'}); 605 } 606 (function(d, s, id){ 607 var js, fjs = d.getElementsByTagName(s)[0]; 608 if (d.getElementById(id)) {return;} 609 js = d.createElement(s); js.id = id; 610 js.src = "//connect.facebook.net/zh_TW/all.js"; 611 fjs.parentNode.insertBefore(js, fjs); 612 }(document, 'script', 'facebook-jssdk')); 613 </script>
613 614
614<script> 615 function fn_login_success(){ 616 $('#waitmsg').show(); 617 location.href="?lang=tw"; 618 } 619 </script>
619 620 </form> 621 622 </div> 623 </div> 624 <!-- å¿è¨å¯ç¢¼ --> 625 <div style="display:none"> 626 <form id="m_RWDfullscreen01_1_1forget_form"> 627 <input type="hidden" name="type" value="memberForgetPWD"> 628 <input type="hidden" name="lang" value="tw"> 629 <div id="div_forget_area"> 630 <div id="div_forget_content" class="m_RWDfullscreen01_1_1div_forget_content"> 631 <div style="position:relative;"> 632 <div class="subject">å¿è¨å¯ç¢¼</div> 633 </div> 634 <div class="div-table" id="forget_table"> 635 <div class="tr"> 636 <div class="th">帳ãè</div><div class="td"><input type="text" name="forget_account" id="m_RWDfullscreen01_1_1forget_account" class="forget_account" placeholder="è¼¸å ¥æ¨çE-mail"></div> 637 </div> 638 <div class="tr"> 639 <div class="th">é©è碼</div><div class="td"><div class="div-table"><div class="td"><input type="text" name="forget_verifycode" id="m_RWDfullscreen01_1_1forget_verifycode" class="forget_verifycode" autocomplete="off"></div><div class="td" style="width:110px;white-space: nowrap;"><img src="https://smart4-3c.com/include/imgcheck.php?type=forgetpwd&w=90&h=30" class="verifyimg" alt="é©è碼" title="éæ´é©è碼"><button type="button" class="refreshPrevImg" aria-label="éæ´é©è碼"><i class="fa fa-refresh" aria-hidden="true"></i></button></div></div></div> 640 </div> 641 </div> 642 <div id="forget_table_btn"> 643 <div id="m_RWDfullscreen01_1_1btn_forget_send" class="btn1">確å®éåº</div> 644 <div class="clear"></div> 645 </div> 646 </div> 647 </div> 648 649 </form> 650 </div> 651 <!-- éç¼é©è --> 652 <div style="display:none"> 653 <form id="m_RWDfullscreen01_1_1reverify_form"> 654 <input type="hidden" name="type" value="memberReCode"> 655 <div id="div_forget_area"> 656 <div id="div_forget_content"> 657 <div style="position:relative;"><div class="subject">éç¼èªèä¿¡</div></div> 658 <div class="div-table" id="forget_table"> 659 <div class="tr"> 660 <div class="th">帳ãè</div><div class="td"><input type="text" id="m_RWDfullscreen01_1_1reverify_account" name="reverify_account" class="forget_account"></div> 661 </div> 662 <div class="tr"> 663 <div class="th">é©è碼</div><div class="td"><div class="div-table"><div class="td"><input type="text" id="m_RWDfullscreen01_1_1reverify_verifycode" name="reverify_verifycode" class="forget_verifycode"></div><div class="td" style="width:110px;white-space: nowrap;"><img src="https://smart4-3c.com/include/imgcheck.php?type=reverify&w=90&h=30" class="verifyimg" alt="é©è碼" title="éæ´é©è碼"><button type="button" class="refreshPrevImg" aria-label="éæ´é©è碼"><i class="fa fa-refresh" aria-hidden="true"></i></button></div></div></div> 664 </div> 665 </div> 666 <div id="forget_table_btn"> 667 <div id="m_RWDfullscreen01_1_1btn_reverify_send" class="btn1">確å®éåº</div> 668 <div class="clear"></div> 669 </div> 670 </div> 671 </div> 672 </form> 673 </div> 674 <div style="clear:both;"></div> 675 </div> 676
676<script> 677 var pub_web_memberLogin_btn = null; 678 </script>
678 679
679<script> 680 //滿çæå°ééæé 681 function search_close_full(){ 682 $('#search-box').removeClass('is-open'); 683 setTimeout(function(){$('#search_box_text').attr("value","")},300); 684 } 685 $(document).ready(function(){ 686 $(window).scroll(function() { 687 var scroll = $(window).scrollTop(); 688 if (scroll >= 1) { 689 $(".RWDmenu_plus04 .header").addClass("is-up"); 690 } else { 691 $(".RWDmenu_plus04 .header").removeClass("is-up"); 692 } 693 }); 694 695 let nav_h = $('.RWDmenu_plus04 .header').height(); 696 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 697 let drop_menu_pic = $('.RWDmenu_plus04 .SPV2'); 698 $(".RWDmenu_plus04 .header").prepend(drop_menu_pic); /* htmlå¤ç§»å° header裡ï¼éå°å ¨æ»¿çæ¨£å¼ */ 699 drop_menu_pic.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 700 drop_menu_pic.addClass('full'); 701 /* å¯¬æ»¿çæ¨¡å¼ + 顯示å表ååè½ï¼ä½¿ç¨ â*/ 702 703 let drop_menu = $('.RWDmenu_plus04 .SP'); 704 drop_menu.css({"max-height":'calc(80vh - '+nav_h+'px)',"overflow-x":"auto"});/*éå¶é«åº¦æé«=(80vh-é¸å®èªèº«é«åº¦)*/ 705 706 707 //cart-block 708 var cart_close = $(".RWDmenu_plus04 .cart-block .close") 709 710 $("#m_RWDfullscreen01_1_1_cart_btn").click(function(){ 711 overlay.addClass("is-open"); 712 $(".cart-block").addClass("is-open"); 713 }); 714 715 cart_close.click(function(){ 716 overlay.removeClass("is-open"); 717 $(".cart-block").removeClass("is-open"); 718 }); 719 loadShoppingCar(false, 'refresh'); 720 721 var querycar_close = $(".RWDmenu_plus04 .querycar-block .close"); 722 $("#m_RWDfullscreen01_1_1_querycar_btn").click(function(){ 723 overlay.addClass("is-open"); 724 $(".querycar-block").addClass("is-open"); 725 }); 726 querycar_close.click(function(){ 727 overlay.removeClass("is-open"); 728 $(".querycar-block").removeClass("is-open"); 729 }); 730 loadquerycar(false); 731 $("html").removeClass("no-js"); 732 $(".js-ml-stack-nav").mlStackNav(); 733 // open nav 734 var menu_btn = $('.ml-stack-nav-toggle') 735 var nav = $('#mobile-menu') 736 var overlay = $('.RWDmenu_plus04 .overlay') 737 738 menu_btn.click(function(){ 739 overlay.addClass("is-open"); 740 }); 741 //close nav 742 overlay.click(function(){ 743 $(this).removeClass("is-open"); 744 // nav.removeClass("is-open"); 745 // nav.find('li').removeClass('is-open'); 746 menu_btn.removeClass("is-active"); 747 $('body').removeClass("menu-open"); 748 $('body').removeClass('other-open'); 749 750 $(".cart-block,.querycar-block").removeClass("is-open"); 751 member_block.removeClass('is-open'); 752 753 }); 754 $(".close-btn").click(function(){ 755 // nav.removeClass("is-open"); 756 // nav.find('li').removeClass('is-open'); 757 menu_btn.removeClass("is-active"); 758 $('body').removeClass('menu-open'); 759 760 overlay.removeClass("is-open"); 761 }); 762 $("#mobile-menu .can-link a[href*=#]:not([href=#])").on("click",function(){ 763 menu_btn.removeClass("is-active"); 764 $('body').removeClass('menu-open'); 765 overlay.removeClass("is-open"); 766 }); 767 //member-block 768 var member_btn = $('.RWDmenu_plus04 .features .member-btn') 769 pub_web_memberLogin_btn = member_btn; // 賦äºå°å ¨åè®æ¸ï¼æ¹ä¾¿å ¶ä»é é¢ä½¿ç¨ 770 var member_block = $('.RWDmenu_plus04 .member-block') 771 var member_close= $('.RWDmenu_plus04 .member-block .member-close-btn') 772 773 member_btn.click(function(){ 774 member_block.addClass('is-open'); 775 overlay.addClass("is-open"); 776 }); 777 778 member_close.click(function(){ 779 member_block.removeClass('is-open'); 780 overlay.removeClass("is-open"); 781 }); 782 $("#m_RWDfullscreen01_1_1btn_forget_form").fancybox({ 783 'scrolling' : 'no', 784 'padding' :20, 785 'titleShow' : false 786 }); 787 $("#m_RWDfullscreen01_1_1btn_reverify_form").fancybox({ 788 'scrolling' : 'no', 789 'padding' :20, 790 'titleShow' : false 791 }); 792 793 $("#m_RWDfullscreen01_1_1btn_forget_send").click(function(){ 794 if( $("#m_RWDfullscreen01_1_1forget_account").val()=='' ){ 795 alert("è«è¼¸å ¥å¸³è"); 796 $("#m_RWDfullscreen01_1_1forget_account").eq(0).focus(); 797 return false;
798 } 799 if( $("#m_RWDfullscreen01_1_1forget_verifycode").val()=='' ){ 800 alert("è«è¼¸å ¥é©è碼"); 801 $("#m_RWDfullscreen01_1_1forget_verifycode").eq(0).focus(); 802 return false; 803 } 804 $('#waitmsg').show(); 805 $.post( 806 "https://smart4-3c.com/include/member_process.php", 807 $("#m_RWDfullscreen01_1_1forget_form").serialize(), 808 function(data){ 809 var showmessage = ""; 810 if (data.success=="1"){ 811 $('#waitmsg').hide(); 812 alert(data.message); 813 $.fancybox.close(); 814 }else{ 815 alert(data.message); 816 $('#waitmsg').hide(); 817 } 818 }, 819 "json" 820 ); 821 }); 822 823 $("#m_RWDfullscreen01_1_1btn_reverify_send").click(function(){ 824 if( $("#m_RWDfullscreen01_1_1reverify_account").val()=='' ){ 825 alert("è«è¼¸å ¥å¸³è"); 826 $("#m_RWDfullscreen01_1_1reverify_account").eq(0).focus(); 827 return false; 828 } 829 if( $("#m_RWDfullscreen01_1_1reverify_verifycode").val()=='' ){ 830 alert("è«è¼¸å ¥é©è碼"); 831 $("#m_RWDfullscreen01_1_1reverify_verifycode").eq(0).focus(); 832 return false; 833 } 834 $('#waitmsg').show(); 835 $.post( 836 "https://smart4-3c.com/include/member_process.php", 837 $("#m_RWDfullscreen01_1_1reverify_form").serialize(), 838 function(data){ 839 var showmessage = ""; 840 if (data.success=="1"){ 841 $('#waitmsg').hide(); 842 alert(data.message); 843 $.fancybox.close(); 844 }else{ 845 alert(data.message); 846 $('#waitmsg').hide(); 847 } 848 }, 849 "json" 850 ); 851 }); 852 $(".refreshPrevImg").bind("click",function(e){ 853 // æ¾å°åé¢çé©è碼åçï¼ä¸¦éç½®src 854 const _img = $(this).prev(".verifyimg"); 855 let verifyimgSrc = _img.attr('src').split('&')[0]; 856 _img.attr('src',''); 857 _img.attr('src',verifyimgSrc +'&' + Math.floor(Math.random() * 10000)); 858 }); 859 $(".verifyimg").bind("click",function(e){ 860 const _self = $(this); 861 let _imgSrc = _self.attr('src').split('&')[0]; 862 _self.attr('src',''); 863 _self.attr('src',_imgSrc +'&' + Math.floor(Math.random() * 10000)); 864 }); 865 $("#btn_member_login_menu").click(function(e){ 866 e.preventDefault(); 867 if( $("#login_account_menu").val()=='' ){ 868 alert("è«è¼¸å ¥å¸³è"); 869 $("#login_account_menu").eq(0).focus(); 870 return false; 871 } 872 873 if( $("#login_pwd_menu").val()=='' ){ 874 alert("è«è¼¸å ¥å¯ç¢¼"); 875 $("#login_pwd_menu").eq(0).focus(); 876 return false; 877 } 878 879 if( $("#login_verifycode_menu").val()=='' ){ 880 alert("è«è¼¸å ¥é©è碼"); 881 $("#login_verifycode_menu").eq(0).focus(); 882 return false; 883 } 884 //$('#waitmsg').show(); 885 $.post( 886 "https://smart4-3c.com/include/member_process.php", 887 $("#login_form_menu").serialize(), 888 function(data){ 889 var showmessage = ""; 890 if (data.success=="true" || data.success=="1"){ 891 if (location.href.split("#")[1] === 'step2'){ 892 location.reload() 893 } else if (""!=""){ 894 location.href=""; 895 } else { 896 location.href=data.targetUrl; 897 } 898 }else{ 899 alert(data.message); 900 //$('#waitmsg').hide(); 901 } 902 }, 903 "json" 904 ); 905 }); 906 //search 907 var search_box = $('#search-box') 908 var search_input = $('#search_box_text') 909 $('.search-btn').click(function(){ 910 if(search_box.hasClass("is-open")){ 911 return false;
912 } 913 search_box.addClass('is-open'); 914 setTimeout(function(){ 915 search_input.focus(); 916 }, 100); 917 }); 918 //ç¨æ¼ios blur失æåé¡ â 919 $('#search-box.full').click(function(){ 920 $(this).attr("blur","other"); 921 }); 922 //ç¨æ¼ios blur失æåé¡ â 923 search_input.blur(function(){ 924 if(!search_box.hasClass("full")){ 925 search_box.removeClass("is-open"); 926 } 927 /*else{ 928 search_close(); 929 }*/ 930 }); 931 search_input.keydown(function(e){ 932 if(e.keyCode==13){ 933 do_top_search(); 934 } 935 }) 936 $('#search-box.full .close-btn').click(function(){//滿çæå°__é»Xæéééï¼ä¸¦æ¸ 空 937 search_close() 938 }); 939 $(window).keydown(function(e){//滿çæå°__éµç¤escééï¼ä¸¦æ¸ 空 940 if (search_box.hasClass("full")&&search_box.hasClass("is-open")&&e.keyCode==27){ 941 search_close() 942 } 943 }) 944 function search_close(){ 945 search_box.removeClass('is-open'); 946 setTimeout(function(){search_input.attr("value","")},300); 947 } 948 949 /*夿·æç¡è¼ªæå*/ 950 $('.dropdown-menu').has('.pic-box').addClass('haspic'); 951 $('.haspic').each(function(){ 952 $(this).find('figure').css('background-image','url('+ $(this).find('li.manu-item').first().children('a').attr('url')+ ')'); 953 $(this).find('div.pic-box').find('a').attr('href',$(this).find('li.manu-item').first().children('a').attr('href')); 954 var pic_boc_div=this; 955 $(this).find('li').each(function(){ 956 $(this).find('a').mouseenter(function(){ 957 $(pic_boc_div).find('figure').css('background-image','url('+$(this).attr('url')+')'); 958 $(pic_boc_div).find('div.pic-box').find('a').attr('href',$(this).attr('href')); 959 }) 960 }) 961 }) 962 /*scrollbarå¥ä»¶*/ 963 $(".RWDmenu_plus04 .main-menu,.RWDmenu_plus04 .inside").mCustomScrollbar({ 964 axis:"y", 965 theme:"dark-3", 966 scrollInertia:550, 967 scrollButtons: "enable: boolean" 968 }); 969 970 }) 971 function modifyPlusBuyCarAmount(multikey,amount,carkey,pre_amount,uni_price,obj){ 972 var nnum = parseInt( obj.val()); 973 974 var max = parseInt( obj.attr('max')); 975 if(isNaN(nnum) || nnum <=0){ 976 nnum = 1; 977 } 978 if(nnum > max) nnum = max; 979 if(obj.val()!=nnum){ 980 obj.val(nnum); 981 } 982 amount = nnum; 983 // console.log('=>'+amount); 984 if(pre_amount==amount) return false; 985 $.ajax({ 986 type: "POST", 987 url: "https://smart4-3c.com/include/shopping_process.php", 988 contentType:"application/x-www-form-urlencoded; charset=utf-8", 989 data: "type=modifyonepluspuy&lang=tw&plusbuymultikey="+multikey+'&amount='+amount, 990 dataType: "json", 991 success: function(jdata){ 992 993 994 if(jdata.message!='' && jdata.message!= null){ 995 $("#quantity"+carkey).val(pre_amount); 996 alert(jdata.message); 997 }else{ 998 if(amount==0){ 999 $("#car_"+carkey).fadeOut(function(){ 1000 $("#car_"+carkey).remove(); 1001 }); 1002 NOW_CAR_TOTAL_AMOUNT-=1; 1003 }else{ 1004 $("#quantity"+carkey).val(jdata.amount); 1005 $("#quantity"+carkey).attr("now-qty",jdata.amount); 1006 $("#car_"+carkey+' .price').html(jdata.price); 1007 } 1008 NOW_CAR_TOTAL_AMOUNT = $("#m_RWDfullscreen01_1_1_car_ul .list").size(); 1009 $("#m_RWDfullscreen01_1_1_cat_total_qty_in").html(NOW_CAR_TOTAL_AMOUNT); 1010 $("#m_RWDfullscreen01_1_1_cat_total_qty").html(NOW_CAR_TOTAL_AMOUNT); 1011 var price_tmp=uni_price*(amount-pre_amount); 1012 reload_car_total_prce(price_tmp); 1013 } 1014 needreloadcar = true; 1015 } 1016 }); 1017 } 1018 function modifyCarAmount(multikey,amount,carkey,pre_amount,uni_price,obj){ 1019 var nnum = parseInt( obj.val()); 1020 var max = parseInt( obj.attr('max')); 1021 if(isNaN(nnum) || nnum <=0){ 1022 nnum = 1; 1023 } 1024 if(nnum > max) nnum = max; 1025 if(obj.val()!=nnum){ 1026 obj.val(nnum); 1027 } 1028 amount = nnum; 1029 if(pre_amount==amount) return false;
1030 $.ajax({ 1031 type: "POST", 1032 url: "https://smart4-3c.com/include/shopping_process.php", 1033 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1034 data: "type=modifyonecar&lang=tw&multikey="+multikey+'&amount='+amount, 1035 dataType: "json", 1036 success: function(jdata){ 1037 if(jdata.message!='' && jdata.message!= null){ 1038 $("#quantity"+carkey).val(pre_amount); 1039 alert(jdata.message); 1040 }else{ 1041 if(amount==0){ 1042 $("#car_"+carkey).fadeOut(function(){ 1043 $("#car_"+carkey).remove(); 1044 }); 1045 NOW_CAR_TOTAL_AMOUNT-=1; 1046 }else{ 1047 $("#quantity"+carkey).val(jdata.amount); 1048 $("#quantity"+carkey).attr("now-qty",jdata.amount); 1049 $("#car_"+carkey+' .price').html(jdata.price); 1050 } 1051 NOW_CAR_TOTAL_AMOUNT = $("#m_RWDfullscreen01_1_1_car_ul .list").size(); 1052 $("#m_RWDfullscreen01_1_1_cat_total_qty_in").html(NOW_CAR_TOTAL_AMOUNT); 1053 $("#m_RWDfullscreen01_1_1_cat_total_qty").html(NOW_CAR_TOTAL_AMOUNT); 1054 var price_tmp=uni_price*(amount-pre_amount); 1055 reload_car_total_prce(price_tmp); 1056 } 1057 needreloadcar = true; 1058 } 1059 }); 1060 } 1061 let shoppingParames = {}; 1062 /** 1063 * @param {boolean} open - æ¯å¦å±éè³¼ç©æ¸ å® 1064 * @param {string} _action - å¼å«ç®çã 'refresh'表示åªè¦æ´æ°è³¼ç©è»è³è¨(ä¸è¦è·³åºå å ¥æåéäºè³è¨) 1065 */ 1066 function loadShoppingCar(open, _action=null){ 1067 $.ajax({ 1068 type: "POST", 1069 url: "https://smart4-3c.com/include/shopping_process.php", 1070 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1071 data: "type=loadshoppingcar&lang=tw", 1072 dataType: "json", 1073 success: function(jdata){ 1074 shoppingParames.shoppingVer = jdata.shoppingVer; 1075 shoppingParames.memberSys = jdata.memberSys; 1076 $("#m_RWDfullscreen01_1_1_cat_total_qty").html(jdata.num); 1077 $("#m_RWDfullscreen01_1_1_cat_total_qty_in").html(jdata.num); 1078 NOW_CAR_TOTAL_AMOUNT = jdata.num; 1079 $("#m_RWDfullscreen01_1_1 div.total span").html(jdata.total_price); 1080 NOW_CAR_TOTAL_PRICE=jdata.total_price; 1081 NOW_CAR_TOTAL_PRICE=NOW_CAR_TOTAL_PRICE.replace(",","")*1; 1082 // $("#m_RWDfullscreen01_1_1 .ftotal_price .money").html(jdata.total_price);msg::carempty 1083 $("#m_RWDfullscreen01_1_1_car_ul >div.mCustomScrollBox >div.mCSB_container").html(''); 1084 if(jdata.items.length==0 || jdata.items==null){ 1085 //空ç話è¦é¡¯ç¤ºçç«é¢ 1086 } 1087 if(jdata.items!=null){ 1088 for(var i=0;i<jdata.items.length;i++){ 1089 var nowitem = jdata.items[i]; 1090 1091 var photostr = ''; 1092 if(nowitem['photo']!=''){ 1093 photostr = " background-image: url("+nowitem['photo']+");"; 1094 } 1095 1096 var carkey = nowitem['carkey']; 1097 var multikey = nowitem['multikey']; 1098 var choiceamount = nowitem['choiceamount']; 1099 1100 /*建æ§è³¼ç©è»æéç«é¢å ç´ */ 1101 // var uni_price_tmp=nowitem['price'].replace(/[^0-9]/ig,""); 1102 // uni_price_tmp= uni_price_tmp/nowitem['amount']; 1103 var uni_price_tmp = nowitem['uni_price']; 1104 var str="<li class='list' id='car_"+carkey+"'>"+ 1105 "<div class='pic'><a href='"+nowitem['product_url']+"'><img src='"+nowitem['photo']+"' style='max-width:100%;max-height:100%'></a></div>"+ 1106 "<div class='text-box'>"+ 1107 "<a href='"+nowitem['product_url']+"'>"+ 1108 "<div class='name'>"+nowitem['proName']+"</div>"+ 1109 "</a>"+ 1110 "<div class='spe-box'>"+ 1111 "<span class='spe-1'>"+nowitem['standInfo']+"</span></div>"+ 1112 "</div>"+ 1113 "<div class='clearfix'></div>"+ 1114 "<div class='control'>"+ 1115 "<div class='qty-box choice_num_typea'>"; 1116 1117 str+="<select id='quantity"+carkey+"' attr-multikey='"+multikey+"' now-qty='"+nowitem['amount']+"' uni-price='"+uni_price_tmp+"' carkey='"+carkey+"' max='"+choiceamount+"' class='qty'>"; 1118 if(choiceamount>10) choiceamount = 10; 1119 for(var xx=1;xx<=choiceamount;xx++){ 1120 var sel = ''; 1121 if(xx==nowitem['amount']) sel = ' selected'; 1122 str+= "<option value='"+xx+"' "+sel+">"+xx+"</option>"; 1123 } 1124 if(nowitem['amount']>
1124choiceamount){ 1125 str+= "<option value='"+nowitem['amount']+"' selected>"+nowitem['amount']+"</option>"; 1126 } 1127 str+="</select>"; 1128 var oneprice = uni_price_tmp * nowitem['amount']; 1129 1130 str+="</div>"+ 1131 "<div class='price'>"+nowitem['price']; 1132 // if(nowitem['price_unit']!=null){ 1133 // str+='<span class="unit"> / '+nowitem['price_unit']+'</span>'; 1134 // } 1135 str+="</div>"+ 1136 "<div class='delete' carkey='"+carkey+"'>"+ 1137 "<img src='https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/images/del.png' loading='lazy'>"+ 1138 "</div>"+ 1139 "<div class='clearfix'></div>"+ 1140 "</div>"+ 1141 "</li>"; 1142 $("#m_RWDfullscreen01_1_1_car_ul >div.mCustomScrollBox >div.mCSB_container").append(str); 1143 /*end*/ 1144 1145 if(nowitem['plusbuycars'] && nowitem['plusbuycars'].length >0){ 1146 // console.log('æå è³¼å'+nowitem['plusbuycars'].length); 1147 for(var plusbuyidx = 0; plusbuyidx < nowitem['plusbuycars'].length;plusbuyidx++){ 1148 var plusitem = nowitem['plusbuycars'][plusbuyidx]; 1149 1150 var plus_price = plusitem['info']['plusPrice']; 1151 1152 var maxAmount = plusitem['maxAmount']; 1153 var plusamount = plusitem['plusamount']; 1154 var pluscarkey = plusitem['pluscarkey'];// å代 carkey 1155 var plusbuy_key = plusitem['plusbuy_key'];// 1156 1157 var str = "<li class='list plusbuylist' id='car_"+pluscarkey+"'>" 1158 + "<div class='pic'><a href='" + plusitem['info']['url'] + "'><img src='"+ plusitem['info']['photo'] + "' style='max-width:100%;max-height:100%'></a></div>" 1159 + "<div class='text-box'>" 1160 + "<div class='name plusbuytag'><i class=\"fa fa-tag\" aria-hidden=\"true\"></i> å è³¼å</div>" 1161 + "<a href='"+plusitem['info']['url']+"'>" 1162 + "<div class='name'>"+plusitem['info']['productName']+"</div>" 1163 + "</a>" 1164 + "<div class='spe-box'>" 1165 + "<span class='spe-1'>"+plusitem['info']['standName']+"</span></div>" 1166 + "</div>" 1167 + "<div class='clearfix'></div>" 1168 + "<div class='control'>" 1169 + "<div class='qty-box choice_num_typea'>"; 1170 str += "<select id='quantity"+pluscarkey+"' attr-multikey='"+multikey+"' now-qty='"+plusamount+"' uni-price='"+plus_price+"' carkey='"+pluscarkey+"' plusbuy_key='"+plusbuy_key+"' max='"+maxAmount+"' class='qty' disabled>"; 1171 if(plusamount>10) plusamount = 10; 1172 for(var xx=1;xx<=plusamount;xx++){ 1173 var sel = ''; 1174 if(xx==plusamount) sel = ' selected'; 1175 str+= "<option value='"+xx+"' "+sel+">"+xx+"</option>"; 1176 } 1177 str += "</select>"; 1178 var oneprice = plus_price * plusitem['info']['plusamount']; 1179 str += "</div>" 1180 + "<div class='price'>"+plusitem['price']; 1181 str += "</div>" 1182 + "<div class='clearfix'></div>" 1183 + "</div>" 1184 + "</li>"; 1185 $("#m_RWDfullscreen01_1_1_car_ul >div.mCustomScrollBox >div.mCSB_container").append(str); 1186 } 1187 }else{ 1188 // console.log('æ²æå è³¼å'); 1189 } 1190 } 1191 /*æéµäºä»¶ç¶å®*/ 1192 //æ¸éå æ¸æé 1193 $("#m_RWDfullscreen01_1_1_car_ul .qty").on('change', function() { 1194 if(typeof($(this).attr('plusbuy_key'))=='undefined'){ 1195 // console.log('ä¸è¬'); 1196 modifyCarAmount( $(this).attr('attr-multikey') ,$(this).val(),$(this).attr('carkey'),$(this).attr('now-qty'),$(this).attr('uni-price'),$(this)); 1197 }else{ 1198 modifyPlusBuyCarAmount( $(this).attr('plusbuy_key') ,$(this).val(),$(this).attr('carkey'),$(this).attr('now-qty'),$(this).attr('uni-price'),$(this)); 1199 } 1200 }); 1201 var m_RWDfullscreen01_1_1_delxhr = null; 1202 $("#m_RWDfullscreen01_1_1_car_ul div.delete").click(function(){ 1203 if(m_RWDfullscreen01_1_1_delxhr!=null) return false;
1204 var carkey = $(this).attr('carkey'); 1205 if(typeof($(this).attr('plusbuy_key'))=='undefined'){ 1206 var dataparams = "type=delcar&lang=tw&carkey="+carkey; 1207 }else{ 1208 var plusbuy_key = $(this).attr('plusbuy_key'); 1209 var dataparams = "type=delplusbuycar&lang=tw&multikey="+plusbuy_key; 1210 } 1211 1212 m_RWDfullscreen01_1_1_delxhr = $.ajax({ 1213 type: "POST", 1214 url: "https://smart4-3c.com/include/shopping_process.php", 1215 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1216 data: dataparams, 1217 dataType: "json", 1218 success: function(jdata){ 1219 m_RWDfullscreen01_1_1_delxhr = null; 1220 if(jdata.success=='0'){ 1221 alert(jdata.message); 1222 }else{ 1223 //{##è³¼ç©è»ç§»é¤åå 1224 try { 1225 let webmarketing_params = { 1226 'items' :[jdata.detail] 1227 }; 1228 webmarketing_remove_from_car_event(webmarketing_params); 1229 }catch (e) {} 1230 //} 1231 $("#car_"+carkey).fadeOut(function(){ 1232 $("#car_"+carkey).remove(); 1233 }); 1234 alert("å·²åªé¤é¸è³¼çåå"); 1235 } 1236 loadShoppingCar(false, 'refresh'); 1237 } 1238 }); 1239 }); 1240 } 1241 // 妿é»åå¾å°æè¨å®å å ¥è³¼ç©è»å¾è¦è·³å½çªæç¤º 1242 if( _action!='refresh' && false){ 1243 open = false; 1244 Swal.fire({ 1245 icon: 'success', 1246 title: 'ååå·²ç¶å å ¥è³¼ç©è»',
1247 showConfirmButton: false, 1248 timer: 1500 1249 }) 1250 } 1251 if(open){ 1252 open_car_list(); 1253 } 1254 // console.log(shoppingParames); 1255 } 1256 }); 1257 } 1258 function open_car_list(){ 1259 //æåelm click() 1260 $("#m_RWDfullscreen01_1_1_cart_btn").click(); 1261 } 1262 function reload_car_total_prce(price){ 1263 NOW_CAR_TOTAL_PRICE+=price; 1264 $("#m_RWDfullscreen01_1_1 div.total span").html(fmoney(NOW_CAR_TOTAL_PRICE,0)); 1265 } 1266 function fmoney(s, n) { 1267 /* 1268 * åæ°è¯´æï¼ 1269 * sï¼è¦æ ¼å¼åçæ°å 1270 * nï¼ä¿çå ä½å°æ° 1271 * */ 1272 n = n > 0 && n <= 20 ? n : 2; 1273 s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 1274 var l = s.split(".")[0].split("").reverse(), 1275 r = s.split(".")[1]; 1276 t = ""; 1277 for (i = 0; i < l.length; i++) { 1278 t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); 1279 } 1280 return t.split("").reverse().join("") ; 1281 } 1282 1283 var needreloadquerycar = true; 1284 var NOW_QUERYCAR_TOTAL_AMOUNT=0; 1285 function modifyquerycarAmount(multikey,amount,carkey,pre_amount){ 1286 $.ajax({ 1287 type: "POST", 1288 url: "https://smart4-3c.com/include/querycar_process.php", 1289 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1290 data: "type=modifyonequerycar&lang=tw&multikey="+multikey+'&amount='+amount, 1291 dataType: "json", 1292 success: function(jdata){ 1293 if(jdata.message!='' && jdata.message!= null){ 1294 alert(jdata.message); 1295 }else{ 1296 if(amount==0){ 1297 $("#querycar_"+carkey).fadeOut(function(){ 1298 $("#querycar_"+carkey).remove(); 1299 }); 1300 NOW_QUERYCAR_TOTAL_AMOUNT-=1; 1301 }else{ 1302 $("#quantity"+carkey).val(jdata.amount); 1303 $("#quantity"+carkey).attr("now-qty",jdata.amount); 1304 } 1305 $("#m_RWDfullscreen01_1_1_querycar_total_qty_in").html(NOW_CAR_TOTAL_AMOUNT); 1306 $("#m_RWDfullscreen01_1_1_querycar_total_qty").html(NOW_CAR_TOTAL_AMOUNT); 1307 } 1308 needreloadquerycar = true; 1309 } 1310 }); 1311 } 1312 function loadquerycar(open){ 1313 $.ajax({ 1314 type: "POST", 1315 url: "https://smart4-3c.com/include/querycar_process.php", 1316 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1317 data: "type=loadquerycar&lang=tw", 1318 dataType: "json", 1319 success: function(jdata){ 1320 $("#m_RWDfullscreen01_1_1_querycar_total_qty").html(jdata.num); 1321 $("#m_RWDfullscreen01_1_1_querycar_total_qty_in").html(jdata.num); 1322 NOW_CAR_TOTAL_AMOUNT = jdata.num; 1323 $("#m_RWDfullscreen01_1_1_querycar_ul >div.mCustomScrollBox >div.mCSB_container").html(''); 1324 1325 if(jdata.items.length==0 || jdata.items==null){ 1326 //空ç話è¦é¡¯ç¤ºçç«é¢ 1327 } 1328 if(jdata.items!=null){ 1329 for(var i=0;i<jdata.items.length;i++){ 1330 var nowitem = jdata.items[i]; 1331 1332 var photostr = ''; 1333 if(nowitem['photo']!=''){ 1334 photostr = " background-image: url("+nowitem['photo']+");"; 1335 } 1336 1337 var carkey = nowitem['carkey']; 1338 var multikey = nowitem['multikey']; 1339 if(nowitem['standInfo']==null) nowitem['standInfo']=''; 1340 /*建æ§è©¢åè»æéç«é¢å ç´ */ 1341 var str="<li class='list' id='querycar_"+carkey+"'>"+ 1342 "<div class='pic'><a href='"+nowitem['product_url']+"'><img src='"+nowitem['photo']+"' style='max-width:100%;max-height:100%'></a></div>"+ 1343 "<div class='text-box'>"+ 1344 "<a href='"+nowitem['product_url']+"'>"+ 1345 "<div class='name'>"+nowitem['proName']+"</div>"+ 1346 "</a>"; 1347 if(nowitem['standInfo']!=null){ 1348 str+="<div class='spe-box'>"+ 1349 "<span class='spe-1'>"+nowitem['standInfo']+"</span></div>"+ 1350 "</div>"; 1351 } 1352 str+="<div class='clearfix'></div>"+ 1353 "<div class='control'>"+ 1354 "<div class='qty-box choice_num_typec'>"; 1355 str+="<input type='number' value='"+nowitem['amount']+"' class='qty' id='quantity"+carkey+"' attr-multikey='"+multikey+"' now-qty='"+nowitem['amount']+"' carkey='"+carkey+"'/>"; 1356 // "<input type='button' value='-' class='qtyminus' carkey='"+carkey+"'/>"+ 1357 // "<input type='text' name='quantity' value='"+nowitem['amount']+"' class='qty' id='quantity"+carkey+"' attr-multikey='"+multikey+"' now-qty='"+nowitem['amount']+"' carkey='"+carkey+"'/>"+ 1358 // "<input type='button' value='+' class='qtyplus' carkey='"+carkey+"'/>"+ 1359 // "<div class='clearfix'></div>"+ 1360 str+="</div>"+ 1361 "<div class='delete' carkey='"+carkey+"'>"+ 1362 "<img src='https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/images/del.png' loading='lazy'>"+ 1363 "</div>"+ 1364 "<div class='clearfix'></div>"+ 1365 "</div>"+ 1366 "</li>"; 1367 $("#m_RWDfullscreen01_1_1_querycar_ul >div.mCustomScrollBox >div.mCSB_container").append(str); 1368 /*end*/ 1369 } 1370 /*æéµäºä»¶ç¶å®*/ 1371 //æ¸éå æ¸æé 1372 // This button will increment the value 1373 $('#m_RWDfullscreen01_1_1_querycar_ul .qtyplus').click(function(e){ 1374 // Stop acting like a button 1375 e.preventDefault(); 1376 // Get the field name 1377 var carkey = $(this).attr('carkey'); 1378 var input_tmp=$(this).prev(); 1379 // Get its current value 1380 var currentVal = parseInt(input_tmp.val()); 1381 // If is not undefined 1382 if (!isNaN(currentVal)) { 1383 // Increment 1384 input_tmp.val(currentVal + 1); 1385 } else { 1386 // Otherwise put a 0 there 1387 input_tmp.val(0); 1388 } 1389 modifyquerycarAmount( $("#quantity"+carkey).attr('attr-multikey') ,input_tmp.val(),carkey,$("#quantity"+carkey).attr('now-qty')); 1390 }); 1391 1392 // This button will decrement the value till 0 1393 $("#m_RWDfullscreen01_1_1_querycar_ul .qtyminus").click(function(e) { 1394 // Stop acting like a button 1395 e.preventDefault(); 1396 var carkey = $(this).attr('carkey'); 1397 var input_tmp=$(this).next(); 1398 // Get its current value 1399 var currentVal = parseInt(input_tmp.val()); 1400 // If it isn't undefined or its greater than 0 1401 if (!isNaN(currentVal) && currentVal > 0) { 1402 // Decrement one 1403 input_tmp.val(currentVal - 1); 1404 } else { 1405 // Otherwise put a 0 there 1406 input_tmp.val(0); 1407 } 1408 modifyquerycarAmount( $("#quantity"+carkey).attr('attr-multikey') ,input_tmp.val(),carkey,$("#quantity"+carkey).attr('now-qty')); 1409 }); 1410 $("#m_RWDfullscreen01_1_1_querycar_ul .qty").blur(function(){ 1411 modifyquerycarAmount( $(this).attr('attr-multikey') ,$(this).val(),$(this).attr('carkey'),$(this).attr('now-qty')); 1412 }) 1413 var m_RWDfullscreen01_1_1_querycardelxhr = null; 1414 $("#m_RWDfullscreen01_1_1_querycar_ul div.delete").click(function(){ 1415 if(m_RWDfullscreen01_1_1_querycardelxhr!=null) return false;
1416 var carkey = $(this).attr('carkey'); 1417 m_RWDfullscreen01_1_1_querycardelxhr = $.ajax({ 1418 type: "POST", 1419 url: "https://smart4-3c.com/include/querycar_process.php", 1420 contentType:"application/x-www-form-urlencoded; charset=utf-8", 1421 data: "type=delonecar&carkey="+carkey, 1422 dataType: "json", 1423 success: function(jdata){ 1424 m_RWDfullscreen01_1_1_querycardelxhr = null; 1425 if(jdata.success=='0'){ 1426 alert(jdata.message); 1427 }else{ 1428 $("#querycar_"+carkey).fadeOut(function(){ 1429 $("#querycar_"+carkey).remove(); 1430 }); 1431 alert("åªé¤æå"); 1432 } 1433 loadquerycar(false); 1434 } 1435 }); 1436 }); 1437 } 1438 if(open){ 1439 open_querycar_list(); 1440 } 1441 } 1442 }); 1443 } 1444 function open_querycar_list(){ 1445 $("#m_RWDfullscreen01_1_1_querycar_btn").click(); 1446 } 1447 function do_top_search(){ 1448 var val = $("#search_box_text").val(); 1449 if (val !="" && val !="è«è¼¸å ¥ééµå"){ 1450 location.href="https://smart4-3c.com/search.php?lang=tw&searchkey="+encodeURIComponent(val); 1451 } 1452 if($('#search-box').hasClass("full")){ 1453 search_close_full(); 1454 } 1455 } 1456 function change_lang(elm){ 1457 location.href=$(elm).val(); 1458 } 1459 // æ°å¢å±éæå¡æ»åºäºä»¶ï¼ä¾å ¶ä»ååå¼å« 1460 function memu_quickOpenMemberBox(){ 1461 let member_block = document.querySelector('.RWDmenu_plus04 .member-block'); 1462 let overlay = document.querySelector('.RWDmenu_plus04 .overlay'); 1463 if(typeof(member_block) != 'undefined' && member_block != null){ 1464 $('body').addClass('other-open'); 1465 member_block.classList.add('is-open'); 1466 overlay.classList.add('is-open'); 1467 }else{ 1468 let nowurl = window.encodeURIComponent(window.btoa(window.location.href)); 1469 // é¸å®å°æªå 䏿¯æ´ç function ï¼å è·³è½å°æå¡ä¸å¿ 1470 location.href='member_login.php?lang='+lang+'&g='+nowurl; 1471 } 1472 } 1473 </script>
1473 1474 <div class="clear"></div> 1475 </div> 1476 <div class=" main " id="panel_43" page_style=""> 1477 <div class=" panel_1 banner_block " id="panel_44" page_style=""> 1478 1479 <div class="model RWDbanner_plus01 " id="m_RWDfullscreen01_44_1" md_id="1" tp_id="44" template_id="RWDfullscreen01" style="opacity: 0;" new_edit="Y"> 1480 <div class="RWDbanner_plus01 style-dotnav control-right dot" data-imgfrom="模çµ"> 1481 <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div> 1482 <div class="banner-slider "> 1483 <div class="slick-item slickitem01"> 1484 <a href="https://www.smart4-3c.com/product_d.php?lang=tw&tb=1&id=8854" target="_self" aria-label=""> 1485 <div class="slick-caption txt-left chang_fontSize"> 1486 <div class="container"> 1487 </div> 1488 </div> 1489 <div class="pic-box"> 1490 <!-- é¦é 顯示åå¡ --> 1491 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760605217982.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760605217982.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236096684.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236096684.webp" imgalt=""> 1492 <img src="https://smart4-3c.com/archive/image/model/images/1760605217982.jpg" alt=""> 1493 </div> 1494 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1495 </div> 1496 <!--âåååçåå¡ 20180523æ°å¢â--> 1497 <!--âåååçåå¡ 20180523æ°å¢â--> 1498 1499 </a> 1500 </div> 1501 <div class="slick-item slickitem02"> 1502 <div class="slick-caption txt-left chang_fontSize"> 1503 <div class="container"> 1504 </div> 1505 </div> 1506 <div class="pic-box"> 1507 <!-- é¦é 顯示åå¡ --> 1508 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1764662455380.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1764662455380.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1764662465026.jpg" PHONE="https://smart4-3c.com/archive/image/model/images/1764662465026.jpg" imgalt=""> 1509 <img src="https://smart4-3c.com/archive/image/model/images/1764662455380.jpg" alt=""> 1510 </div> 1511 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1512 </div> 1513 <!--âåååçåå¡ 20180523æ°å¢â--> 1514 <!--âåååçåå¡ 20180523æ°å¢â--> 1515 1516 </div> 1517 <div class="slick-item slickitem03"> 1518 <div class="slick-caption txt-left chang_fontSize"> 1519 <div class="container"> 1520 </div> 1521 </div> 1522 <div class="pic-box"> 1523 <!-- é¦é 顯示åå¡ --> 1524 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1761114079678.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1761114079678.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236141132.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236141132.webp" imgalt=""> 1525 <img src="https://smart4-3c.com/archive/image/model/images/1761114079678.jpg" alt=""> 1526 </div> 1527 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1528 </div> 1529 <!--âåååçåå¡ 20180523æ°å¢â--> 1530 <!--âåååçåå¡ 20180523æ°å¢â--> 1531 1532 </div> 1533 <div class="slick-item slickitem04"> 1534 <div class="slick-caption txt-left chang_fontSize"> 1535 <div class="container"> 1536 </div> 1537 </div> 1538 <div class="pic-box"> 1539 <!-- é¦é 顯示åå¡ --> 1540 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1764663410345.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1764663410345.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1764663474156.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1764663474156.webp" imgalt=""> 1541 <img src="https://smart4-3c.com/archive/image/model/images/1764663410345.jpg" alt=""> 1542 </div> 1543 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1544 </div> 1545 <!--âåååçåå¡ 20180523æ°å¢â--> 1546 <!--âåååçåå¡ 20180523æ°å¢â--> 1547 1548 </div> 1549 <div class="slick-item slickitem05"> 1550 <a href="https://www.smart4-3c.com/product_d.php?lang=tw&tb=1&id=10239" target="_self" aria-label=""> 1551 <div class="slick-caption txt-left chang_fontSize"> 1552 <div class="container"> 1553 </div> 1554 </div> 1555 <div class="pic-box"> 1556 <!-- é¦é 顯示åå¡ --> 1557 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1761114100746.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1761114100746.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236154676.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236154676.webp" imgalt=""> 1558 <img src="https://smart4-3c.com/archive/image/model/images/1761114100746.jpg" alt=""> 1559 </div> 1560 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1561 </div> 1562 <!--âåååçåå¡ 20180523æ°å¢â--> 1563 <!--âåååçåå¡ 20180523æ°å¢â--> 1564 1565 </a> 1566 </div> 1567 <div class="slick-item slickitem06"> 1568 <div class="slick-caption txt-left chang_fontSize"> 1569 <div class="container"> 1570 </div> 1571 </div> 1572 <div class="pic-box"> 1573 <!-- é¦é 顯示åå¡ --> 1574 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603222510.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603222510.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236161914.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236161914.webp" imgalt=""> 1575 <img src="https://smart4-3c.com/archive/image/model/images/1760603222510.jpg" alt=""> 1576 </div> 1577 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1578 </div> 1579 <!--âåååçåå¡ 20180523æ°å¢â--> 1580 <!--âåååçåå¡ 20180523æ°å¢â--> 1581 1582 </div> 1583 <div class="slick-item slickitem07"> 1584 <div class="slick-caption txt-left chang_fontSize"> 1585 <div class="container"> 1586 </div> 1587 </div> 1588 <div class="pic-box"> 1589 <!-- é¦é 顯示åå¡ --> 1590 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603676426.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603676426.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236168543.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236168543.webp" imgalt=""> 1591 <img src="https://smart4-3c.com/archive/image/model/images/1760603676426.jpg" alt=""> 1592 </div> 1593 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1594 </div> 1595 <!--âåååçåå¡ 20180523æ°å¢â--> 1596 <!--âåååçåå¡ 20180523æ°å¢â--> 1597 1598 </div> 1599 <div class="slick-item slickitem08"> 1600 <div class="slick-caption txt-left chang_fontSize"> 1601 <div class="container"> 1602 </div> 1603 </div> 1604 <div class="pic-box"> 1605 <!-- é¦é 顯示åå¡ --> 1606 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603682242.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603682242.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236179012.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236179012.webp" imgalt=""> 1607 <img src="https://smart4-3c.com/archive/image/model/images/1760603682242.jpg" alt=""> 1608 </div> 1609 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1610 </div> 1611 <!--âåååçåå¡ 20180523æ°å¢â--> 1612 <!--âåååçåå¡ 20180523æ°å¢â--> 1613 1614 </div> 1615 <div class="slick-item slickitem09"> 1616 <div class="slick-caption txt-left chang_fontSize"> 1617 <div class="container"> 1618 </div> 1619 </div> 1620 <div class="pic-box"> 1621 <!-- é¦é 顯示åå¡ --> 1622 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603305521.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603305521.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236183796.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236183796.webp" imgalt=""> 1623 <img src="https://smart4-3c.com/archive/image/model/images/1760603305521.jpg" alt=""> 1624 </div> 1625 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1626 </div> 1627 <!--âåååçåå¡ 20180523æ°å¢â--> 1628 <!--âåååçåå¡ 20180523æ°å¢â--> 1629 1630 </div> 1631 <div class="slick-item slickitem10"> 1632 <div class="slick-caption txt-left chang_fontSize"> 1633 <div class="container"> 1634 </div> 1635 </div> 1636 <div class="pic-box"> 1637 <!-- é¦é 顯示åå¡ --> 1638 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603689657.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603689657.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236188407.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236188407.webp" imgalt=""> 1639 <img src="https://smart4-3c.com/archive/image/model/images/1760603689657.jpg" alt=""> 1640 </div> 1641 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1642 </div> 1643 <!--âåååçåå¡ 20180523æ°å¢â--> 1644 <!--âåååçåå¡ 20180523æ°å¢â--> 1645 1646 </div> 1647 <div class="slick-item slickitem11"> 1648 <div class="slick-caption txt-left chang_fontSize"> 1649 <div class="container"> 1650 </div> 1651 </div> 1652 <div class="pic-box"> 1653 <!-- é¦é 顯示åå¡ --> 1654 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603354148.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603354148.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236192323.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236192323.webp" imgalt=""> 1655 <img src="https://smart4-3c.com/archive/image/model/images/1760603354148.jpg" alt=""> 1656 </div> 1657 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1658 </div> 1659 <!--âåååçåå¡ 20180523æ°å¢â--> 1660 <!--âåååçåå¡ 20180523æ°å¢â--> 1661 1662 </div> 1663 <div class="slick-item slickitem12"> 1664 <div class="slick-caption txt-left chang_fontSize"> 1665 <div class="container"> 1666 </div> 1667 </div> 1668 <div class="pic-box"> 1669 <!-- é¦é 顯示åå¡ --> 1670 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603382190.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603382190.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236196695.webp" PHONE="https://smart
16704-3c.com/archive/image/model/images/1762236196695.webp" imgalt=""> 1671 <img src="https://smart4-3c.com/archive/image/model/images/1760603382190.jpg" alt=""> 1672 </div> 1673 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1674 </div> 1675 <!--âåååçåå¡ 20180523æ°å¢â--> 1676 <!--âåååçåå¡ 20180523æ°å¢â--> 1677 1678 </div> 1679 <div class="slick-item slickitem13"> 1680 <div class="slick-caption txt-left chang_fontSize"> 1681 <div class="container"> 1682 </div> 1683 </div> 1684 <div class="pic-box"> 1685 <!-- é¦é 顯示åå¡ --> 1686 <div class="pic " style="text-align:right;" PC="https://smart4-3c.com/archive/image/model/images/1760603412109.jpg" NOTE="https://smart4-3c.com/archive/image/model/images/1760603412109.jpg" PAD="https://smart4-3c.com/archive/image/model/images/1762236201581.webp" PHONE="https://smart4-3c.com/archive/image/model/images/1762236201581.webp" imgalt=""> 1687 <img src="https://smart4-3c.com/archive/image/model/images/1760603412109.jpg" alt=""> 1688 </div> 1689 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1690 </div> 1691 <!--âåååçåå¡ 20180523æ°å¢â--> 1692 <!--âåååçåå¡ 20180523æ°å¢â--> 1693 1694 </div> 1695 </div> 1696 <style type="text/css"> 1697 .RWDbanner_plus01.style-dotnav .slick-prev ,.RWDbanner_plus01.style-dotnav .slick-next{display: none!important;} 1698 </style> 1699 <div class="plus-banner-container"> 1700 <div class="control-box clearfix"> 1701 <div class="control"> 1702 <div class="items"></div> 1703 </div> 1704 </div> 1705 </div> 1706 </div> 1707 <div style="clear:both;"></div> 1708 </div> 1709 <!-- model end--> 1710
1710<script type="text/javascript"> 1711 //寬çç¨initå ¨åè®æ¸ 1712 var BYT_INIT_I=0; 1713 //夿·æ¯å¦çºè¡åè£ç½® 1714 var isMobile = false; 1715 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) 1716 || /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.
1716substr(0,4))) isMobile = true; 1717 GetRumdomStr = function () { 1718 var str = ""; 1719 var maxNum = 10; 1720 var minNum = 0; 1721 var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 1722 for (var i = 1; i <= 4; i++) { 1723 n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 1724 str += n.toString(); 1725 } 1726 // console.log(str); 1727 return str; 1728 }; 1729 1730 $(document).ready(function(){ 1731 $(".full_page_photo").css({'height':$("#m_RWDfullscreen01_44_1").outerHeight()}); 1732 1733 if($('.collapsing_header .main').size() > 0 ){ 1734 var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight(); 1735 $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !importantæå®¢è£½åcssçtop弿´æ 1736 } 1737 1738 if($('#m_RWDfullscreen01_44_1 img').size()==0){ 1739 init_banner_plus01_RWDfullscreen01441(); 1740 }else{ 1741 $('#m_RWDfullscreen01_44_1').imagesLoaded( function() { 1742 init_banner_plus01_RWDfullscreen01441(); 1743 }); 1744 } 1745 1746 $(window).on("resize",function(e){ 1747 fullscreenImage_RWDfullscreen01441(); 1748 setTimeout(function() { 1749 bannerSetHeight_RWDfullscreen01441(); 1750 },100) 1751 }); 1752 }); 1753 function init_banner_plus01_RWDfullscreen01441(){ 1754 fullscreenImage_RWDfullscreen01441(); 1755 $('#m_RWDfullscreen01_44_1').css({'opacity':1}); 1756 if($('#m_RWDfullscreen01_44_1 .pic-box').size() < 2){ 1757 $('#m_RWDfullscreen01_44_1 .control-box, #m_RWDfullscreen01_44_1 .slick-arrow').hide(); 1758 } 1759 let slick_tmp=null; 1760 slick_tmp = $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-dotnav .banner-slider'); 1761 slick_tmp.not('#m_RWDfullscreen01_44_1 .slick-initialized').slick({ 1762 lazyLoad: 'progressive',//ondemand lazyload 1763 autoplay: true, 1764 autoplaySpeed: 7000, 1765 dots: true, 1766 arrows: false, 1767 pauseOnHover: false, 1768 pauseOnFocus: false, 1769 speed: 700, 1770 fade: false, 1771 appendDots: $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .control-box .control .items'), 1772 adaptiveHeight: true, 1773 swipeToSlide: true, 1774 touchThreshold: 20000, 1775 waitForAnimate: false, 1776 responsive: [ 1777 { 1778 breakpoint: 767, 1779 settings: { 1780 adaptiveHeight:false, 1781 } 1782 } 1783 ] 1784 }); 1785 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() { 1786 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-dotnav .slick-prev').click(); 1787 }); 1788 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() { 1789 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-dotnav .slick-next').click(); 1790 }); 1791 1792 $(window).on('resize', bannerSetHeight_RWDfullscreen01441()).resize(); 1793 1794 // page-scrollæé 1795 $('#m_RWDfullscreen01_44_1 a.scrolllink').click(function(event) { 1796 var t = $(this).attr('href'); 1797 if(t != '#' && t != ''){ 1798 $('html,body').animate({scrollTop:$(t).offset().top},800); 1799 } 1800 return false; 1801 }); 1802 // ä¿®æ£è¡åè£ç½®BUG //github.com/kenwheeler/slick/issues/3306 1803 $('#m_RWDfullscreen01_44_1 .slick-initialized').on('touchstart', e => { 1804 $('#m_RWDfullscreen01_44_1 .slick-initialized').slick('slickPlay'); 1805 }); 1806 } 1807 function bannerSetHeight_RWDfullscreen01441() { 1808 var menu_height = 0; 1809 /* bannerææ©çæé«æ»¿çé¢ */ 1810 var windowHeight = 0 1811 var paddingHeight = $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .banner-slider.bg').height(); 1812 1813 if ($('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) { 1814 windowHeight = $(window).height() - $('#m_RWDfullscreen01_44_1 .control-box').outerHeight() - menu_height - paddingHeight; 1815 } else { 1816 windowHeight = $(window).height() - menu_height - paddingHeight; 1817 } 1818 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight); 1819 1820 1821 /* banner滿çé¢ */ 1822 var fullHeight = 0 1823 if ($('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) { 1824 fullHeight = $(window).height() - $('#m_RWDfullscreen01_44_1 .control-box').outerHeight() - menu_height - paddingHeight; 1825 } else { 1826 fullHeight = $(window).height() - menu_height - paddingHeight; 1827 } 1828 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight); 1829 1830 1831 /* banneræ§å¶å¨é«åº¦ */ 1832 let bannerHeight = 0 1833 if ($('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) { 1834 bannerHeight = $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 .banner-slider .slick-list').height(); 1835 } 1836 $('#m_RWDfullscreen01_44_1 .style-dotnav.control-left .control-box , #m_RWDfullscreen01_44_1 .style-dotnav.control-right .control-box').css('height', bannerHeight); 1837 1838 } 1839 function fullscreenImage_RWDfullscreen01441(){ 1840 var ww = $(window).width(); 1841 // å¸¶å ¥RWDæ£ç¢ºçåçè·¯å¾ 1842 $('#m_RWDfullscreen01_44_1 .pic').each(function(){ 1843 if(ww > 1024){ 1844 img = $(this).attr('PC'); 1845 }else if(ww >= 992){ 1846 img = $(this).attr('NOTE'); 1847 }else if(ww >= 768){ 1848 img = $(this).attr('PAD'); 1849 }else{ 1850 img = $(this).attr('PHONE'); 1851 } 1852 let img_alt = $(this).attr('imgALT'); 1853 $(this).find('img').attr('src',img); 1854 $(this).find('img').attr('alt',img_alt); 1855 //解決æ°è³¼ç©part2 .slick-slideçcssé«åº¦100%å½±é¿ 1856 $('#m_RWDfullscreen01_44_1 .slick-slide').css("height",'auto'); 1857 }); 1858 1859 $("#m_RWDfullscreen01_44_1 .logo").each(function(){ 1860 if(ww >= 1200){ 1861 img = $(this).attr('PC'); 1862 }else if(ww >= 992){ 1863 img = $(this).attr('NOTE'); 1864 }else if(ww >= 768){ 1865 img = $(this).attr('PAD'); 1866 }else{ 1867 img = $(this).attr('PHONE'); 1868 } 1869 1870 if(img==''){ 1871 $(this).find('img').hide(); 1872 }else{ 1873 if($(this).find('img').size()==0){ 1874 $(this).append('<img src="" alt="LOGO">'); 1875 } 1876 $(this).find('img').attr('src',img).show(); 1877 } 1878 1879 }); 1880 } 1881 function change_imgblock_size_RWDfullscreen01441(){ 1882 var nextSlide_idx=BYT_INIT_I*1; 1883 var slickitem_idx=BYT_INIT_I*1+1; 1884 if(nextSlide_idx<10){ 1885 nextSlide_idx="0"+BYT_INIT_I; 1886 } 1887 if(slickitem_idx<10){ 1888 slickitem_idx="0"+slickitem_idx; 1889 } 1890 if($('#m_RWDfullscreen01_44_1'+" #slick-slide"+nextSlide_idx).length==0){ 1891 return false;
1892 }else{ 1893 var image = new Image(); 1894 image.onload =function(){ 1895 var image_height=image.height; 1896 $('#m_RWDfullscreen01_44_1'+" #slick-slide"+nextSlide_idx).css("height",image_height); 1897 $('#m_RWDfullscreen01_44_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){ 1898 if($(this).hasClass("slick-cloned")){ 1899 $(this).css('height', image_height) 1900 } 1901 }) 1902 BYT_INIT_I++; 1903 change_imgblock_size_RWDfullscreen01441(); 1904 //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height); 1905 } 1906 var slick_url_data=$('#m_RWDfullscreen01_44_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic"); 1907 var ww = $(window).width(); 1908 var img=""; 1909 if(ww > 1024){ 1910 img = slick_url_data.attr('PC'); 1911 }else if(ww >= 992){ 1912 img = slick_url_data.attr('NOTE'); 1913 }else if(ww >= 768){ 1914 img = slick_url_data.attr('PAD'); 1915 }else{ 1916 img = slick_url_data.attr('PHONE'); 1917 } 1918 image.src = img; 1919 } 1920 } 1921 </script>
1921 1922 <div class="clear"></div> 1923 </div> 1924 <div class=" panel_1 about_block " id="panel_45" page_style=""> 1925 <div class=" panel_2 container " id="panel_50" page_style=""> 1926 <div class="model RWDright_cont002" id="m_RWDfullscreen01_50_1" md_id="1" tp_id="50" template_id="RWDfullscreen01"> 1927 <div class="container"> 1928 <div class="item-first"> 1929 <a href="#" aria-label="ææé¢¨ææ©ç活館ï½ä¸ç«å¼3Cé«é©ç©ºé" onclick='return false;' > 1930 <div class="pic"> 1931 <img class="img-responsive" src="https://smart4-3c.com/archive/image/index/1760679544_thumb_900_1095.jpg" alt="ææé¢¨ææ©ç活館ï½ä¸ç«å¼3Cé«é©ç©ºé"> 1932 </div> 1933 </a> 1934 <div class="text-box"> 1935 <div class="title">ææé¢¨ææ©ç活館ï½ä¸ç«å¼3Cé«é©ç©ºé</div> 1936 <div class="subtitle">è²·ã»ä¿®ã»æ¶ã»è½ï¼ä¸æ¬¡æå®ï¼</div> 1937 <div class="underline"></div> 1938 <div class="text"><div class="text"> 1939<p><span id="cke_bm_130S" style="display: none;"> </span><span style="font-size:14px;">以溫æã嵿ãçæ´»åç空éè¨è¨ï¼æé å ¼å ·é«é©è伿©çç°å¢ã<br /> 1940ç§æé«å質èå°æ¥æåç²¾ç¥ï¼æçºééæè²è¨ç·´æååé實åï¼çºæ¨æä¾å®æ´çå®åèå®å¾é«é©ï¼æ»¿è¶³æ¨ææ 3C çæ´»æéã<br /> 1941<br /> 1942ææ©ï½å¹³æ¿ï½é³é¿ï½è³æ©<br /> 1943販å®ã»ç¶ä¿®ã»æ¶è³¼ã»è©¦è½ã»éèæå<br /> 1944⢠é«å質ç¶ä¿®ã峿åä»¶<br /> 1945⢠è¼é¬é«é©ã䏿¬¡è³¼è¶³</span><span id="cke_bm_130E" style="display: none;"> </span></p> 1946<!-- notionvc: 680f4d40-9588-4cd7-8494-4075bddae8c8 --></div> 1947 1948<div class="plusstore"> 1949<h5>å çè³è¨<br /> 1950 </h5> 1951è¤åç¶çï½<br /> 1952ææ©ç¶ä¿® à é³é¿åç代ç à æ¶è³¼æå<br /> 1953<br /> 1954â¢Â å çåé¥å¶åº¦ï¼æé éè´åä½<br /> 1955â¢Â 宿´æè²å¹è¨ï¼å¿«éå¹é¤å°æ¥åé<br /> 1956â¢Â å坦嵿¥å°åï¼åªå 實ç¾ç©©å®ç²å©<br /> 1957<span style="color: rgb(102, 102, 102); font-size: 14px;">â¢Â å ¨ååå©åµæ¥ï¼å ±åµç©©å®é·æç¼å±</span></div></div> 1958 <a href="#" aria-label="äºè§£æ´å¤" onclick='return false;' ><button name="learn more">äºè§£æ´å¤</button></a> 1959 </div> 1960 <div class="clearfix"></div> 1961 </div> 1962 <div style="clear:both;"></div> 1963 </div> 1964 </div> 1965 <div class="clear"></div> 1966 </div> 1967 <div class="clear"></div> 1968 </div> 1969 <div class=" panel_1 brand3c_block " id="panel_46" page_style=""> 1970 <div class=" panel_2 container " id="panel_51" page_style=""> 1971 1972 <div class="model RWDproduct004" id="m_RWDfullscreen01_51_1" md_id="1" tp_id="51" template_id="RWDfullscreen01"> 1973 <section class="callout-dark heading-title heading-arrow-bottom"> 1974 <div class="section-subject row"> 1975 <div class="col-md-12"> 1976 <h1 class="main-title">é³é¿/è³æ© 實é«è©¦è½ä¸å¿</h1> <h2 class="sub-title">å´é¸ä¸çç´åçï¼æé éå¡é³è³ªäº«åã</h2> <div class="section-line"></div> 1977 </div> 1978 </div> 1979 1980 </section> 1981 <section class="nopadding"> 1982 <div id="portfolio" class="portfolio-nogutter"> 1983 <div class="row mix-grid"> 1984 1985 <div class="col-md-3 col-sm-3 mix"><!-- item --> 1986 1987 <div class="item-box"> 1988 <figure> 1989 <a href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=242&ot=all" aria-label="B&O Bang & Olufsen èè½ååé³é¿è³æ©" > 1990 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760685234_thumb_1919_961.jpg" width="600" height="399" alt="B&O Bang & Olufsen èè½ååé³é¿è³æ©"> 1991 </a> 1992 </figure> 1993 1994 <div class="item-box-desc"> 1995 <a class="item-title-link" href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=242&ot=all" aria-label="B&O(Bang & Olufsen)" ><h3 class="item-title">B&O(Bang & Olufsen)</h3></a> 1996 <div class="list-inline categories nomargin"> 1997 ä¾èªä¸¹éº¥<br /> 1998é ç´å½±é³åç Bang & Olufsen åµç«æ¼1925å¹´ï¼æ¿è¥²äºåæç´æ·¨ãç°¡å®åå §æçè¨è¨
1998é¢¨æ ¼ï¼æ¯ä¸ä»¶ç¢åé½å¯ä»¥æé¡¯å°çå° "LESS IS MORE" çå æµ©æ¯è¨è¨ä¸»å¼µã<br /> 1999è¨è¨ä¸æä½¿ç¨çæ¯ä¸åå ç´ é½å實éæä½åè½æä½¿ç¨è éæ±æ¯æ¯ç¸éï¼ä¸¦ä¸æå»ææç²ç®å°æ·»å ä»»ä½ä»¥è£é£¾å¤è¡¨çºç®ççè¨è¨ã </div> 2000 </div> 2001 2002 </div> 2003 2004 </div> 2005 2006 <div class="col-md-3 col-sm-3 mix"><!-- item --> 2007 2008 <div class="item-box"> 2009 <figure> 2010 <a href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=230&ot=all" aria-label="B&W Bowers & Wilkins èè½ååé³é¿" > 2011 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760683176_thumb_1039.jpg" width="600" height="399" alt="B&W Bowers & Wilkins èè½ååé³é¿"> 2012 </a> 2013 </figure> 2014 2015 <div class="item-box-desc"> 2016 <a class="item-title-link" href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=230&ot=all" aria-label="B&W(Bowers & Wilkins)" ><h3 class="item-title">B&W(Bowers & Wilkins)</h3></a> 2017 <div class="list-inline categories nomargin"> 2018 <p><span style="font-size:14px;">ä¾èªè±å<br /> 2019ä»¥æ¸ éç´æ·¨é³è³ªåç°¡ç´çå·¥æ¥è¨è¨ï¼åå°é³æ¨æå¥½è åå°æ¥éé³å®¤çæ¨å´ãâ</span></p> </div> 2020 </div> 2021 2022 </div> 2023 2024 </div> 2025 2026 <div class="col-md-3 col-sm-3 mix"><!-- item --> 2027 2028 <div class="item-box"> 2029 <figure> 2030 <a href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=236&ot=all" aria-label="Bose èè½ååé³é¿è³æ©" > 2031 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760683517_thumb_1039.jpg" width="600" height="399" alt="Bose èè½ååé³é¿è³æ©"> 2032 </a> 2033 </figure> 2034 2035 <div class="item-box-desc"> 2036 <a class="item-title-link" href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=236&ot=all" aria-label="Bose" ><h3 class="item-title">Bose</h3></a> 2037 <div class="list-inline categories nomargin"> 2038 ä¾èªç¾å<br /> 2039å ¬å¸æ¯å ¨ç¾åæå¤§çæè²å¨å» å®¶ä¹ä¸ï¼BOSEå ¬å¸çç¢åæå¤§ç¹é»æ¯æ¾æ£äºæ²¿ç¨å¤å¹´çä¸ãé«é³èè§å¼è¨è¨ï¼èæ¯æ¡ç¨äºå ¨é³åæè²å¨ï¼æ¸å°å¤±ç,æé«ä¿ç度ã </div> 2040 </div> 2041 2042 </div> 2043 2044 </div> 2045 2046 <div class="col-md-3 col-sm-3 mix"><!-- item --> 2047 2048 <div class="item-box"> 2049 <figure> 2050 <a href="#" aria-label="Harman Kardon" onclick='return false;'> 2051 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760684533_thumb_1039.jpg" width="600" height="399" alt="Harman Kardon"> 2052 </a> 2053 </figure> 2054 2055 <div class="item-box-desc"> 2056 <a class="item-title-link" href="#" aria-label="Harman Kardon" ><h3 class="item-title">Harman Kardon</h3></a> 2057 <div class="list-inline categories nomargin"> 2058 <p><span style="color:#696969;"><span style="font-size:14px;">ä¾èªç¾å<br /> 2059æç«æ¼1953å¹´çç¾åå®¶ç¨é³é¿é å°åçï¼ä»¥åè¡çè¨è¨èªå½çµåç¨å®¶è²é³èª¿æ ¡æè¡ï¼æé é«ç«¯é³é¿èåé¢ç³»çµ±ãæè極è´é³è³ªèæå°ç¾å¸ï¼æ·±åå ¨ç鳿¨æå¥½è æ¨å´ã</span></span></p> </div> 2060 </div> 2061 2062 </div> 2063 2064 </div> 2065 2066 <div class="col-md-3 col-sm-3 mix"><!-- item --> 2067 2068 <div class="item-box"> 2069 <figure> 2070 <a href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=218&ot=all" aria-label="Marshall èè½ååé³é¿è³æ©" > 2071 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760683443_thumb_1039.jpg" width="600" height="399" alt="Marshall èè½ååé³é¿è³æ©"> 2072 </a> 2073 </figure> 2074 2075 <div class="item-box-desc"> 2076 <a class="item-title-link" href="https://smart4-3c.com/product.php?lang=tw&tb=1&cid=218&ot=all" aria-label="Marshall" ><h3 class="item-title">Marshall</h3></a> 2077 <div class="list-inline categories nomargin"> 2078 ä¾èªè±å<br /> 2079é³ç®±å·²ç¶è·¨è¶äºååä¸ç´ä¹éï¼å¨é段漫é·çæ²æè£¡ï¼Marshalléªä¼´äºç¡æ¸åææ»¾æ¨åçå ¨çå·¡è¿´æ¼åºã </div> 2080 </div> 2081 2082 </div> 2083 2084 </div> 2085 2086 <div class="col-md-3 col-sm-3 mix"><!-- item --> 2087 2088 <div class="item-box"> 2089 <figure> 2090 <a href="#" aria-label="Devialet èè½ååé³é¿" onclick='return false;'> 2091 <img class="img-responsive" src="https://smart4-3c.com/archive/image/model/images/1760685267_thumb_1919_961.jpg" width="600" height="399" alt="Devialet èè½ååé³é¿"> 2092 </a> 2093 </figure> 2094 2095 <div class="item-box-desc"> 2096 <a class="item-title-link" href="#" aria-label="Devialet" ><h3 class="item-title">Devialet</h3></a> 2097 <div class="list-inline categories nomargin"> 2098 <p><span style="font-size:14px;"><span style="font-family: Arial, sans-serif;"><span style="color:#696969;">ä¾èªæ³å</span></span></span><br /> 2099<span style="color:#696969;"><span style="font-size:14px;">ä¸å®¶è´åæ¼èåç²¾åèå°ç«¯ç§æçæ³åè²å¸å·¥ç¨å ¬å¸ã<br /> 2100ééæä¾æ·±å»çé³è¨é«é©ï¼Devialet éæ°å®ç¾©è²é³å¨äººé¡çæ´»ä¸çå°ä½ã</span></span><br /> 2101<span style="color:#696969;"><span style="font-size:14px;">以鳿¨çºæ ¸å¿åºç¼ï¼éæ¢é£çµèµ·ä½ æç人è²ï¼å¾è½åæ¸èªæçå¯éã</span></span></p> </div> 2102 </div> 2103 2104 </div> 2105 2106 </div> 2107 2108 2109 2110 2111 </div> 2112 2113 </div> 2114 </section> 2115 <!-- /WORK --> 2116 <div style="clear:both;"></div> 2117 </div> 2118
2118<script type="text/javascript"> 2119 $(document).ready(function(){ 2120 //é»å°é¤äºæå®elemä¹å¤çæ±è¥¿å°±å·è¡func裡é¢åçäºæ 2121 function clickOtherDoSth(elem, callback) { 2122 $(document).on('click', function(e){ 2123 if($(e.target).parents(elem).length==0){ 2124 (callback && typeof(callback) === "function") && callback(); 2125 } 2126 }); 2127 } 2128 if($('html').hasClass("no-touch")){ 2129 }else if($('#m_RWDfullscreen01_51_1 .item-hover').css("display")!="none"){ 2130 $('#m_RWDfullscreen01_51_1 .row > .mix').each(function(){ 2131 $(this).children('.item-box').click(function(){ 2132 $('#m_RWDfullscreen01_51_1 .row > .mix').find('.item-hover').removeClass('active'); 2133 $(this).find('.item-hover').addClass('active'); 2134 }); 2135 }); 2136 clickOtherDoSth('#m_RWDfullscreen01_51_1 .item-box', function() { 2137 $('#m_RWDfullscreen01_51_1 .item-box').find('.item-hover').removeClass('active'); 2138 }); 2139 } 2140 }); 2141 $(window).load(function() { 2142 jQuery.extend(true, jQuery.magnificPopup.defaults, { 2143 tClose: 'Close', 2144 tLoading: 'Loading...', 2145 2146 gallery: { 2147 tPrev: 'Previous', 2148 tNext: 'Next', 2149 tCounter: '%curr% / %total%' 2150 }, 2151 2152 image: { 2153 tError: 'Image not loaded!' 2154 }, 2155 2156 ajax: { 2157 tError: 'Content not loaded!' 2158 } 2159 }); 2160 2161 $("#m_RWDfullscreen01_51_1 .lightbox").each(function() { 2162 2163 var _t = jQuery(this), 2164 options = _t.attr('data-plugin-options'), 2165 config = {}, 2166 defaults = { 2167 type: 'image', 2168 fixedContentPos: false, 2169 fixedBgPos: false, 2170 mainClass: 'mfp-no-margins mfp-with-zoom', 2171 closeOnContentClick: true, 2172 closeOnBgClick: true, 2173 image: { 2174 verticalFit: true 2175 }, 2176 2177 zoom: { 2178 enabled: false, 2179 duration: 300 2180 }, 2181 2182 gallery: { 2183 enabled: false, 2184 navigateByImgClick: true, 2185 preload: [0,1], 2186 arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>', 2187 tPrev: 'Previous', 2188 tNext: 'Next', 2189 tCounter: '<span class="mfp-counter">%curr% / %total%</span>' 2190 }, 2191 }; 2192 2193 if(_t.data("plugin-options")) { 2194 config = jQuery.extend({}, defaults, options, _t.data("plugin-options")); 2195 } 2196 2197 jQuery(this).magnificPopup(config); 2198 2199 }); 2200 2201 // 2202 var $list = $("#m_RWDfullscreen01_51_1 .list-inline"); 2203 var item_size = 4; 2204 for(var i=0;i < $list.size();i++){ 2205 var maxheight = 0; 2206 for(var y=0;y<item_size;y++){ 2207 var item1 = $list.eq(i); 2208 if(!item1.is('div')) break; 2209 item1.addClass('____tmp'); 2210 var _h = item1.outerHeight(true); 2211 if(maxheight < _h) maxheight = _h; 2212 2213 i++; 2214 } 2215 $("#m_RWDfullscreen01_51_1 .list-inline.____tmp").css({'height':maxheight}).removeClass('____tmp'); 2216 } 2217 }); 2218 </script>
2218 2219 <div class="clear"></div> 2220 </div> 2221 <div class="clear"></div> 2222 </div> 2223 <div class=" panel_1 brands_block " id="panel_47" page_style=""> 2224 <div class=" panel_2 container " id="panel_52" page_style=""> 2225 <div class="section RWDproduct002_v2 model" id="m_RWDfullscreen01_52_1" md_id="1" tp_id="52" template_id="RWDfullscreen01"> 2226 <div class="section-inner"> 2227 <div class="section-subject row"> 2228 <div class="col-md-12"> 2229 <h1 class="main-title">ç¹æ å</h1> <h2 class="sub-title">é¤äºä¾¿å® åªææ´ä¾¿å®</h2> <div class="section-line"></div> 2230 </div> 2231 </div> 2232 2233 2234 <div class="row RWDproduct002_v2_itemblock"> 2235 <div class="col-md-12"> 2236 <div class="show_info" style="text-align: center; padding: 30px 0;"><img src="https://system10.webtech.com.tw/public/model/sample/baseimg/RWDproduct002_v2/ajax-loader.gif"/></div> 2237 <div class="popup-portfolio" style="display:none"> 2238 <div class="portfolio-item grow c showbottom col-md-3 col-sm-3 col-xs-6" data-orgseq="00014" data-allseq="93"> 2239 2240 <div class="inner-content"> 2241 <div class="portfolio-content"> 2242 <div class="portfolio-detail"> 2243 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5538' target='_blank' title='ãJBLãGO 3 坿å¼é²æ°´èçåå' class="_link" aria-label="ãJBLãGO 3 坿å¼é²æ°´èçåå"> <div class="portfolio-text"> 2244 </div> 2245 </a> 2246 2247 2248 </div> 2249 </div> 2250 2251 <img src="" relimg="https://smart4-3c.com/archive/image/product2/index/4.png" class="img-responsive preload" border="0" alt="ãJBLãGO 3 坿å¼é²æ°´èçåå" style="display:none;"/> 2252 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5538' target='_blank' title='ãJBLãGO 3 坿å¼é²æ°´èçåå' class="_link" aria-label="ãJBLãGO 3 坿å¼é²æ°´èçåå" title="ãJBLãGO 3 坿å¼é²æ°´èçåå" style="display:block;width:100%;height:100%;position: absolute;top: 0px;"> </a> </div> 2253 2254 <div class="portfolio-bottom" style="position: relative;"> 2255 <div class="portfolio-bottom-summary"> 2256 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5538' target='_blank' title='ãJBLãGO 3 坿å¼é²æ°´èçåå' class="_link" aria-label="ãJBLãGO 3 坿å¼é²æ°´èçåå æ¾æ¹é³æèéæ¼ä½é³ 2257ç¡æ¼ç°å¢ IP67鲿°´é²å¡µåè½ 2258ç¡ç·èç串æµ" title="ãJBLãGO 3 坿å¼é²æ°´èçåå" style="display: block;"> <h4>ãJBLãGO 3 坿å¼é²æ°´èçåå</h4> 2259 <p>æ¾æ¹é³æèéæ¼ä½é³<br /> 2260ç¡æ¼ç°å¢ IP67鲿°´é²å¡µåè½<br /> 2261ç¡ç·èç串æµ</p> 2262 </a> </div> 2263 2264 </div> 2265 </div> 2266 <div class="portfolio-item grow c showbottom col-md-3 col-sm-3 col-xs-6" data-orgseq="00013" data-allseq="92"> 2267 2268 <div class="inner-content"> 2269 <div class="portfolio-content"> 2270 <div class="portfolio-detail"> 2271 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5574' target='_blank' title='ãAVIOTã TE-D01gs çç¡ç·èçè³æ©' class="_link" aria-label="ãAVIOTã TE-D01gs çç¡ç·èçè³æ©"> <div class="portfolio-text"> 2272 </div> 2273 </a> 2274 2275 2276 </div> 2277 </div> 2278 2279 <img src="" relimg="https://smart4-3c.com/archive/image/product2/index/3.png" class="img-responsive preload" border="0" alt="ãAVIOTã TE-D01gs çç¡ç·èçè³æ©" style="display:none;"/> 2280 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5574' target='_blank' title='ãAVIOTã TE-D01gs çç¡ç·èçè³æ©' class="_link" aria-label="ãAVIOTã TE-D01gs çç¡ç·èçè³æ©" title="ãAVIOTã TE-D01gs çç¡ç·èçè³æ©" style="display:block;width:100%;height:100%;position: absolute;top: 0px;"> </a> </div> 2281 2282 <div class="portfolio-bottom" style="position: relative;"> 2283 <div class="portfolio-bottom-summary"> 2284 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5574' target='_blank' title='ãAVIOTã TE-D01gs çç¡ç·èçè³æ©' class="_link" aria-label="ãAVIOTã TE-D01gs çç¡ç·èçè³æ© å¯ä»¥é²è¡ 10 段 EQ èªå®ç¾©çå種調æ´åè¨ç½® 2285å é»çé åä½¿ç¨æï¼æé·å¯ææ¾ 50 å°æ 2286é å IPX7 çæé²æ°´æ§è½" title="ãAVIOTã TE-D01gs çç¡ç·èçè³æ©" style="display: block;"> <h4>ãAVIOTã TE-D01gs çç¡ç·èçè³æ©</h4> 2287 <p>å¯ä»¥é²è¡ 10 段 EQ èªå®ç¾©çå種調æ´åè¨ç½®<br /> 2288å é»çé åä½¿ç¨æï¼æé·å¯ææ¾ 50 å°æ<br /> 2289é å IPX7 çæé²æ°´æ§è½</p> 2290 </a> </div> 2291 2292 </div> 2293 </div> 2294 <div class="portfolio-item grow c showbottom col-md-3 col-sm-3 col-xs-6" data-orgseq="00002" data-allseq="91"> 2295 2296 <div class="inner-content"> 2297 <div class="portfolio-content"> 2298 <div class="portfolio-detail"> 2299 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5490' target='_blank' title='ãJBLãTune Flex çç¡ç·èçè³æ©' class="_link" aria-label="ãJBLãTune Flex çç¡ç·èçè³æ©"> <div class="portfolio-text"> 2300 </div> 2301 </a> 2302 2303 2304 </div> 2305 </div> 2306 2307 <img src="" relimg="https://smart4-3c.com/archive/image/product2/index/1668771019.png" class="img-responsive preload" border="0" alt="ãJBLãTune Flex çç¡ç·èçè³æ©" style="display:none;"/> 2308 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5490' target='_blank' title='ãJBLãTune Flex çç¡ç·èçè³æ©' class="_link" aria-label="ãJBLãTune Flex çç¡ç·èçè³æ©" title="ãJBLãTune Flex çç¡ç·èçè³æ©" style="display:block;width:100%;height:100%;position: absolute;top: 0px;"> </a> </div> 2309 2310 <div class="portfolio-bottom" style="position: relative;"> 2311 <div class="portfolio-bottom-summary"> 2312 <a href='https://smart4-3c.com/product_d.php?lang=tw&tb=1&id=5490' target='_blank' title='ãJBLãTune Flex çç¡ç·èçè³æ©' class="_link" aria-label="ãJBLãTune Flex çç¡ç·èçè³æ© ç¨ç¹éæå¤æ®¼ 2313å ¥è³ãè³æé¨æåæç¡ç ©æ± 2314ä½é³éæ¼ å¼·èæå" title="ãJBLãTune Flex çç¡ç·èçè³æ©" style="display: block;"> <h4>ãJBLãTune Flex çç¡ç·èçè³æ©</h4> 2315 <p>ç¨ç¹éæå¤æ®¼ <br /> 2316å ¥è³ãè³æé¨æåæç¡ç ©æ±<br /> 2317ä½é³éæ¼ å¼·èæå</p> 2318 </a> </div> 2319 2320 </div> 2321 </div> 2322 </div> 2323 </div> 2324 </div> 2325 </div> 2326 2327 <div style="clear:both;"></div> 2328 </div> 2329 2330
2330<script type="text/javascript" language="javascript"> 2331 var m_RWDfullscreen01_52_1isActive = false; 2332 var m_RWDfullscreen01_52_1isotopePortfolio = null; 2333 2334 var isiPad = navigator.userAgent.toLowerCase().indexOf("ipad"); 2335 var $m_RWDfullscreen01_52_1container = $('#m_RWDfullscreen01_52_1 .popup-portfolio'); 2336 var m_RWDfullscreen01_52_1all_img = $("#m_RWDfullscreen01_52_1 .preload").size(); 2337 var m_RWDfullscreen01_52_1oldwidth = 0; 2338 var m_RWDfullscreen01_52_1line_size = 0; 2339 var m_RWDfullscreen01_52_1iso = null; 2340 $( document ).ready(function() { 2341 2342 m_RWDfullscreen01_52_1oldwidth = $(window).width(); 2343 2344 m_RWDfullscreen01_52_1loadImg(); 2345 2346 $('.RWDproduct002_v2 .shop-box .pd-info').each(function(){ 2347 setTimeout(function(){ 2348 let select_nu = $(this).children('.select_col').length; 2349 if(select_nu>1){ 2350 $(this).addClass('select2'); 2351 } 2352 }, 150); 2353 }); 2354 }); 2355 2356 function m_RWDfullscreen01_52_1loadImg(){ 2357 // $("#m_RWDfullscreen01_52_1 .show_info").html($("#m_RWDfullscreen01_52_1 .loaded").size()+' / '+m_RWDfullscreen01_52_1all_img); 2358 if($("#m_RWDfullscreen01_52_1 .preload").size()==0){ 2359 $("#m_RWDfullscreen01_52_1 .show_info").remove(); 2360 $("#m_RWDfullscreen01_52_1 .popup-portfolio").show(); 2361 m_RWDfullscreen01_52_1imgOK(); 2362 return true; 2363 } 2364 var img = $("#m_RWDfullscreen01_52_1 .preload").eq(0); 2365 2366 var ss = img.attr('relimg'); 2367 img.attr('src',ss); 2368 2369 // img.load(function(){ 2370 // img.removeClass('preload').addClass('loaded'); 2371 // m_RWDfullscreen01_52_1loadImg(); 2372 // }); 2373 2374 img.on('load',function(){ 2375 img.removeClass('preload').addClass('loaded'); 2376 m_RWDfullscreen01_52_1loadImg(); 2377 }); 2378 img.on('error',function(){ 2379 img.removeClass('preload').addClass('loaded'); 2380 m_RWDfullscreen01_52_1loadImg(); 2381 }); 2382 2383 } 2384 2385 function m_RWDfullscreen01_52_1init_isotope(){ 2386 // init Isotope 2387 m_RWDfullscreen01_52_1iso = new Isotope( '#m_RWDfullscreen01_52_1 .popup-portfolio', { 2388 itemSelector: '.portfolio-item', 2389 layoutMode: 'fitRows', 2390 sortAscending : false, 2391 getSortData: { 2392 orgseq: '[data-orgseq] parseInt', 2393 allseq: '[data-allseq] parseInt', 2394 } 2395 }); 2396 2397 // $('#m_RWDfullscreen01_52_1 .filter-portfolio a').eq(0).trigger('click');// 2398 var _now = $('#m_RWDfullscreen01_52_1 .filter-portfolio a').eq(0); 2399 _now.parent('li').addClass('active'); 2400 _now.addClass('disabled'); 2401 var selector = _now.attr('data-filter'); 2402 2403 var sorttype = _now.attr('data-sort-by'); 2404 m_RWDfullscreen01_52_1iso.arrange({filter:selector, sortBy: sorttype }); 2405 $("#m_RWDfullscreen01_52_1 .allcatebtn").addClass('disabled').parent('li').addClass('active'); 2406 2407 m_RWDfullscreen01_52_1isActive = true; 2408 2409 2410 2411 } 2412 2413 function m_RWDfullscreen01_52_1imgOK(){ 2414 2415 2416 2417 2418 2419 2420 //fix height 2421 var $items = $('#m_RWDfullscreen01_52_1 .portfolio-item'); 2422 var $item_size = $items.size(); 2423 2424 var cc = 0; 2425 var line_cc = 0; 2426 2427 var max_h = 0; 2428 var max_content_h = 0; 2429 for(cc=0;cc<$item_size;cc++){ 2430 var __t = cc % m_RWDfullscreen01_52_1line_size; 2431 2432 if(__t==0 && cc !=0){ 2433 //æè¡ï¼å å¯«å ¥ä¹åçé«åº¦ 2434 $("#m_RWDfullscreen01_52_1 .line"+line_cc).css({'height':max_h,'overflow':'hidden'}); 2435 $("#m_RWDfullscreen01_52_1 .line"+line_cc+' .portfolio-bottom .portfolio-bottom-summary').css({'height':max_content_h}); 2436 2437 line_cc++; 2438 }else if(cc==0){ 2439 line_cc = 1; 2440 } 2441 var _tmph = $('#m_RWDfullscreen01_52_1 .portfolio-item img').eq(cc).outerHeight(true); 2442 var _tmp_content_h = $('#m_RWDfullscreen01_52_1 .portfolio-item .portfolio-bottom .portfolio-bottom-summary').eq(cc).outerHeight(true); 2443 if(_tmp_content_h > max_content_h){ 2444 max_content_h = _tmp_content_h; 2445 } 2446 2447 _tmph += $('#m_RWDfullscreen01_52_1 .portfolio-item .portfolio-bottom').eq(cc).outerHeight(true) +20; 2448 2449 // 2450 var t_top = parseInt($('#m_RWDfullscreen01_52_1 .portfolio-item').css('padding-top'),10); 2451 var t_bottom = parseInt($('#m_RWDfullscreen01_52_1 .portfolio-item').css('padding-bottom'),10); 2452 _tmph += t_top+t_bottom; 2453 if(_tmph > max_h){ 2454 max_h = _tmph; 2455 } 2456 2457 $items.eq(cc).addClass('line'+line_cc); 2458 2459 } 2460 if(cc!=0){ 2461 $("#m_RWDfullscreen01_52_1 .line"+line_cc).css({'height':max_h,'overflow':'hidden'}); 2462 $("#m_RWDfullscreen01_52_1 .line"+line_cc+' .portfolio-bottom .portfolio-bottom-summary').css({'height':max_content_h}); 2463 } 2464 2465 2466 2467 2468 $("#m_RWDfullscreen01_52_1 .loaded").show(); 2469 $('#m_RWDfullscreen01_52_1 .portfolio-item > .inner-content').each(function(i){ 2470 var element = $(this), 2471 itemsDelay = ( isNaN($(this).data('animation-delay')) ? 3 : $(this).data('animation-delay')); 2472 element.css('opacity', 0).one('inview', function(isInView) { 2473 if (isInView){ 2474 setTimeout(function(){ 2475 element.addClass('animated bounceIn').css('opacity', 1); 2476 } , itemsDelay * i); 2477 } 2478 }); 2479 }); 2480 m_RWDfullscreen01_52_1init_isotope(); 2481 if($(".RWDparalaxSlice").size()>0 && $(window).width() > 800){ 2482 setTimeout(function(){ 2483 $.stellar('refresh'); 2484 }, 800); 2485 } 2486 $('#m_RWDfullscreen01_52_1 .filter-portfolio a').on('click touchend', function(e) { 2487 if($(this).attr('isweblink')!='Y'){ 2488 e.preventDefault(); 2489 $('#m_RWDfullscreen01_52_1 .filter-portfolio li').removeClass('active'); 2490 $('#m_RWDfullscreen01_52_1 .filter-portfolio a').removeClass('disabled'); 2491 $(this).parent('li').addClass('active'); 2492 2493 $(this).addClass('disabled'); 2494 var selector = $(this).attr('data-filter'); 2495 2496 var sorttype = $(this).attr('data-sort-by'); 2497 2498 // m_RWDfullscreen01_52_1isotopePortfolio(selector,sorttype); 2499 // alert(sorttype); 2500 2501 2502 m_RWDfullscreen01_52_1iso.arrange({filter:selector, sortBy: sorttype}); 2503 2504 // iso.arrange({ sortBy: sortValue }); 2505 2506 2507 if($(".RWDparalaxSlice").size()>0 && $(window).width() > 800){ 2508 setTimeout(function(){ 2509 $.stellar('refresh'); 2510 }, 800); 2511 } 2512 } 2513 }); 2514 2515 if( $("#m_RWDfullscreen01_52_1 a.image-link").length){ 2516 $('#m_RWDfullscreen01_52_1').on( 'click touchstart', 'a.image-link ',function(e) { 2517 // $("#m_RWDfullscreen01_52_1 a.image-link").click(function (e) { 2518 var items = []; 2519 items.push( { src: $(this).attr('href') ,title: $(this).attr('title').replace(/\r?\n/g, '<br />')} ); 2520 if($(this).data('gallery')){ 2521 var $arraySrc = $(this).data('gallery').split(','); 2522 var $descSrc = $(this).data('gallerydesc').split(','); 2523 $.each( $arraySrc, function( i, v ){ 2524 items.push( { 2525 src: v, 2526 title: $descSrc[i].replace(/\r?\n/g, '<br />') 2527 }); 2528 }); 2529 } 2530 2531 $.magnificPopup.open({ 2532 type:'image', 2533 mainClass: 'mfp-fade', 2534 items:items, 2535 gallery: { 2536 enabled: true 2537 } 2538 }); 2539 e.preventDefault(); 2540 }); 2541 } 2542 2543 } 2544 </script>
2544 2545 2546 <div class="clear"></div> 2547 </div> 2548 <div class="clear"></div> 2549 </div> 2550 <div class=" panel_1 news_block " id="panel_48" page_style=""> 2551 <div class=" panel_2 container " id="panel_53" page_style=""> 2552 2553 <div class="model RWDnews005" id="m_RWDfullscreen01_53_1" md_id="1" tp_id="53" template_id="RWDfullscreen01"> 2554<section> 2555 <div class="container"> 2556 <div class="section-subject row"> 2557 <div class="col-md-12"> 2558 <h1 class="main-title">What's New</h1> <h2 class="sub-title">å享æ¯ä¸å»çåçæ°é®®äº</h2> <div class="section-line"></div> 2559 </div> 2560 </div> 2561 2562 <div class="owl-carousel owl-padding-10 controlls-over" data-plugin-options='{"singleItem": false, "autoPlay": 4000, "navigation": true, "pagination": true}'> 2563 <div class="img-hover"> 2564 <a href="#" onclick='return false;' aria-label="Sennheiser HDB 630 ééç±è³£ä¸" orglink=""> 2565 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://smart4-3c.com/archive/image/model/images/1761112100_thumb_2077.jpg" alt="Sennheiser HDB 630 ééç±è³£ä¸"> 2566 </a> 2567 <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="Sennheiser HDB 630 ééç±è³£ä¸ï¼" >Sennheiser HDB 630 ééç±è³£ä¸ï¼</a></h4> 2568 <p class="text-left"></p> 2569 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 2570 <li> 2571 <i class="fa fa-calendar"></i>2025-10-22 </li> 2572 </ul> 2573 </div> 2574 <div class="img-hover"> 2575 <a href="https://www.smart4-3c.com/product_d.php?lang=tw&tb=1&id=10239" aria-label="KEF Muo便æå¼èçåå ç±è³£" orglink="https://www.smart4-3c.com/product_d.php?lang=tw&tb=1&id=10239"> 2576 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://smart4-3c.com/archive/image/model/images/KEF_thumb_2081.jpg" alt="KEF Muo便æå¼èçåå ç±è³£"> 2577 </a> 2578 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.smart4-3c.com/product_d.php?lang=tw&tb=1&id=10239" aria-label="KEF Muo便æå¼èçåå ç±è³£ä¸ï¼" >KEF Muo便æå¼èçåå ç±è³£ä¸ï¼</a></h4> 2579 <p class="text-left"></p> 2580 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 2581 <li> 2582 <i class="fa fa-calendar"></i>2025-10-17 </li> 2583 </ul> 2584 </div> 2585 <div class="img-hover"> 2586 <a href="https://www.smart4-3c.com/product.php?lang=tw&tb=1&cid=1089" aria-label="æå¡æåä¸ï¼äº«å ¨é¤¨å «æ" orglink="https://www.smart4-3c.com/product.php?lang=tw&tb=1&cid=1089"> 2587 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://smart4-3c.com/archive/image/model/images/1760681702_thumb_1039.jpg" alt="æå¡æåä¸ï¼äº«å ¨é¤¨å «æ"> 2588 </a> 2589 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.smart4-3c.com/product.php?lang=tw&tb=1&cid=1089" aria-label="æåï½å å ¥æå¡æ´åç® æ´åªæ ï¼" >æåï½å å ¥æå¡æ´åç® æ´åªæ ï¼</a></h4> 2590 <p class="text-left"></p> 2591 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 2592 <li> 2593 <i class="fa fa-calendar"></i>2025-10-17 </li> 2594 </ul> 2595 </div> 2596 <div class="img-hover"> 2597 <a href="#" onclick='return false;' aria-label="è³æ©é³é¿åå å°æ¥ç¨å®¶ç¶ä¿® åå» ä¸ä¿®æåå¹«ä½ ä¿®" orglink=""> 2598 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://smart4-3c.com/archive/image/model/images/1760682199_thumb_1039.jpg" alt="è³æ©é³é¿åå å°æ¥ç¨å®¶ç¶ä¿® åå» ä¸ä¿®æåå¹«ä½ ä¿®"> 2599 </a> 2600 <h4 class="news005_h4 text-left margin-top-20"><a href="#" aria-label="å°æ¥ç¨å®¶ç¶ä¿®" >å°æ¥ç¨å®¶ç¶ä¿®</a></h4> 2601 <p class="text-left"></p> 2602 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 2603 <li> 2604 <i class="fa fa-calendar"></i>2025-10-17 </li> 2605 </ul> 2606 </div> 2607 </div> 2608 2609 </div> 2610 </section> 2611 2612 2613 <div style="clear:both;"></div> 2614 </div> 2615 2616
2616<script type="text/javascript"> 2617 var m_RWDfullscreen01_53_1NOW_SHOW_ITEM=0; 2618 var resizeEnd; 2619 function m_RWDfullscreen01_53_1check_show_item(width_now,mode){ 2620 var item_qry_tmp=0; 2621 if(width_now>1200){ 2622 item_qry_tmp=4; 2623 }else if(width_now<=1200&&width_now>768){ 2624 item_qry_tmp=3; 2625 }else if(width_now<=768&&width_now>500){ 2626 item_qry_tmp=2; 2627 }else{ 2628 item_qry_tmp=1; 2629 } 2630 if(mode=="rtn"){ 2631 return item_qry_tmp; 2632 }else{ 2633 m_RWDfullscreen01_53_1NOW_SHOW_ITEM = item_qry_tmp; 2634 } 2635 } 2636 2637 jQuery(document).ready(function() { 2638 var _container = jQuery("#m_RWDfullscreen01_53_1 div.owl-carousel"); 2639 if(_container.length > 0) { 2640 _container.each(function() { 2641 var slider = jQuery(this); 2642 var options = slider.attr('data-plugin-options'); 2643 // Progress Bar 2644 var $opt = eval('(' + options + ')'); // convert text to json 2645 2646 if($opt.progressBar == 'true') { 2647 var afterInit = progressBar; 2648 } else { 2649 var afterInit = false; 2650 } 2651 2652 var defaults = { 2653 items: [4], 2654 itemsDesktop : [1200,3], //3 items between 1200px and 769px 2655 itemsDesktopSmall : [768,2], //2 items between 769px and 501px 2656 itemsTablet: [500,1], //1 items between 500 and 0; 2657 itemsTabletSmall: [500,1], 2658 itemsMobile: [500,1], 2659 singleItem: true, 2660 itemsScaleUp: false, 2661 2662 slideSpeed: 200, 2663 paginationSpeed: 800, 2664 rewindSpeed: 1000, 2665 2666 autoPlay: false, 2667 stopOnHover: false, 2668 navigation: false, 2669 navigationText: [ 2670 '<i class="fa fa-angle-left"></i>', 2671 '<i class="fa fa-angle-right"></i>' 2672 ], 2673 rewindNav: true, 2674 scrollPerPage: false, 2675 2676 pagination: true, 2677 paginationNumbers: false, 2678 2679 responsive: true, 2680 responsiveRefreshRate: 200, 2681 responsiveBaseWidth: window, 2682 2683 baseClass: "owl-carousel", 2684 theme: "owl-theme", 2685 2686 lazyLoad: true, 2687 lazyFollow: true, 2688 lazyEffect: "fade", 2689 2690 autoHeight: false, 2691 2692 jsonPath: false, 2693 jsonSuccess: false, 2694 2695 dragBeforeAnimFinish: true, 2696 mouseDrag: true, 2697 touchDrag: true, 2698 2699 transitionStyle: false, 2700 2701 addClassActive: false, 2702 2703 beforeUpdate: false, 2704 afterUpdate: false, 2705 beforeInit: false, 2706 afterInit: afterInit, 2707 beforeMove: false, 2708 afterMove: (afterInit == false) ? false : moved, 2709 afterAction: false, 2710 startDragging: false, 2711 afterLazyLoad: false 2712 } 2713 2714 var config = jQuery.extend({}, defaults, options, slider.data("plugin-options")); 2715 slider.owlCarousel(config).addClass("owl-carousel-init"); 2716 2717 2718 // Progress Bar 2719 var elem = jQuery(this); 2720 2721 //Init progressBar where elem is $("#owl-demo") 2722 function progressBar(elem){ 2723 $elem = elem; 2724 //build progress bar elements 2725 buildProgressBar(); 2726 //start counting 2727 start(); 2728 } 2729 2730 //create div#progressBar and div#bar then prepend to $("#owl-demo") 2731 function buildProgressBar(){ 2732 $progressBar = jQuery("<div>",{ 2733 id:"progressBar" 2734 }); 2735 $bar = jQuery("<div>",{ 2736 id:"bar" 2737 }); 2738 $progressBar.append($bar).prependTo($elem); 2739 } 2740 2741 function start() { 2742 //reset timer 2743 percentTime = 0; 2744 isPause = false;
2745 //run interval every 0.01 second 2746 tick = setInterval(interval, 10); 2747 // console.log('percentTime:'+percentTime); 2748 }; 2749 2750 2751 var time = 7; // time in seconds 2752 function interval() { 2753 if(isPause === false){ 2754 2755 percentTime += 1 / time; 2756 // console.log(percentTime); 2757 $bar.css({ 2758 width: percentTime+"%" 2759 }); 2760 //if percentTime is equal or greater than 100 2761 if(percentTime >= 100){ 2762 //slide to next item 2763 $elem.trigger('owl.next') 2764 } 2765 } 2766 } 2767 2768 //pause while dragging 2769 function pauseOnDragging(){ 2770 isPause = true; 2771 } 2772 2773 //moved callback 2774 function moved(){ 2775 //clear interval 2776 clearTimeout(tick); 2777 //start again 2778 start(); 2779 } 2780 }); 2781 } 2782 var width_now = $(window).width(); 2783 m_RWDfullscreen01_53_1check_show_item(width_now); 2784 if($("#m_RWDfullscreen01_53_1 div.owl-item").length<=m_RWDfullscreen01_53_1NOW_SHOW_ITEM){ 2785 $("#m_RWDfullscreen01_53_1 div.owl-controls").hide(); 2786 }else{ 2787 $("#m_RWDfullscreen01_53_1 div.owl-controls").show(); 2788 } 2789 $(window).on('resize',function(){ 2790 clearTimeout(resizeEnd); 2791 resizeEnd = setTimeout(function() { 2792 var width_now = $(window).width(); 2793 var item_qty_tmp=m_RWDfullscreen01_53_1check_show_item(width_now,"rtn"); 2794 if(item_qty_tmp!=m_RWDfullscreen01_53_1NOW_SHOW_ITEM){ 2795 m_RWDfullscreen01_53_1NOW_SHOW_ITEM=item_qty_tmp; 2796 if($("#m_RWDfullscreen01_53_1 div.owl-item").length<=m_RWDfullscreen01_53_1NOW_SHOW_ITEM){ 2797 $("#m_RWDfullscreen01_53_1 div.owl-controls").hide(); 2798 }else{ 2799 $("#m_RWDfullscreen01_53_1 div.owl-controls").show(); 2800 } 2801 } 2802 }, 333); 2803 }) 2804 }); 2805 2806 </script>
2806 2807 <div class="clear"></div> 2808 </div> 2809 <div class="clear"></div> 2810 </div> 2811 <div class=" panel_1 footer_block " id="panel_49" page_style="footermain"> 2812 <div class=" panel_2 container " id="panel_54" page_style=""> 2813 <div class=" panel_3 left_info " id="panel_55" page_style=""> 2814 2815 <div class="model RWDedictor " id="m_RWDfullscreen01_55_1" md_id="1" tp_id="55" template_id="RWDfullscreen01"> 2816 <!--start--> 2817 <div class="main-text"> 2818<h4>ææé¢¨ææ©ç活館 æ±è總åº</h4> 2819ä¸ç«å¼3Cæåç«<br /> 2820<br /> 2821çæ¥æéï½<span style="color: rgb(102, 102, 102); font-size: 15px; letter-spacing: 1px;">é±ä¸è³é±å  </span>11:00-20<span style="color: rgb(102, 102, 102); font-size: 15px; letter-spacing: 1px;">:</span>00ï¼<span style="color: rgb(102, 102, 102); font-size: 15px; letter-spacing: 1px;">鱿¥å ¬ä¼ï¼</span><br /> 2822<i class="icon ion-ios-telephone"></i> <a href="tel:04-2328-9908" target="_blank" title="">04-2328-9908</a><br /> 2823<i class="icon ion-android-mail"></i> <a href="mailto:[email protected]">[email protected]</a><br /> 2824<i class="icon ion-ios-location"></i> å°ä¸å¸è¥¿åæ±èè·¯ä¸æ®µ156-2è 2825 2826<div> 2827<p> </p> 2828</div> 2829</div> 2830 2831<div class="_bd_row _bd_clearfix"> 2832<div class="_bd_column _bd_full"><a class="_bd_is-btn _bd_is-btn-ghost1 _bd_is-upper _bd_is-rounded-30 _bd_edit" href="https://www.google.com/maps/place/403%E5%8F%B0%E4%B8%AD%E5%B8%82%E8%A5%BF%E5%8D%80%E6%9D%B1%E8%88%88%E8%B7%AF%E4%B8%89%E6%AE%B5156-2%E8%99%9F/@24.150113,120.653146,15z/data=!4m6!3m5!1s0x34693d9798602f93:0x27d72b74c70a47e2!8m2!3d24.1501131!4d120.6531456!16s%2Fg%2F11fm5fprnr?hl=zh-TW&entry=ttu" target="_blank" title=""><span style="color:#000000;">ç«å³å°èª</span></a></div> 2833</div> 2834 <!--end--> 2835 <div style="clear:both;"></div> 2836 </div> 2837 2838 <div class="clear"></div> 2839 </div> 2840 <div class=" panel_3 right_store " id="panel_56" page_style=""> 2841 <div class=" panel_4 store_block " id="panel_59" page_style=""> 2842 <div class="model RWDservice004" id="m_RWDfullscreen01_59_1" md_id="1" tp_id="59" template_id="RWDfullscreen01"> 2843 <div class="title_block"> 2844 <div class="title_tw">åå°åååº</div> 2845 </div> 2846 <div class="tab_block"> 2847 <div class="swiper-container"> 2848 <div class="swiper-wrapper"> 2849 <a href="#0" role="button" slide-to="0" class="swiper-slide tab_name active" aria-label="å°ä¸å屯åºï½å ç示ç¯åº">å°ä¸å屯åºï½å ç示ç¯åº</a> 2850 <a href="#1" role="button" slide-to="1" class="swiper-slide tab_name " aria-label="å°ä¸ä¸ç§åº">å°ä¸ä¸ç§åº</a> 2851 <a href="#2" role="button" slide-to="2" class="swiper-slide tab_name " aria-label="鲿æå åº">鲿æå åº</a> 2852 <a href="#3" role="button" slide-to="3" class="swiper-slide tab_name " aria-label="MLDå°éé»è 館ï½
2852å±å®é»">MLDå°éé»è 館ï½å±å®é»</a> 2853 </div> 2854 </div> 2855 <div class="tab-arrow tab-prev swiper-button-hidden"></div> 2856 <div class="tab-arrow tab-next swiper-button-hidden"></div> 2857 </div> 2858 <div class="swiper-container main-slider"> 2859 <div class="swiper-wrapper"> 2860 <div class="swiper-slide" editor-gap="30"> 2861 <div class="editor editor_2col editor_1_1"><span style="font-size:14px;">çæ¥æéï½å æ¥ãåå®åæ¥å ¬ä¼<br /> 2862é±ä¸è³é±äº 11:00-20:00 </span><br /> 2863<i class="icon ion-ios-telephone"></i><span style="font-size:12px;"> </span><span style="font-size:14px;"><a href="tel:0982-031 959">04-2247-9907</a><br /> 2864<i class="icon ion-ios-location"></i> å°ä¸å¸å屯åæå¹³è·¯ä¸æ®µ107ä¹2è</span><br /> 2865<span style="font-size:20px;"><strong><a href="https://www.google.com/maps/place/%E6%84%9B%E6%8B%89%E9%A2%A8%E6%89%8B%E6%A9%9F%E7%94%9F%E6%B4%BB%E9%A4%A8-%E5%8C%97%E5%B1%AF%E5%BA%97/@24.1744339,120.6902603,15z/data=!4m2!3m1!1s0x0:0xfabbe1b827508203?sa=X&ved=2ahUKEwj26ObyoPODAxWElK8BHbOlAnkQ_BJ6BAhMEAA" target="_blank">ç«å³å°èª</a></strong></span></div> 2866 <div class="editor editor_2col editor_1_2"></div> 2867 </div> 2868 <div class="swiper-slide" editor-gap="30"> 2869 <div class="editor editor_2col editor_2_1"><span style="font-size:14px;">çæ¥æéï½é±æ¥å ¬ä¼<br /> 2870é±ä¸è³é±å 11:00-19:30 </span><br /> 2871<i class="icon ion-ios-telephone"></i><span style="font-size:14px;"><a href="tel: 04-2483-0818" target="_blank"> 04-2461-0196</a><br /> 2872<i class="icon ion-ios-location"></i> <span style="font-family: arial, sans-serif;">å°ä¸å¸è¥¿å±¯åç¦é è·¯128å··2è1æ¨</span></span><br /> 2873<span style="font-size:20px;"><strong><a href="https://www.google.com/maps/place/%E6%84%9B%E6%8B%89%E9%A2%A8%E6%89%8B%E6%A9%9F%E7%94%9F%E6%B4%BB%E9%A4%A8-%E4%B8%AD%E7%A7%91%E5%BA%97+%E8%97%8D%E7%89%99%E8%80%B3%E6%A9%9F%E3%80%81%E5%96%87%E5%8F%AD+Marshall+Bose+B%26W+Sennheiser+harman+kardon/@24.185325,120.619624,13z/data=!4m6!3m5!1s0x346915af74efa36f:0x2726bbb62b533e7a!8m2!3d24.1853254!4d120.6196244!16s%2Fg%2F11sts44d9c?hl=zh-TW&entry=ttu" target="_blank">ç«å³å°èª</a></strong></span></div> 2874 <div class="editor editor_2col editor_2_2"></div> 2875 </div> 2876 <div class="swiper-slide" editor-gap="30"> 2877 <div class="editor editor_2col editor_3_1"><i class="icon ion-ios-telephone"></i><span style="font-size:14px;"><a href="tel: 04-2483-0818" target="_blank"> </a><a href="tel:05-5362909">055362909</a></span><br /> 2878<span style="font-size:14px;"><i class="icon ion-ios-location"></i>Â é²æç¸£æå 叿°çåè·¯270è</span><br /> 2879<span style="font-size:20px;"><strong><a href="https://share.google/q2xYGhBElffb2d1Df" target="_blank">ç«å³å°èª</a></strong></span></div> 2880 <div class="editor editor_2col editor_3_2"></div> 2881 </div> 2882 <div class="swiper-slide" editor-gap="30"> 2883 <div class="editor editor_2col editor_4_1"><span style="font-size:14px;">çæ¥æéï½11:30-21:30 é±ä¸è³é±æ¥</span><br /> 2884<i class="icon ion-ios-location"></i><span style="font-size:12px;"> </span><span style="font-size:14px;">é«éå¸åé®åå¿ å¤è·¯8èäºæ¨<br /> 2885å大åçå ¨ç³»å販å®ï¼<br /> 2886Marshallï½Boseï½Celia & Perahï½<br /> 2887Harman/Kardon</span><br /> 2888<span style="font-size:20px;"><strong><a href="https://www.google.com/maps/place/MLD+Vinyl+%E9%BB%91%E8%86%A0%E9%A4%A8/@22.603653,120.302939,15z/data=!4m6!3m5!1s0x346e0364bedff275:0xb307a4b9ad2b8f73!8m2!3d22.6036525!4d120.3029393!16s%2Fg%2F11hzx5r0m9?hl=zh-TW&entry=ttu" target="_blank">ç«å³å°èª</a></strong></span></div> 2889 <div class="editor editor_2col editor_4_2"></div> 2890 </div> 2891 </div> 2892 </div> 2893 2894
2894<script> 2895 $(document).ready(function(){ 2896 let window_w = $(window).width(); 2897 let tabSlider_m_RWDfullscreen01_59_1; 2898 let mainSlider_m_RWDfullscreen01_59_1; 2899 let device; 2900 let isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent); 2901 2902 RWDservice004_init_m_RWDfullscreen01_59_1(); 2903 if(!isMobile){ 2904 $(window).resize(function() { 2905 RWDservice004_doneResizing_m_RWDfullscreen01_59_1() 2906 }); 2907 } 2908 function RWDservice004_doneResizing_m_RWDfullscreen01_59_1(){ 2909 let st_index=0; 2910 if(mainSlider_m_RWDfullscreen01_59_1!=null){ 2911 st_index=mainSlider_m_RWDfullscreen01_59_1.activeIndex; 2912 } 2913 tabSlider_m_RWDfullscreen01_59_1.destroy(true, true); 2914 mainSlider_m_RWDfullscreen01_59_1.destroy(true, true); 2915 RWDservice004_init_m_RWDfullscreen01_59_1(); 2916 mainSlider_m_RWDfullscreen01_59_1.slideTo(st_index,0); 2917 } 2918 function RWDservice004_init_m_RWDfullscreen01_59_1() { 2919 window_w = $(window).width(); 2920 if (window_w >= 1200) { 2921 device = 'pc'; 2922 } 2923 if (window_w < 1200) { 2924 device = 'tablet'; 2925 } 2926 if (window_w < 768) { 2927 device = 'mobile'; 2928 } 2929 // é 籤 ç slider 2930 if (device === 'pc') { 2931 tabSlider_m_RWDfullscreen01_59_1 = new Swiper('#m_RWDfullscreen01_59_1 .tab_block .swiper-container', { 2932 speed: 400, 2933 centerInsufficientSlides: true, 2934 slidesPerView: 'auto', 2935 navigation: { 2936 nextEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-next', 2937 prevEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-prev', 2938 }, 2939 simulateTouch: false 2940 }); 2941 }else if (device === 'mobile') { 2942 tabSlider_m_RWDfullscreen01_59_1 = new Swiper('#m_RWDfullscreen01_59_1 .tab_block .swiper-container', { 2943 speed: 400, 2944 centerInsufficientSlides: true, 2945 slidesPerView: 2, 2946 navigation: { 2947 nextEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-next', 2948 prevEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-prev', 2949 } 2950 }); 2951 }else{ 2952 tabSlider_m_RWDfullscreen01_59_1 = new Swiper('#m_RWDfullscreen01_59_1 .tab_block .swiper-container', { 2953 speed: 400, 2954 centerInsufficientSlides: true, 2955 slidesPerView: 'auto', 2956 navigation: { 2957 nextEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-next', 2958 prevEl: '#m_RWDfullscreen01_59_1 .tab_block .tab-prev', 2959 } 2960 }); 2961 } 2962 2963 // é ç±¤å §å®¹ ç slider 2964 mainSlider_m_RWDfullscreen01_59_1 = new Swiper('#m_RWDfullscreen01_59_1 .main-slider', { 2965 speed: 400, 2966 pagination: { 2967 el: '#m_RWDfullscreen01_59_1 .swiper-pagination', 2968 type: 'fraction', 2969 }, 2970 effect: 'fade', 2971 fadeEffect: { 2972 crossFade: true 2973 }, 2974 on: { 2975 slideChange() { 2976 $('#m_RWDfullscreen01_59_1 .tab_name').removeClass('active') 2977 .eq(this.activeIndex) 2978 .addClass('active'); 2979 } 2980 } 2981 }); 2982 $('#m_RWDfullscreen01_59_1 .tab_block .tab_name').click(function(){ 2983 var _this = $(this); 2984 var index = _this.attr('slide-to'); 2985 $('#m_RWDfullscreen01_59_1 .tab_block .tab_name').removeClass('active'); 2986 _this.addClass('active'); 2987 mainSlider_m_RWDfullscreen01_59_1.slideTo(index); 2988 }); 2989 setBlockWidth_m_RWDfullscreen01_59_1(device); 2990 } 2991 function setBlockWidth_m_RWDfullscreen01_59_1(device) { 2992 $('#m_RWDfullscreen01_59_1 .swiper-slide').each(function() { 2993 var editor_pac = $(this).find('.editor').length; 2994 var editorBox = $(this).find('.editor'); 2995 var sliderWarpWidth = $(this).width(); 2996 var editorGap = 30; 2997 if ($(this).attr('editor-gap')) { 2998 editorGap = $(this).attr('editor-gap'); 2999 } 3000 if (device === 'pc') { 3001 var space = editorGap * (editor_pac - 1); 3002 var allEditorWidth = sliderWarpWidth - space; 3003 var editorWidth = allEditorWidth / editor_pac; 3004 editorBox.css('width', editorWidth + 'px') 3005 .css('margin-right', +editorGap); 3006 3007 $('.swiper-slide .editor:last-child()').css('margin-right', 0); 3008 } else if (device === 'tablet') { 3009 if(editor_pac > 2) { 3010 editorBox.css('margin-right', 0); 3011 editorBox.eq(0).css('width','100%'); 3012 editorBox.eq(1).css('width', (sliderWarpWidth - editorGap)/2).css('margin-right', editorGap+'px'); 3013 editorBox.eq(2).css('width', (sliderWarpWidth - editorGap)/2) 3014 } else { 3015 editorBox.css('width','100%').css('margin-right', 0); 3016 } 3017 } else { 3018 editorBox.css('width','100%').css('margin-right', 0); 3019 } 3020 }); 3021 var tabBlockWidth = $('#m_RWDfullscreen01_59_1 .tab_block').width(); 3022 var tabNameWidth = 0; 3023 $('#m_RWDfullscreen01_59_1 .tab_name').each(function(){ 3024 tabNameWidth = +tabNameWidth + $(this).outerWidth(true); 3025 }); 3026 if (tabNameWidth < tabBlockWidth) { 3027 $('#m_RWDfullscreen01_59_1 .tab-arrow').css('display' , 'none'); 3028 return 3029 } 3030 $('#m_RWDfullscreen01_59_1 .tab-arrow').css('display' , 'flex'); 3031 } 3032 3033 }); 3034 </script>
3034 3035 <div style="clear:both;"></div> 3036 </div> 3037 3038 <div class="clear"></div> 3039 </div> 3040 <div class=" panel_4 edm_block " id="panel_60" page_style=""> 3041 <div class="model web_edm webfunction_bg" id="m_RWDfullscreen01_60_1" md_id="1" tp_id="60" template_id="RWDfullscreen01"> 3042 <div class="email"> 3043 <input type="text" value="é»åå ± / è«è¼¸å ¥E-MAIL" id="edm_emailm_RWDfullscreen01_60_1" aria-label="é»åå ± / è«è¼¸å ¥E-MAIL"/> 3044 </div> 3045 <div class="btn_container"> 3046 <div class="btn" id="btn_order_emailm_RWDfullscreen01_60_1">è¨é±</div> 3047 <div class="btn" id="btn_reject_emailm_RWDfullscreen01_60_1">éè¨</div> 3048 </div> 3049 <div style="clear:both;"></div> 3050 </div> 3051
3051<script type="text/javascript"> 3052 $(function(){ 3053 var pattern = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/; 3054 3055 $("#edm_emailm_RWDfullscreen01_60_1").focus(function(){ 3056 $(this).val(""); 3057 }).blur(function(){ 3058 var val = $(this).val(); 3059 if (val==""){ 3060 $(this).val("é»åå ± / è«è¼¸å ¥E-MAIL"); 3061 } 3062 }); 3063 3064 $('#btn_order_emailm_RWDfullscreen01_60_1').click(function() { 3065 var edm_email = $("#edm_emailm_RWDfullscreen01_60_1").val(); 3066 if (edm_email=="" || edm_email=="é»åå ± / è«è¼¸å ¥E-MAIL" || !pattern.test(edm_email)){ 3067 alert("E-MAILæ ¼å¼é¯èª¤!!"); 3068 $("#edm_emailm_RWDfullscreen01_60_1").focus(); 3069 $("#edm_emailm_RWDfullscreen01_60_1").select(); 3070 return false; 3071 } 3072 $.post( 3073 "https://smart4-3c.com/include/edm_process.php", 3074 {email: edm_email, type: 'subscription','lang':'tw'}, 3075 function(data){ 3076 alert(data.message); 3077 }, 3078 "json" 3079 ); 3080 }); 3081 3082 $('#btn_reject_emailm_RWDfullscreen01_60_1').click(function() { 3083 var edm_email = $("#edm_emailm_RWDfullscreen01_60_1").val(); 3084 if (edm_email=="" || edm_email=="é»åå ± / è«è¼¸å ¥E-MAIL" || !pattern.test(edm_email)){ 3085 alert("E-MAILæ ¼å¼é¯èª¤!!"); 3086 $("#edm_emailm_RWDfullscreen01_60_1").focus(); 3087 return false; 3088 } 3089 $.post( 3090 "https://smart4-3c.com/include/edm_process.php", 3091 {email: edm_email, type: 'unsubscribe','lang':'tw'}, 3092 function(data){ 3093 alert(data.message); 3094 }, 3095 "json" 3096 ); 3097 }); 3098 }); 3099 </script>
3099 3100 <div class="clear"></div> 3101 </div> 3102 <div class="clear"></div> 3103 </div> 3104 <div class=" panel_3 clear " id="panel_57" page_style=""> 3105 <div class="clear"></div> 3106 </div> 3107 <div class=" panel_3 copy_block " id="panel_58" page_style=""> 3108 3109 <div class="model RWDedictor " id="m_RWDfullscreen01_58_1" md_id="1" tp_id="58" template_id="RWDfullscreen01"> 3110 <!--start--> 3111 建è°ä½¿ç¨ChromeãFirefoxãSafariææ°çæ¬ç覽 <!--end--> 3112 <div style="clear:both;"></div> 3113 </div> 3114 3115 <div class="model RWDssl01" id="m_RWDfullscreen01_58_2" md_id="2" tp_id="58" template_id="RWDfullscreen01"> 3116 <span class="ii-https"></span><span class="ssl01-text">æ¡ç¨å ¨çæå é²SSL 256bit å³è¼¸å 坿©å¶</span> 3117 <div style="clear:both;"></div> 3118 </div> 3119 <div class="model RWDcopyright" id="m_RWDfullscreen01_58_3" md_id="3" tp_id="58" template_id="RWDfullscreen01"> 3120 <span class="copyright_desc">Designed by ç±³æ´<a href="https://www.webtech.com.tw/" target="_blank" aria-label="ç¶²é è¨è¨">ç¶²é è¨è¨</a></span> 3121 <div style="clear:both;"></div> 3122 </div> 3123 <div class="clear"></div> 3124 </div> 3125 <div class="clear"></div> 3126 </div> 3127 <div class="clear"></div> 3128 </div> 3129 <div class=" panel_1 scrolltop_block " id="panel_61" page_style=""> 3130 <div class="model scrollTop002" id="m_RWDfullscreen01_61_1" md_id="1" tp_id="61" template_id="RWDfullscreen01" style="position: fixed;"> 3131 <aside class="top_btn" onclick="fn_scrollTop()"> 3132 3133 <i class="ii ii-arrow_b3" style='background:#ef7a00;color:#fff;font-size:40px;'></i> 3134 <span class="txt" ></span> 3135 </aside> 3136
3136<script type="text/javascript"> 3137 function fn_scrollTop(){ 3138 $("html, body").animate({scrollTop:0}, '500', 'swing', function() { }); 3139 } 3140 $(function(){ 3141 ã$(window).load(function(){ 3142 ãã$(window).bind('scroll resize', function(){ 3143 offsetTop = $(window).scrollTop(); 3144 if(offsetTop > 350){ 3145 $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100); 3146 }else{ 3147 $('.scrollTop002').stop().animate({opacity:"0"},300, function () { 3148 // å¨åç«å·è¡å®å¾ï¼å°å ç´ noneæ 3149 $(this).css("display", "none"); 3150 }); 3151 } 3152 ã }); 3153 }); 3154 }); 3155 </script>
3155 3156 <div style="clear:both;"></div> 3157 </div> 3158 <div class="clear"></div> 3159 </div> 3160 <div class=" panel_1 fix_social " id="panel_63" page_style=""> 3161 3162 <div class="model RWDedictor " id="m_RWDfullscreen01_63_1" md_id="1" tp_id="63" template_id="RWDfullscreen01"> 3163 <!--start--> 3164 <div class="line-icon"><a href="https://lin.ee/3N3Uf7NhR" title=""><img alt="" src="https://smart4-3c.com/archive/image/line.png" style="height: 40px; width: 40px;" /></a></div> 3165 3166<div class="ig-icon"><a href="https://www.instagram.com/smart4.sf/" title=""><img alt="" src="https://www.smart4-3c.com/archive/image//sm_5b37de3263964.png" style="height: 40px; width: 40px;" /></a></div> 3167 3168<div class="fb-icon"><a href="https://www.facebook.com/iloveSmart4" title=""><img alt="" src="https://smart4-3c.com/archive/image/RWDfullscreen01631/social-fb.png" style="height: 40px; width: 40px;" /></a></div> 3169 <!--end--> 3170 <div style="clear:both;"></div> 3171 </div> 3172 3173 <div class="clear"></div> 3174 </div> 3175 <div class="clear"></div> 3176 </div> 3177 <div style="clear:both;"></div> 3178 </div> 3179 <style> 3180 #newsBoxsContent img{ 3181 max-width:100%; 3182 } 3183 </style> 3184 <div style="display: none"> 3185 <div id="newsBoxsContent" style="min-width:80%"><p><div><img alt="" src="https://smart4-3c.com/archive/image/3.jpg" /></div></p></div> 3186 </div> 3187
3187<script type="text/javascript"> 3188 $(document).ready(function(){ 3189 let ww = $(window).width(); 3190 let _fancyboxma = 30; 3191 if(ww>1024){ 3192 _fancyboxma = [30,200,30,200] 3193 } 3194 $("#newsBoxsContent").fancybox({ 3195 margin: _fancyboxma, 3196 // 妿å¾å°æéåæå®å°ºå¯¸åè½ 3197 autoSize : false, 3198 autoHeight: true, 3199 width: '600', 3200 maxwidth:'70%', 3201 openEffect : 'none', 3202 closeClick : false, 3203 'titlePosition' : 'inside', 3204 'transitionIn' : 'none', 3205 'transitionOut' : 'none', 3206 afterShow: function () { 3207 $("#newsBoxsContent a").click(function(){ 3208 event.preventDefault(); 3209 var href = $(this).attr('href'); 3210 var target = $(this).attr('target'); 3211 //alert(typeof(target) == "undefined"); 3212 if (typeof(target) == "undefined" || target =="_self"){ 3213 location.href= href; 3214 }else{ 3215 window.open(href,target); 3216 } 3217 }); 3218 }, 3219 afterClose:function(){ 3220 setTimeout(function(){ 3221 $(window).resize(); 3222 }, 333); 3223 } 3224 }); 3225 window.addEventListener('load', function() { 3226 setTimeout(function() { 3227 $("#newsBoxsContent").trigger('click'); 3228 }, 100); 3229 }, false); 3230 }); 3231 </script>
3231 3232
3232<script> 3233 $(document).ready(function() { 3234 if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) { 3235 $(".fixiosiframe").each(function(){ 3236 var f = $(this); 3237 f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no'); 3238 var h = f.attr('height'); 3239 var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>'); 3240 $new.insertBefore(f); 3241 $new.prepend(f); 3242 }); 3243 3244 } 3245 }); 3246</script>
3246 3247<!--load external_js-->
3247<script src="https://system10.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.2"></script>
3247<script src="https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_toggle.js"></script>
3247<script src="https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_dropdown.js"></script>
3247<script src="https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/ml-stack-nav/ml-stack-nav.min.js"></script>
3247<script src="https://system10.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js/pwd_toggle.js"></script>
3247<script src="https://system10.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
3247<script src="https://system10.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js-plugin/magnific-popup/jquery.magnific-popup.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js-plugin/jquery-inview/jquery.inview.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js/isotope.pkgd.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js-plugin/owl-carousel/owl.carousel.min.js"></script>
3247<script src="https://system10.webtech.com.tw/js/swiper/swiper.min.js"></script>
3247<!--load external_js end--> 3248<!--load footer_js-->
3248<script type="text/javascript" src="https://system10.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
3248<!--load footer_js end--> 3249 3250</body> 3251
3251<script> 3252 const extra_marketing_parames = []; 3253 </script>
3253 3254
3254<script defer type="text/javascript" src="https://system10.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
3254</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.