PageSourceSearch

https://smart4-3c.com/

html smart4-3c.com collected 2026-10-07 22:19:33 UTC 207,079 bytes, 3,254 lines download raw bytes

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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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;">&nbsp;</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;">&nbsp;</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;">&nbsp;</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&nbsp;</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&amp;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.