1<!DOCTYPE html><html class="no-js" lang="zh-TW" prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# website: https://ogp.me/ns/website#"> <head> <base href="https://www.cswater.com.tw/" /> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> <meta http-equiv='x-dns-prefetch-control' content='on'> <meta name="author" content="å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç"> <meta name="copyright" content="éå¸è³è¨"> <meta name="google" content="notranslate" /> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#f5f5f5"> <link rel="preconnect" href="//cdn.qdm.cloud" /> <link rel="preconnect" href="//image-cdn-flare.qdm.cloud" /> <link rel="preconnect" href="//image-cdn.qdm.cloud" /> <link rel="preconnect" href="//www.facebook.com" /> <link rel="preconnect" href="//connect.facebook.net" /> <link rel="preconnect" href="//ajax.googleapis.com" /> <link rel="dns-prefetch" href="//ajax.googleapis.com" /> <link rel="dns-prefetch" href="//image-cdn-flare.qdm.cloud" /> <link rel="dns-prefetch" href="//image-cdn.qdm.cloud" /> <link rel="dns-prefetch" href="//cdn.qdm.cloud" /> <link rel="dns-prefetch" href="//fonts.googleapis.com" /> <link rel="dns-prefetch" href="//www.google-analytics.com" /> <link rel="dns-prefetch" href="//www.googletagmanager.com" /> <link rel='dns-prefetch' href="//www.google.com" /> <link rel='dns-prefetch' href="//www.google.com.tw" /> <link rel='dns-prefetch' href="//maxcdn.bootstrapcdn.com" /> <link rel='dns-prefetch' href="//cdnjs.cloudflare.com" /> <link rel='dns-prefetch' href="//www.facebook.com" /> <link rel='dns-prefetch' href="//connect.facebook.net" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title itemprop='name'>éå¸è³è¨ | å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç</title> <meta name="description" content="æååè«®è©¢éæ±ï¼æ¡è¿æ¥è©¢æå¨å°é°è¿çéå¸ï¼æå人å¡å°æ ¹ææ¨çæå¨å°åèéæ±ï¼çºæ¨ä»ç´¹é©åçç¢åã" /> <meta property="og:description" content="æååè«®è©¢éæ±ï¼æ¡è¿æ¥è©¢æå¨å°é°è¿çéå¸ï¼æå人å¡å°æ ¹ææ¨çæå¨å°åèéæ±ï¼çºæ¨ä»ç´¹é©åçç¢åã" /> <meta name="keywords" content="éå¸è³è¨" /> <link href="https://www.cswater.com.tw/store" rel="canonical" itemprop="url"> <!-- FACESPACE --> <meta property="fb:app_id" content="162172840650014" /> <meta property="og:title" content="éå¸è³è¨ | å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.cswater.com.tw/store"/> <meta property="og:locale" content="zh_TW" /> <meta property="og:image" content="https://www.cswater.com.tw/image/data/2022/12/20/abf85be3c856f0563d0c83073c973e46.png"/> <meta property="og:image:url" content="https://www.cswater.com.tw/image/data/2022/12/20/abf85be3c856f0563d0c83073c973e46.png"/> <meta property="og:site_name" content="å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç"> <meta property="og:updated_time" content="1791124695"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="éå¸è³è¨ | å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç"> <meta name="twitter:description" content="æååè«®è©¢éæ±ï¼æ¡è¿æ¥è©¢æå¨å°é°è¿çéå¸ï¼æå人å¡å°æ ¹ææ¨çæå¨å°åèéæ±ï¼çºæ¨ä»ç´¹é©åçç¢åã"> <meta name="twitter:image" content="https://www.cswater.com.tw/image/data/2022/12/20/abf85be3c856f0563d0c83073c973e46.png"> <!-- llms.txt --> <link rel="llms-txt" href="/llms.txt" /> <!-- G++ --> <meta itemprop="name" content="éå¸è³è¨"> <meta itemprop="description" content="æååè«®è©¢éæ±ï¼æ¡è¿æ¥è©¢æå¨å°é°è¿çéå¸ï¼æå人å¡å°æ ¹ææ¨çæå¨å°åèéæ±ï¼çºæ¨ä»ç´¹é©åçç¢åã"> <meta itemprop="image" content="//www.cswater.com.tw/image/data/2022/12/20/abf85be3c856f0563d0c83073c973e46.png"> <meta name="google-site-verification" content="b1PpIOD2C8x_R32tUAFkvQ1QHYnQWuNH7ukHOhXxDWw" /> <link title='éå¸è³è¨ - è¨é±ååå¿«è¨RSS' href="https://www.cswater.com.tw/googlebase.xml" type='application/rss+xml' rel='alternate' > <!-- Google's Sitelinks Search -->
1<script type="application/ld+json"> 2 { 3 "@context": "https://schema.org", 4 "@type": "WebSite", 5 "name" : "å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å ¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç", 6 "url": "https://www.cswater.com.tw/", 7 "potentialAction": { 8 "@type": "SearchAction", 9 "target": { 10 "@type": "EntryPoint", 11 "urlTemplate": "https://www.cswater.com.tw/search?q={filter_name}" 12 }, 13 "query-input": "required name=filter_name" 14 } 15 } 16 </script>
16 <!-- Organization / LocalBusiness Schema -->
16<script type="application/ld+json"> 17 { 18 "@context": "https:\/\/schema.org", 19 "@type": "Organization", 20 "name": "å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å ¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç", 21 "url": "https:\/\/www.cswater.com.tw\/", 22 "logo": "https:\/\/image-cdn-flare.qdm.cloud\/q6041cc57bfa5e\/image\/data\/logo\/3125491d846720908898ba9aebcf3e3c_1.jpg", 23 "sameAs": [ 24 "https:\/\/www.facebook.com\/cswaterfb" 25 ], 26 "image": "https:\/\/image-cdn-flare.qdm.cloud\/q6041cc57bfa5e\/image\/data\/logo\/3125491d846720908898ba9aebcf3e3c_1.jpg" 27} </script>
27
27<script type="text/javascript"> 28(function(c,l,a,r,i,t,y){ 29c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 30t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 31y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 32})(window, document, "clarity", "script", "99n8zhelys"); 33</script>
33 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 117 bytes, lines 33-35
33 <script async 34 onload="callback_gtag_ads_trackConversion()" 35 src="https://www.googletagmanager.com/gtag/js?id=
35G-8CRMWS8GBK
vendor: 12 bytes, line 35
35"></script>
35<script> 36
vendor: 141 bytes, lines 36-40
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 40 gtag('config', "
40G-8CRMWS8GBK
vendor: 42 bytes, lines 40-42
40", { send_page_view: false }); 41 42
42gtag('config', "G-T7QRMPKX8N", { send_page_view: false }); 43 </script>
43
43<script> 44 45 var enhanced_conversion_data = {}; 46 var ga_userId = null; 47 var ga_userId_global = null; 48 var qdm_user_uuid = "q6041cc57bfa5e-vdk21votn7bltj31oh30fnl5vo"; 49 var helperga4 = null; 50 var xmlhttp_uinfo = new XMLHttpRequest(); 51 xmlhttp_uinfo.open('GET', "https://www.cswater.com.tw/index.php?route=common/header/getLoggedInUserInfo&token=" + new Date().getTime() + "1" + (Math.floor(Math.random() * 999) + 100) , true); 52 xmlhttp_uinfo.onreadystatechange = function() { 53 if (xmlhttp_uinfo.readyState == 4) { 54 if(xmlhttp_uinfo.status == 200) { 55 try { 56 var obj = JSON.parse(xmlhttp_uinfo.responseText); 57 ga_userId = obj.user_id; 58 if( obj.email ) { 59 enhanced_conversion_data.email = obj.email; 60 } 61 } catch (e) { } 62 } 63 } 64 }; 65 xmlhttp_uinfo.send(null); 66 67 try { 68 if ('localStorage' in window && window['localStorage'] !== null){ 69 if( localStorage.getItem('qdm_user_uuid') && qdm_user_uuid == null ) { 70 qdm_user_uuid = localStorage.getItem('qdm_user_uuid'); 71 } 72 } 73 } catch (e) {} 74 window.addEventListener("beforeunload", () => localStorage.removeItem('qdm_user_uuid')); 75 76 function QUUID(){var x=(new Date).getTime(),t="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const n=(x+16*Math.random())%16|0;return x=Math.floor(x/16),("x"==t?n:3&n|8).toString(16)});return "q6041cc57bfa5e"+t;} 77 var dateTime = Date.now(); 78 var timestamp = Math.floor(dateTime / 1000); 79 var global_quuid = QUUID(); 80 //var global_quuid = "q6041cc57bfa5e" + Math.random().toString(13).substr(2, 9) + "" + timestamp + "" + new Date().getTime(); 81 var global_product_id = 0; 82 var ecommCheckoutTotal = 0; 83 var gecommProduct = new Array("0"); 84 var gecommProductName = ''; 85 var gecommProductSKU = ''; 86 var gecommProductDesc = ''; 87 var gecommProductBrand = ''; 88 var gecommProductBrand_cyntelli = ''; 89 var gecommProductCategoryPath = ''; 90 var gecommProductCategoryWithComma = ''; 91 var gecommProductPrice = 0; 92 var gecommCompareAtPrice = 0; 93 var gecommProductImageUrl = ""; 94 var gecommProductUrl = ""; 95 var gecommViewCategoryName = 'éå¸è³è¨'; 96 var gecommViewFullCategoryName = 'éå¸è³è¨'; 97 var gecommProductToCart = {}; 98 var ecommOrderToCheckout = {}; 99 dataLayer.push({ 100 'pageCategory': 'signup', 101 'visitorType': 'high-value' 102 }); 103 104 var customer_id = '0'; 105 if(customer_id>0){ 106 if( ga_userId !== null ) { 107 ga_userId = customer_id; 108 } 109 } 110 111 var ga_utm_source = null; 112 var toggleVisible = function(id){ 113 var el = document.getElementById(id); 114 if( el !== null ) { el.style.visibility = "visible"; } 115 }; 116 117 </script>
117
117<script id="google-ga-event-track" type="text/javascript"> 118 119 var track_google_ga_trigger = 0; 120 121 setTimeout(function(){ 122 123 if( ga_userId !== null ) { 124 ga_userId_global = "q6041cc57bfa5e_" + ga_userId; 125 126 dataLayer.push({ 127 'event': 'data', 128 'UID': ga_userId 129 }); 130 window.adGeek_d = { 131 'memberId': ga_userId 132 }; 133 134 gtag('config', 'G-T7QRMPKX8N', {'user_id': ga_userId_global}); /*ga4*/ 135 136 gtag('config', "G-8CRMWS8GBK", {'user_id': ga_userId_global}); 137 138 139 gtag('config', 'AW-693056766', { 140 'user_id': ga_userId_global 141 }); 142 } else { 143 gtag('config', 'AW-693056766'); 144 } 145 146 if( track_google_ga_trigger == 1 ) { return false; }; 147 148 if ( parseInt(global_product_id) > 0 ) { 149 if (typeof gaTrackProductView == 'function') { 150 gaTrackProductView(); 151 } 152 } 153 154 155 156 157 158 159 try { 160 gtag('event', 'page_view', { 161 page_title: 'éå¸è³è¨', 162 page_location: location.href, 163 page_path: location.pathname, 164 }); 165 166 167 } catch (e) { } 168 169 }, 2000); 170 171 </script>
171
171<script> 172 173 var QDMPPID = "6a40372e7bc6289415a30caa4ca26f82"; 174 function setCookie(name, value, days) { 175 var expires = ""; 176 if (days) { 177 // Mutate ONE Date object then format it. The previous one-liner set the 178 // expiry on a throwaway Date and formatted a fresh (now) Date, so every 179 // "persistent" cookie got expires=now and was dropped immediately. 180 var expireDate = new Date(); 181 expireDate.setTime(expireDate.getTime() + (864e5 * days)); 182 expires = "; expires=" + expireDate.toUTCString(); 183 } 184 // SameSite=Lax lets cookies survive redirects back from external services (e.g. ECPay logistics). 185 document.cookie = name + "=" + value + expires + "; path=/; Secure; SameSite=Lax"; 186 } 187 function getCookie(e){var n,i=document.cookie,o=i.indexOf(" "+e+"=");return-1==o&&(o=i.indexOf(e+"=")),i=-1==o?null:(o=i.indexOf("=",o)+1,-1==(n=i.indexOf(";",o))&&(n=i.length),unescape(i.substring(o,n)))} 188 if( !getCookie("QDMPPID") ) { setCookie("QDMPPID","0a579c70144cd55552b2b7ffe992d336", 365); } 189 QDMPPID = getCookie("QDMPPID"); 190 <!-- Facebook Pixel Code --> 191 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 192 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 193 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 194 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 195 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 196 <!-- End Facebook Pixel Code --> 197 198 function onloadCSS(e,n){function t(){!o&&n&&(o=!0,n.call(e))}var o;e.addEventListener&&e.addEventListener("load",t),e.attachEvent&&e.attachEvent("onload",t),"isApplicationInstalled"in navigator&&"onloadcssdefined"in e&&e.onloadcssdefined(t)}!function(e){"use strict";var n=function(n,t,o){function a(e){return l.body?e():void setTimeout(function(){a(e)})}function d(){r.addEventListener&&r.removeEventListener("load",d),r.media=o||"all"}var i,l=e.document,r=l.createElement("link");if(t)i=t;else{var s=(l.body||l.getElementsByTagName("head")[0]).childNodes;i=s[s.length-1]}var f=l.styleSheets;r.rel="stylesheet",r.href=n,r.media="only x",a(function(){i.parentNode.insertBefore(r,t?i:i.nextSibling)});var c=function(e){for(var n=r.href,t=f.length;t--;)if(f[t].href===n)return e();setTimeout(function(){c(e)})};return r.addEventListener&&r.addEventListener("load",d),r.onloadcssdefined=c,c(d),r};"undefined"!=typeof exports?exports.loadCSS=n:e.loadCSS=n}("undefined"!=typeof global?global:this); 199 200 function removeClass( classname, element ) { 201 var cn = element.className; 202 var rxp = new RegExp( "s?b"+classname+"b", "g" ); 203 cn = cn.replace( rxp, '' ); 204 element.className = cn; 205 } 206 207 var disabledScroll = 1; 208 var doJsAfterLoad = 0; 209 210 211 var stylesheets = [ 212 "https://cdn.qdm.cloud/static/fontawesome/v3.2.1/css/font-awesome.min.css", 213 "https://cdn.qdm.cloud/static/fontawesome/v4.7.0/css/font-awesome.min.css", 214 "https://cdn.qdm.cloud/static/fontawesome/v5.11.2/css/all.min.css", 215 "https://cdn.qdm.cloud/static/fontawesome/v5.11.2/css/v4-shims.min.css", 216 "https://cdn.qdm.cloud/static/fontawesome/v6.5.1/css/all.min.css", 217 "https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&display=swap", 218 "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css", 219 "https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css" 220 ]; 221 stylesheets.push("https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css"); 222 function refreshMiniCartScrollBar(){ 223 var nice = $(".nicescroll-box").niceScroll(".wrap",{emulatetouch:true,bouncescroll:true}); 224 } 225 function initCoreCSS(){ 226 if( doJsAfterLoad ) return; 227 var loading_css_product = loadCSS("https://cdn.qdm.cloud/assets/css/core_product.24022002.css"); 228 onloadCSS(loading_css_product, function(){ initCSS(); }); 229 toggleVisible('header'); 230 toggleVisible('mainnav'); 231 doJsAfterLoad = 1; 232 } 233 function initCSS(){ 234 for (var i=0; i < stylesheets.length; i++) { loadCSS(stylesheets[i]); } 235 loadCSS("https://image-cdn.qdm.cloud/site/q6041cc57bfa5e/global.css?v=1782115412"); 236 } 237 function loadJS(){ 238 $LAB.script("https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"); 239 $LAB.script("https://image-cdn.qdm.cloud/site/q6041cc57bfa5e/global.script.js?v=1789035033"); 240 } 241 242 const ImageErrorHandler = { 243 // é ç½®é¸é 244 config: { 245 maxRetries: 5, 246 baseDelay: 200, 247 maxDelay: 3000, 248 defaultImage: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", 249 fallbackImage: "//cdn.qdm.cloud/assets/no_image.jpg" // å¯é¸çæ¿ä»£åç 250 }, 251 252 // æ£å¨èççåç Mapï¼é²æ¢éè¤èçï¼ 253 processingImages: new WeakMap(), //WeakMapæ¸å°è¨æ¶é«çæ´©æ¼ 254 handle(image) { 255 try { 256 if (!image || !image.src || this.processingImages.has(image)) { 257 return; 258 } 259 260 // æ¨è¨çºèçä¸ 261 this.processingImages.set(image, true); 262 263 const retryCount = parseInt(image.getAttribute('data-reload') || '0') + 1; 264 265 if (retryCount > this.config.maxRetries) { 266 this.handleFinalError(image); 267 return; 268 } 269 270 image.setAttribute('data-reload', retryCount); 271 272 // è¨ç®å»¶é²æéï¼ææ¸éé¿ï¼
273 const delay = Math.min( 274 this.config.baseDelay * Math.pow(2, retryCount - 1), 275 this.config.maxDelay 276 ); 277 278 setTimeout(() => { 279 this.retryLoad(image, retryCount); 280 }, delay); 281 282 } catch (err) { 283 console.error('ImageErrorHandler error:', err); 284 this.handleFinalError(image); 285 } 286 }, 287 288 retryLoad(image, retryCount) { 289 const imageSrc = this.updateTimestamp(image.src); 290 // ä½¿ç¨æ°åçç©ä»¶æ¸¬è©¦ 291 const testImage = new Image(); 292 testImage.onload = () => { 293 // æåè¼å ¥ 294 image.src = imageSrc; 295 this.processingImages.delete(image); 296 297 // éæ°ç¶å®é¯èª¤èç 298 image.onerror = () => this.handle(image); 299 }; 300 301 testImage.onerror = () => { 302 // è¼å ¥å¤±æ 303 this.processingImages.delete(image); 304 305 // å¦ææ¯æå¾ä¸æ¬¡é試åï¼å試使ç¨åç¨åç 306 if (retryCount === this.config.maxRetries - 1 && this.config.fallbackImage) { 307 image.src = this.config.fallbackImage; 308 image.onerror = () => this.handle(image); 309 } else { 310 this.handle(image); 311 } 312 }; 313 314 testImage.src = imageSrc; 315 }, 316 317 updateTimestamp(src) { 318 const timestamp = `timestamp=${Date.now()}`; 319 320 if (src.includes('timestamp=')) { 321 return src.replace(/timestamp=\d+/, timestamp); 322 } 323 324 const separator = src.includes('?') ? '&' : '?'; 325 return `${src}${separator}${timestamp}`; 326 }, 327 328 handleFinalError(image) { 329 // æ¸ ç 330 image.onerror = null; 331 image.onload = null; 332 this.processingImages.delete(image); 333 334 // ä¿ååå§ URL 335 if (!image.src.includes("base64") && !image.hasAttribute('data-image-raw')) { 336 image.setAttribute('data-image-raw', image.src); 337 } 338 339 // è¨ç½®é è¨åç 340 image.src = this.config.defaultImage; 341 342 // 觸ç¼äºä»¶ 343 image.dispatchEvent(new CustomEvent('imageFinalError', { 344 detail: { 345 originalSrc: image.getAttribute('data-image-raw'), 346 retries: image.getAttribute('data-reload') 347 } 348 })); 349 } 350 }; 351 352 // åçé¯èª¤ 353 function imgError(image) { 354 ImageErrorHandler.handle(image); 355 } 356 357 358 </script>
358 <!-- Facebook Pixel Code -->
358<script id="facebook-pixcel-reportFbqTrack" type="text/javascript"> 359 function reportFbqTrack() { 360 fbq('dataProcessingOptions', []); 361 var pixel_ids = ['550572685775846']; 362 var fb_advanced_matching = {}; 363 for (var i = 0; i < pixel_ids.length; i++){ 364 try { 365 var init_params = Object.assign({}, fb_advanced_matching); 366 if( ga_userId !== null ) { 367 ga_userId_global = "q6041cc57bfa5e_" + ga_userId; 368 init_params.uid = ga_userId_global; 369 } 370 init_params.external_id = QDMPPID; 371 fbq('init', pixel_ids[i], init_params, {'agent':'plQDM'}); 372 } catch (e) { 373 // fallback: è³å°å å« external_id 374 var fallback_params = {external_id: QDMPPID}; 375 fbq('init', pixel_ids[i], fallback_params, {'agent':'plQDM'}); 376 } 377 } 378 setTimeout(function() { fbq('track', "PageView", {}, {eventID: global_quuid + "v"}); }, 30); 379 380 381 382 } 383 </script>
383 <!-- End Facebook Pixel Code -->
383<script> 384 function vbtrax_track(){ 385 } 386 387 function criteo_track(){ 388 } 389 390 391 </script>
391 <!-- Google Tag Manager -->
391<script> 392 setTimeout(function(){
vendor: 333 bytes, lines 392-397
392 393 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 394 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 395 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 396 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 397 })(window,document,'script','dataLayer','
397GTM-5KXBQ5G
vendor: 5 bytes, lines 397-398
397'); 398
398}, 1500); 399 </script>
399 <!-- End Google Tag Manager -->
399<script type="text/javascript"> 400 var google_tag_params = { ecomm_prodid:'', ecomm_pagetype:'other', ecomm_totalvalue: '' }; 401 402 google_tag_params.ecomm_prodid = ''; 403 google_tag_params.ecomm_pagetype = 'view_item_list'; 404 google_tag_params.ecomm_totalvalue = ''; 405 406 google_tag_params.ecomm_prodid = '0'; 407 google_tag_params.ecomm_pagetype = 'view_item'; 408 409 410 411 412 var trackConversion = { 413 google_conversion_id : 0, 414 google_custom_params : google_tag_params, 415 google_conversion_value : 0, 416 google_remarketing_only : false 417 } 418 delete trackConversion.google_custom_params; 419 420 function callback_google_trackConversion(){ 421 if (typeof window.google_trackConversion !== undefined) { 422 if (typeof window.google_trackConversion === "function") { 423 window.google_trackConversion(trackConversion); 424 } 425 } 426 } 427 var gtag_ads_trackConversion_trigger = 0; 428 var callback_gtag_conversion = function (e) { 429 if( gtag_ads_trackConversion_trigger == 0 ) { 430 console.log('-- gtag_event_conversion --'); 431 console.log(e); 432 console.log(trackConversion); 433 console.log(google_tag_params); 434 } 435 }; 436 function callback_gtag_ads_trackConversion(){ 437 438 if( gtag_ads_trackConversion_trigger ) return false; 439 gtag_ads_trackConversion_trigger = 1; 440 441 setTimeout(function(){ 442 443 var gtag_event_conversion_t = 0; 444 445 446 if( gtag_event_conversion_t == 0 ) { 447 // Ads remarketing only; without send_to GA4 also gets this item-less event 448 gtag('event',google_tag_params.ecomm_pagetype, { 449 'send_to': 'AW-693056766', 450 'value': google_tag_params.ecomm_totalvalue, 451 'items': [{ 452 'id': google_tag_params.ecomm_prodid, 453 'google_business_vertical':'retail' 454 }], 455 'event_callback': callback_gtag_conversion 456 }); 457 } 458 459 460 }, 1000); 461 } 462 </script>
462
462<script src="https://cdn.qgraph.io/dist/aiqua-wp.js"></script>
462
462<script type="application/javascript"> 463 (function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({'projectId':'10000','properties':{'pixelId':'10141549'}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq");AIQUA.init({ 464appId: 'f6181ddd1a8a4fb803a9', 465timeout: 5000 466}); 467 468!function(q,g,r,a,p,h,js) { 469if(q.qg)return; 470js = q.qg = function() { 471 js.callmethod ? js.callmethod.call(js, arguments) : js.queue.push(arguments); 472}; 473js.queue = []; 474p=g.createElement(r);p.async=!0;p.src=a;h=g.getElementsByTagName(r)[0]; 475h.parentNode.insertBefore(p,h); 476} (window,document,'script','//cdn.qgr.ph/qgraph.f6181ddd1a8a4fb803a9.js');<!-- LINE Tag Base Code --> 477(function(g,d,o){ 478  g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)}; 479  var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net'; 480  var s=d.createElement('script');s.async=1; 481  s.src=o||h+'/n/line_tag/public/release/v1/lt.js'; 482  var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t); 483    })(window, document); 484_lt('init', { 485  customerType: 'lap', 486  tagId: 'f675a57d-0954-461c-852c-011dbf3fb954' 487}); 488_lt('send', 'pv', ['f675a57d-0954-461c-852c-011dbf3fb954']); 489<!-- End LINE Tag Base Code --> 490 491try { setCookie("qdmfbevent_id", global_quuid + "v", 5); } catch (error) { } 492 493(function() { 494 var url = "https://www.cswater.com.tw/index.php?route=pixcel/facebook/capi_page_view&quuid=" + global_quuid + "v"; 495 496 if (typeof fetch === "function") { 497 try { 498 fetch(url, { method: "GET", keepalive: true, credentials: "include" }).catch(function() {}); 499 } catch (e) {} 500 } else { 501 try { 502 var xhr = new XMLHttpRequest(); 503 xhr.open("GET", url, true); 504 xhr.send(); 505 } catch (e) {} 506 } 507})(); 508qg("event", "category_viewed", {"category_name":gecommViewCategoryName}); </script>
508 </script>
508
508<script> 509 var N=document.createElement("link"); 510 N.setAttribute("href", "https://image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2019/08/15/71e82afae975a166f7742a453fa63a14.png"); 511 N.setAttribute("rel", "shortcut icon"); 512 N.setAttribute("type", "image/png"); 513 document.head.appendChild(N); 514 </script>
514
514<script>document.createElement("picture");</script>
514
514<script async src='https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js'></script>
514 <link rel="icon" href="https://image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2019/08/15/71e82afae975a166f7742a453fa63a14.png" type="image/png" sizes="48x48" > <link rel="shortcut icon" href="https://image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2019/08/15/71e82afae975a166f7742a453fa63a14.png" type="image/png" sizes="48x48" > <link type="text/css" rel="stylesheet" href="https://cdn.qdm.cloud/min/css/core.260320v01.css"> <style> 515 *, body, p, pre, button, input, optgroup, select, textarea, a, a:visited { font-family: 'SF Pro TC', 'SF Pro Text', 'PingFang TC', 'Segoe UI', SegoeUI, 'Microsoft JhengHei', å¾®è»æ£é»é«, 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 516 @media (min-width: 1200px) { body { padding-top: 40px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } } 517 .hidden{display:none;visibility:hidden} 518 .pull-right { float: right !important; } 519 .container > #mainnav.skin4 { max-width:860px;width:100%; } 520 .container > #mainnav.skin4 .nav.menu-nav { display:inherit; } 521 #mainnav ul { list-style: none; display: flex; flex-wrap: wrap; } 522 #mainnav ul li { position: relative; } 523 #mainnav ul li ul.dropdown-menu { position: absolute; display: none; flex-direction: column; } 524 #mainnav ul li ul.dropdown-menu > li.column-menu { display: table-cell; border-right: 1px solid #eee; vertical-align: top; } 525 #mainnav ul li ul.dropdown-menu > li.column-menu > ul { display: block; } 526 #mainnav ul li:hover > ul { display: flex; } 527 #mainnav ul ul ul {top: 0; left: 100%; border-left:solid 1px #fff; width:auto;} 528 #mainnav ul.nav li.dropdown ul.dropdown-menu { webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } 529 #mainnav ul.nav li.dropdown ul.dropdown-menu li a { font-size: 17px; line-height: 26px; } 530 #mainnav ul.nav li.dropdown > ul.dropdown-menu > li[data-has-child] > a:after { content: ''; border: 4px solid transparent; border-left: 4px solid #000; margin-top: 2px; margin-bottom: 3px; display: inline-block; vertical-align: bottom; position: absolute; right: 6px; top: 10px; } 531 .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} 532 .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;} 533 #header ul{list-style:none;margin:0;padding:0} #header li{list-style:none} 534 .navbar .nav{position:relative;} 535 .navbar .nav.pull-right{float:right;margin-right:0;} 536 .navbar .nav>li{float:left;} 537 .navbar .nav>li>a{float:none;padding:10px 15px 10px;text-decoration:none;} 538 .navbar .nav .dropdown-toggle .caret{margin-top:8px;} 539 .navbar .button-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;} 540 .button-navbar .icon-bar+.icon-bar{margin-top:3px;} 541 .navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} 542 .navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} 543 .dropdown-menu { position: absolute; display: none; float: left; } 544 .dropup, .dropdown { position: relative; } 545 .pushy { z-index: 99999999; } 546 .pushy-menu-storename span{ 547 width: 40%; 548 position: absolute; 549 top: 24px; 550 right: 5px; 551 text-align: right; 552 padding-right: 10px; 553 } 554 .pushy-menu-storename a{ 555 width: 90%; 556 } 557 .pushy-menu-storename a:hover, a:visited, a:link, a:active { 558 text-decoration: none; 559 } 560 </style> <link type="text/css" rel="stylesheet" href="https://cdn.qdm.cloud/min/css/theme/skin-4.css?v=231130001"> <link type="text/css" rel="stylesheet" href="https://image-cdn.qdm.cloud/site/q6041cc57bfa5e/custom_theme.css?v=20260505150313"> <style> 561 html {-webkit-transition: background-color 0s;transition: background-color 0s;} html.loading { position: relative; overflow:hidden; width:100%; height:100%; min-height:768px;
561 background: #fff url('https://cdn.qdm.cloud/min/cache/loading_1107.gif') no-repeat 50% 40%;-webkit-transition: background-color 0; transition: background-color 0; height: 100%; width: 100%;} body {-webkit-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;} html.loading body { opacity: 0; -webkit-transition: opacity 0s; transition: opacity 0s; } html.loading:before { font-size: 15px; content: "ã è«å¿ééè¦çª ãçåäº¤æææ¬ä¸"; color: #000; vertical-align: middle; text-align: center; width: 100%; display: block; position: absolute; top: 30%; } img { opacity: 1; transition: opacity 0s; } img[data-src] { opacity: 1; } .flexslider .flex-direction-nav { display:none; } 562 #myBody.product-product .heading h1, #myBody.product-product .mainborder .rightcol h1 { color: rgb(0, 0, 0); 563 } 564 .already_sold span{color:#e4007f;font-weight:bold;} 565 #myBody .fancybox-buttons { top: 60px; } 566 .ui-autocomplete.ui-front.ui-menu { 567 z-index: 999999999; border: none; border: 1px solid #EEE; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 568 } 569 .ui-autocomplete.ui-front.ui-menu > .ui-menu-item { 570 font-size: 17px; line-height: 26px; list-style-image: none; background-color: #FFF; cursor: pointer; border: none; 571 } 572 .ui-autocomplete.ui-front.ui-menu > .ui-menu-item a.ui-state-focus { 573 line-height: 26px; 574 border-color: #616161; 575 background: #616161 !important; 576 font-weight: bold !important; 577 color: #ffffff !important; 578 } 579 @media only screen and (max-width:768px){.fb_dialog_content>iframe:first-child, .fb-customerchat iframe {bottom: 50px !important;}.quickcheckout-checkout .fb_dialog_content>iframe:first-child, .quickcheckout-checkout .fb-customerchat iframe {bottom: 90px !important;}} 580 .onsale{ width:65px; height:24px; min-width:65px; min-height:24px; padding:2px; border-radius:5%; line-height:20px; } 581 #navbar-top-socialbar li.social-icon{ line-height:0px; padding-top:6px; } 582 #navbar-top-socialbar li.social-icon>a>i{ line-height:24px; } 583 .display_price { display:none; } 584 585 #payment-logo-list{ 586 width: 100%; 587 max-width: 1200px; 588 margin: 0 auto; 589 /*padding-bottom: 20px;*/ 590 padding-top: 10px; 591 } 592 593 #payment-logo-list .pl-row { 594 display: flex; 595 flex-wrap: wrap; 596 justify-content: center; 597 gap: 20px; 598 } 599 600 #payment-logo-list .pl-col { 601 flex: 1; 602 max-width: 120px; 603 padding: 2px; 604 text-align: center; 605 } 606 #payment-logo-list .pl-col img { 607 max-height: 40px; 608 line-height: 40px; 609 object-fit: contain 610 } 611 @media only screen and (max-width:768px){ 612 #payment-logo-list .pl-col { 613 min-width: 10%; 614 } 615 } 616 </style> <style> 617 .preload-hidden { opacity: 0; transition: opacity .3s ease; } 618 .awoo-ui { display:block; margin-top:20px; margin-bottom:20px; } 619 </style>
619<script> 620 window.addEventListener('load', function(){ 621 try { 622 setTimeout(function(){ 623 var preloadElements = document.querySelectorAll('.preload-hidden'); 624 preloadElements.forEach(function(element) { 625 element.style.opacity = '1'; 626 }); 627 }, 300); 628 } catch(e) {} 629 }); 630 </script>
630 </head> <body id="myBody" data-customer-group="1" data-instant-allow-query-string itemscope itemtype="https://schema.org/WebSite" class="responsive skin-4 product-category path_11"> <div id="fb-root"></div>
630<script> 631 window.fbAsyncInit = function() { 632 FB.init({ 633 appId : '162172840650014', 634 autoLogAppEvents : true, 635 cookie : true, 636 xfbml : true, 637 status : true, 638 version : 'v19.0' 639 }); 640 }; 641</script>
641 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 641
641 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
641GTM-5KXBQ5G
vendor: 83 bytes, lines 641-642
641" 642height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
642<!-- End Google Tag Manager (noscript) --> <meta itemprop="url" content="https://www.cswater.com.tw/" /> <!-- Mobile Header --> <!--googleoff: index--> <div id="mobile-navbar" class="navbar navbar-static-top FixedTop visible-xs visible-sm" style="display:none;"> <div class="navbar-inner"> <ul class="nav"> <li id="menu-btn" class="menu-btn"><span>☰</span></li> <li class="site-title"> <a href="https://www.cswater.com.tw/"><img src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/logo/3125491d846720908898ba9aebcf3e3c_1.jpg" title="å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç" style="width:auto;max-height:56px;" /></a> </li> <li id="shopping-cart-list" class="shopping-cart" data-direction="left" style="overflow: visible; margin: 0px; padding-right: 10px;"><a href="https://www.cswater.com.tw/cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="badge hidden">0</span></a></li> </ul> </div> </div> <!--googleon: index--> <!-- Pushy Menu --> <nav id="mobile-menu-pushy" class="pushy pushy-left visible-xs visible-sm" style="display:none;"> <div class="pushy-content"> <ul> <li class="pushy-menu-storename"> <a href="https://www.cswater.com.tw/">å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç</a> <span><i class="fa fa-times" aria-hidden="true"></i></span> </li> <div class="pushy-menu-main"> <li class="header-logged-menu pushy-submenu hidden"> <button><i class="fa fa-user-circle-o"></i> <span id="header-mobile-user"></span></button> <ul> <li class="pushy-link"><a href="/account">æå¡ä¸å¿</a></li> <li class="pushy-link"><a href="https://www.cswater.com.tw/account/edit">æçè³æ</a></li> <li class="pushy-link"><a href="https://www.cswater.com.tw/account/reward">æçç´
å©</a></li> <div class="pushy-menu-divide"></div> <div class="pushy-menu-divide"></div> <li class="pushy-link"><a href="https://www.cswater.com.tw/newsletter">æçè¨é±</a></li> </ul> </li> <li class="header-logged-menu pushy-submenu hidden"> <button><i class="fa fa-truck" aria-hidden="true"></i> æçè¨å®</button> <ul> <li class="pushy-link"><a href="https://www.cswater.com.tw/order">æçè¨å®</a></li> <li class="pushy-link"><a href="https://www.cswater.com.tw/account/return">é/æè²¨ç´é</a></li> </ul> </li> <li class="pushy-link header-none-logged-menu hidden"><a href="/login"><i class="fa fa-user-circle-o"></i> æå¡ä¸å¿ (ç»å
¥)</a></li> <li class="pushy-link header-none-logged-menu hidden"><a href="/guestorder"><i class="fa fa-search-plus" aria-hidden="true"></i> æè¦æ¥è¨å®</a></li> <li class="pushy-submenu"> <button><i class="fa fa-commenting-o" aria-hidden="true"></i> æ¾åºé·</button> <ul> <li class="pushy-link"><a href="https://www.messenger.com/t/cswaterfb" target="_blank" rel="noopener noreferrer nofollow">Facebookè¨æ¯</a></li> </ul> </li> <li class="pushy-link header-logged-menu hidden"><a href="https://www.cswater.com.tw/account/logout"><i class="fa fa-sign-out" aria-hidden="true"></i> ç»åº</a></li> </div> <!-- \.pushy-menu-main --> <div class="pushy-menu-divide"></div> <div class="search"> <form method="get" action="/search"> <span class="fa fa-search"></span> <input type="text" name="q" placeholder="ååééµå" autocomplete="off"> </form><br/> </div> <div class="pushy-menu-category"> <li class="pushy-link home-item-link"><a href="https://www.cswater.com.tw/">ååºé¦é </a></li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/news" >ææ°æ¶æ¯</a> </li> <li class="pushy-submenu" > <button><span class="pushy-submenu-parent" data-url="https://www.cswater.com.tw/productmain" >ç¢åä»ç´¹</span></button> <ul> <li class="pushy-link"> <a href="/productmain" >ç¢åå
¨ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/uvc-pf" >黿·¨ç¾æ¿¾èç飲系å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/ro" >RO 淨水å¨ç´æ°´ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/tkmain" >å»ä¸å飲水æ©ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/electrolytic" >é»è§£é¢åæ´æ°´å¨ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/whole-house" >å
¨æ¶æ·¨æ°´ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/wcooler" >æ¡ä¸å/è½å°å飲水æ©ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/filterall" >濾è¯ç³»å</a> </li> <li class="pushy-link"> <a href="https://www.cswater.com.tw/life" >åªè³ªç活系å</a> </li> </ul> </li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/store" >éå¸è³è¨</a> </li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/CSblog?news=1" >éç®±å¿å¾</a> </li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/cs-blog" >淨水ç¥è</a> </li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/storeqa" >常è¦åé¡</a> </li> <li class="pushy-link" > <a href="https://www.cswater.com.tw/pages/contactus" >è¯çµ¡æå</a> </li> <li class="pushy-link" > <a href="/filterall" >濾è¯è³¼è²·</a> </li> </div> </ul> </div> </nav> <!-- Site Overlay --> <div class="site-overlay"></div> <header id="header" class="visible-lg visible-md" itemscope itemtype="https://schema.org/Organization"> <div id="navbar-top-fixed" class="navbar navbar-fixed-top"> <div class="navbar-inner"> <!-- menu --> <div class="container"> <div id="mainnav" class="skin4 pull-left"> <a itemprop="url" class="logo" href="https://www.cswater.com.tw/"><img onerror='imgError(this);' itemprop="logo" src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/logo/3125491d846720908898ba9aebcf3e3c_1.jpg" title="å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç" alt="å山淨水 | 淨水å¨ã飲水æ©ãROãå»ä¸æ·¨æ°´å¨ å
¨æ¶æ·¨æ°´è»æ°´ï¼å®¶åºç¨æ°´é¦é¸åç" /></a> <ul id="menu-nav" class="nav menu-nav"> <li > <a href="https://www.cswater.com.tw/news" data-hover="">ææ°æ¶æ¯</a> </li> <li class="dropdown"> <a href="https://www.cswater.com.tw/productmain" data-hover="">ç¢åä»ç´¹ <i class="fa fa-sort-desc pull-right"></i></a> <ul class="dropdown-menu"> <li id="20" ><a href="/productmain" data-hover="">ç¢åå
¨ç³»å</a> </li> <li id="21" ><a href="https://www.cswater.com.tw/uvc-pf" data-hover="">黿·¨ç¾æ¿¾èç飲系å</a> </li> <li id="22" ><a href="https://www.cswater.com.tw/ro" data-hover="">RO 淨水å¨ç´æ°´ç³»å</a> </li> <li id="23" ><a href="https://www.cswater.com.tw/tkmain" data-hover="">å»ä¸å飲水æ©ç³»å</a> </li> <li id="24" ><a href="https://www.cswater.com.tw/electrolytic" data-hover="">é»è§£é¢åæ´æ°´å¨ç³»å</a> </li> <li id="25" ><a href="https://www.cswater.com.tw/whole-house" data-hover="">å
¨æ¶æ·¨æ°´ç³»å</a> </li> <li id="26" ><a href="https://www.cswater.com.tw/wcooler" data-hover="">æ¡ä¸å/è½å°å飲水æ©ç³»å</a> </li> <li id="27" ><a href="https://www.cswater.com.tw/filterall" data-hover="">濾è¯ç³»å</a> </li> <li id="28" ><a href="https://www.cswater.com.tw/life" data-hover="">åªè³ªç活系å</a> </li> </ul> </li> <li > <a href="https://www.cswater.com.tw/store" data-hover="">éå¸è³è¨</a> </li> <li > <a href="https://www.cswater.com.tw/CSblog?news=1" data-hover="">éç®±å¿å¾</a> </li> <li > <a href="https://www.cswater.com.tw/cs-blog" data-hover="">淨水ç¥è</a> </li> <li > <a href="https://www.cswater.com.tw/storeqa" data-hover="">常è¦åé¡</a> </li> <li > <a href="https://www.cswater.com.tw/pages/contactus" data-hover="">è¯çµ¡æå</a> </li> <li > <a href="/filterall" data-hover="">濾è¯è³¼è²·</a> </li> </ul> </div> <ul id="top-nav-right" class="nav"> <li><a href="https://www.cswater.com.tw/search" title="æåå"><i class="fa fa-search" aria-hidden="true"></i>æåå</a></li> <li id="header-logged-menu" class="dropdown hidden"> <a href="https://www.cswater.com.tw/account" class="dropdown-toggle" data-toggle="dropdown"><span id="header-logged-user"></span> <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="https://www.cswater.com.tw/account">æå¡ä¸å¿</a></li> <li><a href="https://www.cswater.com.tw/order">æçè¨å®</a></li> <li class="divider"></li> <li><a href="https://www.cswater.com.tw/account/logout">ç»åº</a></li> </ul> </li> <li id="header-none-logged-menu"><a href="https://www.cswater.com.tw/login" title="æå¡ç»å
¥" id="bt
642nLogin"><i class="fa fa-user-o"></i> æå¡ç»å ¥</a></li> <li><section class="float-mini-cart" id="cart"> <style> 643.mini-cart-info td, .mini-cart-total td { line-height:20px; } 644</style> <div class="heading"> <i class="fa fa-shopping-cart"></i> 645 ( <a href="https://www.cswater.com.tw/cart" id="cart-total"> 646 0 ä»¶åå $0 </a> 647 ) 648 </div> <div class="content"> <div class="empty white">è³¼ç©è»æ²æå å ¥ä»»ä½åå</div> <a id="closecart" class="close" title="Close" onclick="$('#cart').removeClass('active');">Ã</a> </div> </section></li> </ul> </div><!--/.nav-collapse --> </div> </div> </div> </header> <div id="content-wrapper" class="skin4-margin-top"> <div class="fluid-container"> <div id="content-top"></div> </div><!-- .fluid-container --> <div id="body-outer-container" class="fluid-container"> <div class="container-inner"> <style> 649body.product-category > #content-wrapper{overflow-x:visible;} 650body.product-category .grid-box > .inner { max-width:270px; } 651.product-listing .ToWishList, .product-listing .ToCompare { border-radius:4px;background:#edeeef;padding:2px 6px 2px 6px;} 652.product-bind-instant-cart .name{position:relative;padding-right:30%;} 653.product-bind-instant-cart .grid-box .name > a {text-align:left;} 654.product-bind-instant-cart .grid-box .price{position:relative;padding-right:30%;text-align:left;} 655.product-bind-instant-cart .grid-box .already_sold{text-align:left;font-size:14px;} 656.product-bind-instant-cart .InstantAddCart{display:block;height:32px;width:32px;border-radius:50%;border:1px solid #CCC;text-align:center;vertical-align:middle;position:absolute;top:15%;right:8%;color:#CCC;font-size:18px;overflow:hidden;background:transparent;z-index:101;line-height:30px;padding:0;} 657.product-bind-instant-cart .InstantAddCart:hover{border:1px solid #31bcab;background:#31bcab;color:#FFF;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0;} 658.product-bind-instant-cart button:focus{outline:0;} 659.product-bind-instant-cart .product-list .price{height:100%;vertical-align:middle;text-align:right;} 660.product-listing .product-list .times{display:inline-block;padding-left:20px;padding-right:20px;font-size:20px;height:30%;line-height:30%;color:silver;} 661.product-listing .product-list .times-price{display:inline-block;text-align:right;margin-right:0;} 662.product-listing .product-list .actions{float:right;} 663.product-listing .stock-status-label { font-size: 12px; background: #e86a7a; padding: 4px 8px 4px 8px; display: inline; margin-right: 22px; } 664.nice-select .current{font-size:14px;} 665.nice-select.bulk-add-quantity.no-cart{color:#999;background:#edeeef; border: 2px solid #C9C9C9;} 666.nice-select.bulk-add-quantity {color:#5E5E5E;background:#FFF;height:34px;line-height:30px;display:inline-block;vertical-align: middle; margin-top: 20px; border: 2px solid #333; padding-left:26px; padding-right:26px;} 667.nice-select.bulk-add-quantity .option.selected, .nice-select.bulk-add-quantity .option.selected.focus { color: #F0F0F0; background-color: #26bbaa; } 668.nice-select .list{background:#FFF;height:auto;width:364px;overflow:hidden;display:block;text-align:center;vertical-align:middle;border:2px solid #E9E9E9;padding:4px;} 669.nice-select.bulk-add-quantity .option{line-height:46px;min-height:46px;color:#5E5E5E;text-align:center;display:inline-block;position:relative;width:36px;height:46px;float:left;border:none;margin:0px;padding:0px;font-size:26px;} 670.nice-select.bulk-add-quantity .option[data-value='999']{width:100%;display:block;text-align:center;clear:both;float:none;border:none;margin:0px;font-size: 12px;} 671.product-listing .grid-box .times-price,.product-bind-instant-cart .product-list .InstantAddCart,.product-listing .product-list .price{display:none;} 672.mainborder > .product-listing,.product-listing .product-row,.product-listing .product-list .cart,.product-listing .product-list > .product-row > .row-fluid{overflow:visible;} 673.product-listing .product-list .actions { min-height: 77px; height: 100%; display: inline-block; vertical-align: middle; line-height: 77px; } 674.product-listing .product-grid .grid-box { margin-bottom: 4px; } 675.product-listing .product-grid .grid-box .cart { display: none; visibility: hidden; } 676.grid-box .inner .image { position: relative; } 677.grid-box .load-thumb-conver { position: absolute; width: 98%; height: 100%; z-index: 9999; top:0; left:0;
677 opacity: 0.3; } 678.mainborder > .product-listing .product-list .image.span1 { width: 10%; } 679.mainborder > .product-listing .product-list .actions.span3 { width: 18%; } 680@keyframes placeHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } 681.animated-background { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; height: 96px; position: relative; } 682@media only screen and max-width 768px,only screen and max-device-width 667px and min-device-width 375px and orientation portrait,only screen and max-device-width 736px and min-device-width 414px and orientation portrait { 683.product-bind-instant-cart .InstantAddCart{right:6px;top:0;} 684.nice-select.bulk-add-quantity { margin: 0px; margin-left: 10px; } 685.product-listing .product-row .image > a { display: inline-block; } 686.product-listing .product-row .image > a > img { display: inline-block; max-width: 100px !important; } 687.product-listing .product-list .actions { min-height: auto; height: auto; display: inline-block; vertical-align: middle; line-height: auto; line-height: 32px; height: 32px; } 688.product-listing .product-row .name { padding: 0px; text-align: left; } 689.product-listing .product-grid .grid-box { margin-bottom: 0px; } 690} 691 692 693/* 貨å°éç¥æéè¨å® */ 694.button-stock-notify { 695 background-color: var(--arrival-notice-button-bg-color, #ffffff); /* ä½¿ç¨ CSS è®æ¸ï¼æä¾é è¨å¼ */ 696 color: var(--arrival-notice-button-text-color, #333333); /* ä½¿ç¨ CSS è®æ¸ï¼æä¾é è¨å¼ */ 697 border: 1px solid var(--arrival-notice-button-border-color, #d9d9d9); /* ä½¿ç¨ CSS è®æ¸ï¼æä¾é è¨å¼ */ 698 border-radius: 6px; 699 padding: 10px 20px; 700 line-height: 1.42857143; 701 display: inline-block; 702 font-weight: 600; 703 text-align: center; 704 white-space: nowrap; 705 vertical-align: middle; 706 cursor: pointer; 707 transition: all .2s ease-in-out; /* èª¿æ´ transition è®ææææé½æéæ¸¡ */ 708 font-size: 16px; 709 width: fit-content; 710 711 /* 1. æ¼¸å±¤èæ¯ï¼æ¨¡æ¬å ç·å¾ä¸æ¹ç §å°ï¼ä½¿æéæä¸ä¸é¡è²å·®ç° */ 712 background: linear-gradient(to bottom, 713 var(--arrival-notice-button-bg-color-light, #fdfdfd) 0%, /* è¼æ·ºçé é¨ */ 714 var(--arrival-notice-button-bg-color, #ffffff) 100%); /* è¼æ·±çåºé¨ */ 715 716 /* 2. é°å½±ï¼å¤å±¤é°å½±åµé æ·±åº¦åæ¸æµ®æ */ 717 box-shadow: 718 0 2px 4px rgba(0, 0, 0, 0.1), /* 主è¦çåä¸é°å½±ï¼æ¨¡æ¬æ¸æµ® */ 719 0 5px 15px rgba(0, 0, 0, 0.05), /* è¼æåçé·é°å½±ï¼å¢å 深度 */ 720 inset 0 1px 0 rgba(255, 255, 255, 0.2); /* å §é°å½±ï¼æ¨¡æ¬é é¨é«å */ 721 722 /* 3. border é¡è²å¯ä»¥ç¨å¾®èª¿æ´ï¼è®å®çèµ·ä¾æ´æè³ªæ */ 723 border-color: var(--arrival-notice-button-border-color, #c0c0c0); 724 725} 726.button-stock-notify.small{ 727 font-size: 12px; 728 padding: 0.20rem; 729} 730.button-stock-notify:hover, 731.button-stock-notify:focus { 732 733 filter: brightness(98%); /* è®æ 2% */ 734 /* ç¨å¾®æ¬å並å å¼·é°å½± */ 735 transform: translateY(-2px); /* åä¸è¼å¾®ç§»å */ 736 box-shadow: 737 0 4px 8px rgba(0, 0, 0, 0.15), /* æ¸åæé°å½±æ´æé¡¯ */ 738 0 8px 20px rgba(0, 0, 0, 0.08), 739 inset 0 1px 0 rgba(255, 255, 255, 0.3); /* é é¨é«å æ´äº® */ 740 background: linear-gradient(to bottom, 741 var(--arrival-notice-button-bg-color, #ffffff) 0%, /* æ¸åæé 鍿´äº® */ 742 var(--arrival-notice-button-bg-color, #f0f0f0) 100%); /* æ¸åæåºé¨ç¨æ·º */ 743 border-color: var(--arrival-notice-button-border-color, #b0b0b0); /* éæ¡é¡è²å¾®èª¿ */ 744 color: var(--arrival-notice-button-text-color, #222222); /* æåé¡è²å¾®èª¿ */ 745} 746 747.button-stock-notify:active, 748.button-stock-notify.active { 749 transform: translateY(1px); /* åä¸è¼å¾®ç§»å */ 750 box-shadow: 751 0 1px 2px rgba(0, 0, 0, 0.2), /* æä¸æé°å½±è®å°ï¼æ¨¡æ¬æ²å ¥ */ 752 inset 0 1px 2px rgba(0, 0, 0, 0.1), /* å §é¨é°å½±è®éç·£çèµ·ä¾æ´æ·± */ 753 inset 0 -1px 0 rgba(255, 255, 255, 0.1); /* åºé¨é«å æ¶å¤± */ 754 background: var(--arrival-notice-button-bg-color, #e0e0e0); /* æä¸æèæ¯è®æ·± */ 755 border-color: var(--arrival-notice-button-border-color, #a0a0a0); 756} 757 758.button-stock-notify.disabled, 759.button-stock-notify[disabled] { 760 background-color: #fafafa; 761 color: #b3b3b3; 762 border-color: #e6e6e6;
763 cursor: not-allowed; 764 box-shadow: none; 765 opacity: .75; 766} 767/*ææ©æ¿æ¨£å¼*/ 768.button-stock-notify.mobile{ 769 width: 100%; 770 position: fixed; 771 bottom: 0px; 772 margin: 2px; 773 left: 0; 774 z-index: 9999; 775 margin: auto; 776 border-bottom: 0; 777 border-left: 0; 778 border-right: 0; 779 border-radius: 0; 780 padding: 10px; 781 height: 52px; 782} 783/* 貨å°éç¥æéè¨å® */ 784/* 貨å°éç¥ - å½çªé¡¯ç¤ºæ¨£å¼*/ 785:root { 786 --lightbox-alert-error: rgb(95, 8, 2); 787 --lightbox-alert-success: #4CAF50; 788 --lightbox-alert-warning: rgb(119, 100, 71); 789 --lightbox-alert-info: rgb(0, 83, 151); 790} 791.lightbox-alert-icon-success { 792 color: var(--lightbox-alert-success); 793} 794 795.lightbox-alert-icon-error { 796 color: var(--lightbox-alert-error); 797} 798 799.lightbox-alert-icon-warning { 800 color: var(--lightbox-alert-warning); 801} 802 803.lightbox-alert-icon-info { 804 color: var(--lightbox-alert-info); 805 806} 807 808/* Alert å示é¡è² 貨å°éç¥*/ 809.lightbox-alert-btn-success { 810 background: var(--lightbox-alert-success); 811} 812 813.lightbox-alert-btn-error { 814 background: var(--lightbox-alert-error); 815} 816 817.lightbox-alert-btn-warning { 818 background: var(--lightbox-alert-warning); 819} 820 821.lightbox-alert-btn-info { 822 background: var(--lightbox-alert-info); 823} 824 825.arrival-guide-guest-submit { 826 background:rgb(119, 133, 145); 827 color: #fff; 828 padding: 11px 0; 829 width: 100%; 830 border: none; 831 border-radius: 4px; 832 font-size: 16px; 833 cursor: pointer; 834 font-weight: 500; 835} 836</style> <section class="content-top"> <div class="flipper_wrap clearfix"> <style type="text/css">/* æª¢æ¸¬å ±å */ 837.pdsection.pdsection_color.pf_section02_main { 838 background-color: #f3f3f3; 839 padding: 50px 0; 840} 841 842.product-category .pop_main { 843 min-width: 767px; 844 width: 80%; 845 margin: auto; 846 height: auto; 847 z-index: 100; 848 text-align: center; 849 position: relative; 850} 851 852.product-category .pop_main h2 { 853 color: black; 854 margin-top: 50px; 855} 856 857.product-category .pop_main i { 858 position: absolute; 859 top: 0; 860 bottom: 0; 861 height: 0; 862 margin: auto; 863 font-size: 25px; 864 cursor: pointer; 865 opacity: 0.5; 866 -webkit-transition: all .3s ease-in-out; 867 -o-transition: all .3s ease-in-out; 868 transition: all .3s ease-in-out; 869 color: black; 870 z-index: 99; 871} 872 873.product-category .pop_main i:hover { 874 opacity: 0.9; 875} 876 877.product-category .pop_main .fa-chevron-left { 878 left: 7%; 879} 880 881.product-category .pop_main .fa-chevron-right { 882 right: 7%; 883} 884 885.product-category .pop_main ul { 886 width: 100%; 887 overflow: hidden; 888 white-space: nowrap; 889 height: 100%; 890 font-size: 0; 891 -webkit-transform: translate3d(0, 0, 0); 892 transform: translate3d(0, 0, 0); 893 display: flex; 894 align-items: center; 895} 896 897.product-category .pop_main ul li { 898 display: inline-block; 899 width: 50%; 900 height: 80%; 901 overflow: hidden; 902 text-align: center; 903 flex-shrink: 0; 904} 905 906.product-category .pop_main ul li:nth-child(odd) img { 907 margin-right: 10%; 908} 909 910.product-category .pop_main ul li:nth-child(even) img { 911 margin-left: 10%; 912} 913 914.product-category .pop_main ul li img { 915 width: 60%; 916} 917 918@media (max-width: 767px) { 919 .product-category .pop_main { 920 position: relative; 921 width: 100%; 922 min-width: unset; 923 max-width: 500px; 924 margin: auto; 925 height: auto; 926 z-index: 100; 927 text-align: center; 928 padding: 15px 0; 929 } 930 931 .product-category .pop_main ul { 932 margin-top: 35px; 933 height: 100%; 934 margin-bottom: 35px; 935 } 936 937 .product-category .pop_main ul li { 938 overflow: auto; 939 height: auto; 940 position: relative; 941 width: 100%; 942 height: 100%; 943 margin-bottom: 0; 944 } 945 946 .product-category .pf_section02_main .pop_main { 947 margin-bottom: 0; 948 } 949 950 .product-category .pf_section02_main .pop_main h2 { 951 margin-top: 50px !important; 952 } 953 954 .product-category .pop_main ul li img { 955 margin: auto; 956 height: unset; 957 width: 90%; 958 } 959 960 .product-category .pop_main ul li:nth-child(odd) img { 961 margin: auto; 962 } 963 964 .product-category .pop_main ul li:nth-child(even) img { 965 margin: auto; 966 } 967} 968</style></div> </section> <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.cswater.com.tw/"><span itemprop="name">é¦é </span></a> <meta data-id="0" itemprop="position" content="1" /> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 969 > <a itemprop="item" href="https://www.cswater.com.tw/store"><span itemprop="name">éå¸è³è¨</span></a> <meta data-id="11" itemprop="position" content="2" /> </li> </ol> <header class="heading"> <div id="notification"></div> </header> <div class="row-fluid">
969 <section id="maincontent" class="span12 category" role="main"> <div class="mainborder"> <div class="category-details"> <!-- Subcategories START --> <!-- subcategories END --> <div class="category-info"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet" />
969<script src="https://code.jquery.com/jquery-3.4.0.min.js"> </script>
969 <style type="text/css">.productImg h4, 970 .productImg h1 { 971 margin-top: 0; 972 margin-bottom: 0; 973 } 974 975 .productImg h1 { 976 display: inline-block; 977 padding: 5px 15px; 978 margin-bottom: 15px; 979 } 980 981 .store_ul { 982 margin-top: 25px; 983 margin-bottom: 25px; 984 margin-left: 0%; 985 } 986 987 .store_ul li { 988 display: inline-block; 989 padding: 6px 12px; 990 border: 1px solid rgba(0, 0, 0, .7); 991 text-align: center; 992 cursor: pointer; 993 transition: all .3s ease-in-out; 994 } 995 996 .store_ul_active { 997 background: rgba(0, 0, 0, .7); 998 color: white; 999 } 1000 1001 .store_direct { 1002 max-width: 1170px; 1003 width: 100%; 1004 margin: auto; 1005 text-align: center; 1006 margin-bottom: 80px; 1007 border-radius: 5px; 1008 margin-top: 35px; 1009 } 1010 1011 .store_direct .td, 1012 .channel_main .td, 1013 .store_direct .th, 1014 .channel_main .th { 1015 padding: 15px; 1016 vertical-align: middle; 1017 line-height: 1.8; 1018 float: left; 1019 } 1020 1021 .store_direct .thead .tr, 1022 .channel_main .thead .tr { 1023 background: unset; 1024 text-align: left; 1025 border-bottom: 1px solid #bbb; 1026 letter-spacing: 4px; 1027 overflow: hidden; 1028 } 1029 1030 .store_direct .tr, 1031 .channel_table .tr { 1032 display: flex; 1033 align-items: center; 1034 text-align: left; 1035 border-bottom: 1px solid #ddd; 1036 } 1037 1038 .store_direct .th01, 1039 .store_direct .td01 { 1040 width: 20%; 1041 } 1042 1043 .store_direct .th02, 1044 .store_direct .td02 { 1045 width: 20%; 1046 } 1047 1048 .store_direct .th03, 1049 .store_direct .td03 { 1050 width: 20%; 1051 } 1052 1053 .store_direct .th04, 1054 .store_direct .td04 { 1055 width: 20%; 1056 } 1057 1058 .store_direct .th05, 1059 .store_direct .td05 { 1060 width: 20%; 1061 } 1062 1063 .store_direct .td a { 1064 cursor: pointer; 1065 } 1066 1067 .store_direct .td a { 1068 color: gray; 1069 } 1070 1071 .mainborder .store_direct a span:nth-child(2), 1072 .channel_main .channel_table .tr a span:nth-child(2), 1073 .store_direct .td03 a, 1074 .store_direct .td05 a { 1075 color: rgb(17 99 134); 1076 } 1077 1078 1079 .clear { 1080 clear: both; 1081 } 1082 1083 .channel_ul { 1084 width: 100%; 1085 text-align: center; 1086 margin: auto; 1087 margin-bottom: 25px; 1088 overflow: hidden; 1089 } 1090 1091 .channel_ul li { 1092 position: relative; 1093 display: block; 1094 width: 19%; 1095 float: left; 1096 cursor: pointer; 1097 transition: all .3s ease-in-out; 1098 padding: 18px 0; 1099 margin-right: 1.25%; 1100 background: rgba(0, 0, 0, .05); 1101 transition: all .5s ease-in-out; 1102 border-radius: 5px; 1103 } 1104 1105 .channel_ul li span { 1106 position: absolute; 1107 display: block; 1108 height: 3px; 1109 width: 15px; 1110 top: 0; 1111 bottom: 5px; 1112 right: 18px; 1113 margin: auto; 1114 transition: all .5s ease-in-out; 1115 } 1116 1117 .channel_ul li span:before, 1118 .channel_ul li span:after { 1119 content: ''; 1120 position: absolute; 1121 top: 0; 1122 bottom: 0; 1123 display: block; 1124 right: 0; 1125 margin: auto; 1126 height: 100%; 1127 width: 100%; 1128 font-size: 24px; 1129 transition: all .5s ease-in-out; 1130 background: rgb(158, 157, 157); 1131 } 1132 1133 .channel_ul li span:before { 1134 transform: rotate(45deg); 1135 transform-origin: 100% 50%; 1136 border-top-left-radius: 3px; 1137 border-bottom-left-radius: 3px; 1138 top: 2px; 1139 } 1140 1141 .channel_ul li span:after { 1142 transform: rotate(-45deg); 1143 transform-origin: 100% 50%; 1144 border-top-left-radius: 3px; 1145 border-bottom-left-radius: 3px; 1146 bottom: 2px; 1147 } 1148 1149 .channel_ul .channel_ul_active span:before, 1150 .channel_ul .channel_ul_active span:after { 1151 background: white; 1152 } 1153 1154 .channel_ul .channel_ul_active span { 1155 transform: rotate(90deg); 1156 } 1157 1158 .channel_ul li:last-child { 1159 margin-right: 0; 1160 } 1161 1162 .channel_ul .channel_ul_active { 1163 background: #52c2f2; 1164 color: white; 1165 } 1166 1167 .channel_main { 1168 width: 100%; 1169 margin: auto; 1170 } 1171 1172 .channel_store { 1173 width: 19%; 1174 margin: 0 2%; 1175 margin-left: 0%; 1176 float: left; 1177 } 1178 1179 .channel_table_all { 1180 width: 79%; 1181 float: left; 1182 text-align: center; 1183 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .15); 1184 margin-bottom: 80px; 1185 border-radius: 5px; 1186 border-bottom-right-radius: unset; 1187 border-bottom-left-radius: unset; 1188 } 1189 1190 .channel_table_all .channel_table { 1191 width: 100%; 1192 } 1193 1194 .channel_table .th01, 1195 .channel_table .td01 { 1196 width: 33%; 1197 } 1198 1199 .channel_table .th02, 1200 .channel_table .td02 { 1201 width: 33%; 1202 } 1203 1204 .channel_table .th03, 1205 .channel_table .td03 { 1206 width: 34%; 1207 } 1208 1209 .channel_store ul { 1210 width: 100%; 1211 border-radius: 5px; 1212 overflow: hidden; 1213 } 1214 1215 .channel_store ul li { 1216 padding: 18px 8px; 1217 cursor: pointer; 1218 border-bottom: 1px dashed rgba(0, 0, 0, .2); 1219 letter-spacing: 3px; 1220 transition: 0.5s all ease-in-out; 1221 position: relative; 1222 } 1223 1224 .channel_store .channel_store_active { 1225 background: #52c2f2; 1226 color: white; 1227 position: relative; 1228 } 1229 1230 .channel_store ul li:before, 1231 .channel_store ul li:after { 1232 content: ''; 1233 position: absolute; 1234 top: 0; 1235 bottom: 0; 1236 display: block; 1237 right: 15px; 1238 margin: auto; 1239 height: 3px; 1240 width: 15px; 1241 font-size: 24px; 1242 transition: all .5s ease-in-out; 1243 background: #52c2f2; 1244 } 1245 1246 .channel_store .channel_store_active:after { 1247 transform: rotate(45deg); 1248 transform-origin: 100% 50%; 1249 border-top-left-radius: 3px; 1250 border-bottom-left-radius: 3px; 1251 top: 2px; 1252 background: white; 1253 } 1254 1255 .channel_store .channel_store_active:before { 1256 transform: rotate(-45deg); 1257 transform-origin: 100% 50%; 1258 border-top-left-radius: 3px; 1259 border-bottom-left-radius: 3px; 1260 bottom: 2px; 1261 background: white; 1262 } 1263 1264 .store_direct .td01 i { 1265 display: inline; 1266 padding-right: 2px; 1267 } 1268 1269 @media screen and (max-width: 767px) { 1270 1271 .store_direct .thead .tr, 1272 .channel_main .thead .tr, 1273 .store_direct .tr, 1274 .channel_table .tr { 1275 display: block; 1276 font-size: 14px; 1277 } 1278 1279 .store_direct .tr, 1280 .channel_table .tr { 1281 padding-bottom: 15px; 1282 1283 } 1284 1285 .store_direct .tr, 1286 .channel_table .tr .td01 { 1287 padding-top: 15px; 1288 } 1289 1290 .store_direct { 1291 box-shadow: none; 1292 } 1293 1294 .store_direct .thead { 1295 display: none; 1296 } 1297 1298 .store_direct .tr { 1299 display: block; 1300 align-items: center; 1301 margin-bottom: 0; 1302 } 1303 1304 .store_direct { 1305 margin-top: 0;
1306 margin-bottom: 0; 1307 } 1308 1309 .store_direct .td01 img { 1310 display: none; 1311 } 1312 1313 .store_direct .td_active { 1314 display: block; 1315 } 1316 1317 .store_direct .td01 { 1318 position: relative; 1319 } 1320 1321 .store_direct .td { 1322 float: unset; 1323 width: 100%; 1324 margin-bottom: 8px; 1325 padding-top: 0; 1326 padding-bottom: 0; 1327 font-weight: 300; 1328 color: gray; 1329 } 1330 1331 .store_direct .td span { 1332 margin-bottom: 8px; 1333 } 1334 1335 .store_direct .td01 i { 1336 display: inline; 1337 } 1338 1339 .store_direct .td01 { 1340 color: black; 1341 font-weight: 700; 1342 border-bottom: 0; 1343 border-radius: 0; 1344 } 1345 1346 .store_direct .td05 { 1347 border-bottom: 0; 1348 border-radius: 0; 1349 } 1350 1351 .channel_ul li { 1352 width: 45%; 1353 margin-bottom: 12px; 1354 margin-right: 5%; 1355 margin-left: 0; 1356 } 1357 1358 .channel_ul .channel_ul_right { 1359 margin-right: 0; 1360 margin-left: 5%; 1361 } 1362 1363 .channel_ul li span { 1364 right: 10px; 1365 width: 7px; 1366 } 1367 1368 .channel_store { 1369 width: 100%; 1370 margin: 0 auto; 1371 max-width: 500px; 1372 float: unset; 1373 margin-bottom: 50px; 1374 } 1375 1376 .channel_table_all { 1377 width: 100%; 1378 } 1379 1380 .channel_table_all .tbody { 1381 text-align: left; 1382 } 1383 1384 .channel_table .td01 { 1385 width: 100%; 1386 clear: both; 1387 float: unset; 1388 text-align: center; 1389 } 1390 1391 .store_direct .thead .tr, 1392 .channel_main .thead .tr, 1393 .store_direct .tr, 1394 .channel_table .tr { 1395 display: block; 1396 } 1397 1398 .channel_table .td02, 1399 .channel_table .td03 { 1400 width: 100%; 1401 text-align: center; 1402 } 1403 1404 .channel_table .td01 { 1405 padding-bottom: 0px; 1406 } 1407 1408 .channel_table .td03 { 1409 padding-top: 0px; 1410 } 1411 1412 .channel_table .td02 { 1413 padding: 0 10px; 1414 } 1415 1416 .channel_table .tr { 1417 overflow: hidden; 1418 } 1419 1420 .channel_table .thead .tr { 1421 border-bottom: 0; 1422 } 1423 1424 .channel_main .th { 1425 width: 100%; 1426 text-align: center; 1427 } 1428 } 1429 1430 .productImg { 1431 width: 100%; 1432 position: relative; 1433 height: auto; 1434 overflow: hidden; 1435 } 1436 1437 .productImg div { 1438 position: absolute; 1439 } 1440 1441 .productImg img { 1442 width: 100%; 1443 } 1444 1445 .area { 1446 width: 100%; 1447 max-width: 1170px; 1448 margin: auto; 1449 margin-top: 25px; 1450 white-space: nowrap; 1451 text-align: center; 1452 } 1453 1454 .area li { 1455 display: inline-block; 1456 padding: 8px 25px; 1457 cursor: pointer; 1458 color: gray; 1459 margin-right: 25px; 1460 border: 1px solid gray; 1461 font-size: 18px !important; 1462 border-radius: 5px !important; 1463 transition: all .3s ease-in-out; 1464 } 1465 1466 .area .areaActive { 1467 color: white; 1468 background: gray; 1469 } 1470 1471 @media screen and (max-width: 767px) { 1472 .area { 1473 margin-top: 15px; 1474 } 1475 1476 .area li { 1477 padding: 8px 0; 1478 display: inline-block; 1479 width: 23%; 1480 cursor: pointer; 1481 color: gray; 1482 margin-right: 0.5%; 1483 border: 1px solid gray; 1484 font-size: 18px !important; 1485 border-radius: 5px !important; 1486 transition: all .3s ease-in-out; 1487 text-align: center; 1488 } 1489 1490 .area li:first-child { 1491 margin-left: 0.5%; 1492 } 1493 1494 .area .areaActive { 1495 color: white; 1496 background: gray; 1497 } 1498 1499 } 1500 1501 @media screen and (max-width: 767px) { 1502 .sptext { 1503 padding: 0 8px !important; 1504 text-align: left; 1505 } 1506 } 1507 1508 .span12 .mainborder, 1509 #content-wrapper>.container>.container-inner>.row-fluid [class*="span"] { 1510 padding: 0 !important; 1511 } 1512 1513 .fa-home:before, 1514 .fa-headphones:before, 1515 .fa-file-alt:before, 1516 .fa-arrow-right:before, 1517 .fa-vial:before, 1518 .fas:before { 1519 font-family: 'Font Awesome 5 Free'; 1520 } 1521 1522 .where { 1523 position: fixed; 1524 top: 150px; 1525 left: 0; 1526 right: 0; 1527 width: 90%; 1528 margin: auto; 1529 max-width: 1120px; 1530 height: 65vh; 1531 min-height: 400px; 1532 background: rgba(255, 255, 255, .95); 1533 z-index: 10; 1534 border-radius: 5px; 1535 } 1536 1537 .where h2 { 1538 text-align: center; 1539 margin-top: 25px !important; 1540 } 1541 1542 .where .map, 1543 .where .text { 1544 width: 50%; 1545 float: left; 1546 margin-top: 16px; 1547 } 1548 1549 .where .map { 1550 padding-left: 16px; 1551 } 1552 1553 .where .bus { 1554 display: none; 1555 } 1556 1557 .where .text { 1558 margin-top: 16px; 1559 padding-left: 16px; 1560 } 1561 1562 .where .map { 1563 margin-top: 8px; 1564 } 1565 1566 .where .map iframe { 1567 height: 40vh; 1568 } 1569 1570 .colose_where { 1571 position: absolute; 1572 top: 15px; 1573 right: 15px; 1574 cursor: pointer; 1575 text-transform: none !important; 1576 letter-spacing: normal !important; 1577 font-size: 15px !important; 1578 1579 } 1580 1581 .where_top { 1582 background: rgba(0, 0, 0, .95); 1583 width: 100%; 1584 height: 100%; 1585 position: fixed; 1586 top: 0; 1587 left: 0; 1588 bottom: 0; 1589 right: 0; 1590 margin: auto; 1591 z-index: 9; 1592 display: none; 1593 } 1594 1595 .cover_where { 1596 background: rgba(0, 0, 0, .95); 1597 width: 100%; 1598 height: 100%; 1599 position: absolute; 1600 top: 0; 1601 left: 0; 1602 bottom: 0; 1603 right: 0; 1604 margin: auto; 1605 z-index: 9; 1606 1607 } 1608 1609 .where { 1610 z-index: 10; 1611 } 1612 1613 .td_mo { 1614 display: none; 1615 } 1616 1617 @media screen and (max-width: 767px) { 1618 .td_mo { 1619 display: inline; 1620 } 1621 1622 .where { 1623 overflow: auto; 1624 } 1625 1626 .where .map, 1627 .where .text { 1628 width: 100%; 1629 float: unset; 1630 overflow: hidden; 1631 1632 } 1633 1634 .where .text, 1635 .where .map { 1636 padding: 8px 12px; 1637 } 1638 1639 .where .text { 1640 margin-bottom: 15px; 1641 } 1642 } 1643 1644 .text .left, 1645 .text .right { 1646 float: left; 1647 margin-bottom: 8px; 1648 } 1649 1650 .text .left { 1651 width: 20%; 1652 clear: left; 1653 1654 } 1655 1656 .text .right { 1657 width: 80%; 1658 } 1659 1660 .text h4 { 1661 font-size: 16px !important; 1662 } 1663 1664 .text p { 1665 font-size: 16px !important; 1666 padding-right: 15px; 1667 } 1668 1669 .text_s { 1670 font-size: 14px !important; 1671 } 1672</style> <div class="banner-top"> </div> <div class="where_top"> <div class="cover_where"> </div> <div class="where"><span class="colose_where">X</span> <h2><span class="store_name">大å®éå¸</span>å°åè³è¨</h2> <div class="map"><iframe src="https://www.google.com/maps/d/u/0/embed?mid=1poZeSBltJhtvddYHFCFALQ2rVKoyXLGO" width="100%"></iframe></div> <div class="text"> <div class="left"> <h4>éå¸å°å:</h4> </div> <div class="right"> <p class="store_where">106å°åå¸å¤§å®åéå±±åè·¯äºæ®µ3è</p> </div> <div class="left bus"> <h4>æä¹å¤§ç¾é輸:</h4> </div> <div class="right bus"> <p class="store_bus">
1672æ·é æ±éç«3èåºå£</p> <!-- <p>å ¬è»ç«ç æ·éæ±éç«(信義)ãæ·éæ±éç«(éå±±)</p> --></div> <div class="left"> <h4>åè»å ´è³è¨:</h4> </div> <div class="right"> <p class="store_park_name">éå±±åè»å ´æ¥è¡2åé</p> 1673 1674 1675<p>åè»å ´å°å:</p> <p class="store_park_where">å°åå¸å¤§å®åéå±±åè·¯äºæ®µ31å··èæåæ±è·¯79巷交åå£</p> 1676 1677 1678<p>åè»æ¶è²»:</p> <p class="store_park_money">07:00-11:00 1H/$40ï¼11:00-23:00 1H/$60ã<br /> 1679åè»æªæ»¿1尿以1å°æè¨ï¼<br /> 1680é¾1尿以ä¸è ï¼æªæ»¿å尿以åå°æè¨</p> <br /> <span class="text_s">â»å¯¦éè²»ç¨ä»¥åè»å ´å ¬åçºä¸»</span></div> </div> </div> </div> <div class="productImg"><picture> <source media="(max-width: 767px)" srcset="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2022/12/20/f6bd81ee028eb1ff85f876b94e291904.png" /> <img onerror="imgError(this);" src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2022/12/20/abf85be3c856f0563d0c83073c973e46.png" /> </picture> <div style="text-align:center; margin-top: 8%;"> <h1 class="max_title" style="font-size:0px !important;">éå¸è³è¨</h1> <h4 style="font-size:0px !important;">ç¨äº«æå°æ¥æå</h4> <!-- <p class="sptext">æ¡è¿ä¾éå¸å¯¦éé«é©è©¦é£²ï¼éé諮詢æåæä¾é©åæ¨çç¢åï¼å¡å¨çæ¥æéå §ï¼çææå人å¡å¨éå¸ï¼é¨ææä¾æå°æ¥çæåã</p> <p class=""><a href="https://www.cswater.com.tw/storeqa" style=' color: rgb(137 199 255) !important;' title="éå¸è«®è©¢é«é©QA" onclick="ga('newTracker.send','event','éå¸è³è¨é é¢','éå¸è³è¨é é¢_黿','éå¸è³è¨é é¢_黿_é£çµå°éå¸è«®è©¢é«é©QA')">éå¸è«®è©¢é«é©QA</a></p> --><!-- <p class="sptext"><p> --></div> <!-- <div class="subservice"> <div> <img src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2020/12/20201202BN-11_1.png" alt="實æ©é«é©å 費試飲"> <h4>實æ©é«é©å 費試飲</h4> </div> <div> <img src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2020/12/20201202BN-12_1.png" alt="å±ç¤ºååæé½å ¨"> <h4>å±ç¤ºååæé½å ¨</h4> </div> <div> <img src="//image-cdn-flare.qdm.cloud/q6041cc57bfa5e/image/data/2020/12/20201202BN-13_1.png" alt="å°æ¥äººå¡è«®è©¢"> <h4>å°æ¥äººå¡è«®è©¢</h4> </div> </div> --></div> <ul class="area"> <li class="areaActive">å ¨é¨</li> <li>åé¨</li> <li>ä¸é¨</li> <li>åé¨</li> </ul> <div class="table store_direct"> <div class="thead"> <div class="tr "> <div class="th th01" valign="middle">éå¸</div> <div class="th th02" valign="middle">éè¨å°å</div> <div class="th th03" valign="middle">è¯çµ¡é»è©±</div> <div class="th th04" valign="middle">çæ¥æé</div> <div class="th th05" valign="middle">é»è©±æå</div> </div> </div> <div class="tbody"> <div class="tr " location="0"> <div class="td td01 td01_active" valign="middle"><i class="fas fa-map-marker-alt"></i>åç¨é£²æ°´æ©åªæ æ¹æ¡</div> <div class="td td02 td_active" valign="middle"><span class="td_mo">éè¨å°å: </span><span>æ°åå¸ä¸éåå å¾©è·¯ä¸æ®µ88-11è2æ¨</span></div> <div class="td td03 td_active" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-2-66373699" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_åç¨é£²æ°´æ©åªæ æ¹æ¡')">(02) 6637 - 3699</a></span></div> <div class="td td04 td_active" valign="middle"><span class="td_mo">çæ¥æé: </span>é±ä¸è³é±äº<br class="pc" /> 168109:00 ~ 18:00</div> <div class="td td05 td_active" valign="middle"><span class="td_mo">é»è©±æå: </span><br class="mo" /> 1682é±ä¸è³é±äº<br class="pc" /> 168309:00 ~ 12:00 å 13:00 ~ 18:00</div> </div> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>大å®éå¸</div> <div class="td td02" valign="middle"><a value="18"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>å°åå¸å¤§å®åéå±±åè·¯äºæ®µ3è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-2-66175678" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_大å®éå¸')">(02) 6617 - 5678</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 168411:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1685é±ä¸è³é±äº<br class="pc" /> 168609:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>æ¿æ©éå¸</div> <div class="td td02" valign="middle"><a value="16"><span class="td_mo">
1686éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>æ°å叿¿æ©åä¸å±±è·¯äºæ®µ23è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-2-66371111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_æ¿æ©éå¸')">(02) 6637 - 1111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 168711:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1688é±ä¸è³é±äº<br class="pc" /> 168909:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>ä¸ééå¸</div> <div class="td td02" valign="middle"><a value="2"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>æ°åå¸ä¸éåæ£ç¾©åè·¯83è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-2-66370111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_ä¸ééå¸')">(02) 6637 - 0111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 169011:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1691é±ä¸è³é±äº<br class="pc" /> 169209:00~12:00 å 13:00~17:00</div> </div> <!-- <div class="tr "> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>ååéå¸</div> <div class="td td02" valign="middle">ç§ç´å°æï¼åæ¢çæ¥</div> <div class="td td03" valign="middle">以ä¸å°åæåéæ±ï¼è«æ¹æ¥å°ç·ï¼ 1693 <br /> <a href="tel:+886-2-66371111">åå/樹æå (02) 6637 - 1111</a> <br /> <a href="tel:+886-2-66175678">è¬è¯å (02) 6617 - 5678</a> <br /> <a href="tel:+886-3-2639900">ä¸å³½/鶯æå (03) 263 - 9900</a></div> <div class="td td04" valign="middle"></div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class='mo'>é±ä¸è³é±äº 1694 <br class='pc'/> 09:00 ~ 12:00 å 13:00 ~ 17:30 1695 <br class=''/> é±å æ¥ãåå®åæ¥ 1696 <br class='pc'/> 11:00 ~ 20:00</div> </div> --> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>æ¡åéå¸</div> <div class="td td02" valign="middle"><a value="14"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>æ¡å叿¡ååç¶åè·¯258è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-3-2639900" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_æ¡åéå¸')">(03) 263 - 9900</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 169711:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1698é±ä¸è³é±äº<br class="pc" /> 169909:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>ä¸å£¢éå¸</div> <div class="td td02" valign="middle"><a value="7"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>æ¡åå¸ä¸å£¢å延平路278è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-3-2631111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_ä¸å£¢éå¸')">(03) 263 - 1111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 170011:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1701é±ä¸è³é±äº<br class="pc" /> 170209:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="1"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>æ°ç«¹éå¸</div> <div class="td td02" valign="middle"><a value="3"><span class="td_mo">
1702éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>æ°ç«¹å¸æ±åç¶åè·¯ä¸æ®µ280è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-3-6106111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_æ°ç«¹éå¸')">(03) 610 - 6111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 170311:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1704é±ä¸è³é±äº<br class="pc" /> 170509:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="2"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>å屯éå¸</div> <div class="td td02" valign="middle"><a value="4"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>å°ä¸å¸å屯åæå¿åè·¯50è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-4-36090111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_å屯éå¸')">(04) 3609 - 0111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 170611:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1707é±ä¸è³é±äº<br class="pc" /> 170809:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="2"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>䏿¸ éå¸</div> <div class="td td02" valign="middle"><a value="19"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>å°ä¸å¸åå䏿¸ è·¯ä¸æ®µ445è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-4-36091111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_䏿¸ éå¸')">(04) 3609 - 1111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 170911:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1710é±ä¸è³é±äº<br class="pc" /> 171109:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="3"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>å義éå¸</div> <div class="td td02" valign="middle"><a value="12"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>å義å¸è¥¿ååæè·¯äºæ®µ434è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-5-3101688" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_å義éå¸')">(05) 310 - 1688</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 171211:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1713é±ä¸è³é±äº<br class="pc" /> 171409:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="3"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>å°åéå¸</div> <div class="td td02" valign="middle"><a value="8"><span class="td_mo">éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>å°å叿±åæ±éè·¯ä¸æ®µ43è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-6-6020111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_å°åéå¸')">(06) 602 - 0111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 171511:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1716é±ä¸è³é±äº<br class="pc" /> 171709:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="3"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>é«ééå¸</div> <div class="td td02" valign="middle"><a value="6"><span class="td_mo">
1717éè¨å°å: </span><span><i aria-hidden="true" class="fa fa-search"></i>é«éå¸èé åä¸å±±äºè·¯468è</span></a></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-7-9630111" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_é«ééå¸')">(07) 963 - 0111</a></span></div> <div class="td td04" valign="middle"><span class="td_mo">çæ¥æé:</span>é±ä¸è³é±æ¥<br class="pc" /> 171811:00 ~ 20:00</div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1719é±ä¸è³é±äº<br class="pc" /> 172009:00~12:00 å 13:00~17:00</div> </div> <div class="tr " location="0"> <div class="td td01" valign="middle"><i class="fas fa-map-marker-alt"></i>ç¸½å ¬å¸</div> <div class="td td02" valign="middle"><span class="td_mo">éè¨å°å: </span><span>æ°åå¸ä¸éåå å¾©è·¯ä¸æ®µ88-11è2æ¨</span></div> <div class="td td03" valign="middle"><span class="td_mo">è¯çµ¡é»è©±: </span><span><a href="tel:+886-2-85112222" onclick=" ga('newTracker.send','event','éå¸è³è¨_è¯çµ¡é»è©±','éå¸è³è¨_è¯çµ¡é»è©±_黿','éå¸è³è¨_è¯çµ¡é»è©±_黿_é«ééå¸')">(02) 8511 - 2222</a></span></div> <div class="td td04" valign="middle"> </div> <div class="td td05" valign="middle"><span class="td_mo">é»è©±æå:</span><br class="mo" /> 1721é±ä¸è³é±äº<br class="pc" /> 172209:00 ~ 12:00 å 13:00 ~ 17:30</div> </div> </div> </div>
1722<script> 1723 $('.area li').click(function (event) { 1724 var location = $(this).index(); 1725 $('.area li').removeClass('areaActive') 1726 1727 $(this).addClass('areaActive'); 1728 $('.tbody>.tr').fadeOut(100); 1729 for (var i = 0; i < $('.tbody .tr').length; i++) { 1730 if ($('.tbody>.tr').eq(i).attr("location") == location || location == 0) { 1731 $('.tbody .tr').eq(i).fadeIn(500) 1732 } 1733 } 1734 1735 }); 1736 $('.colose_where').click(function (event) { 1737 $('.where_top').hide(200); 1738 $('.where').fadeOut(300); 1739 }); 1740 $('.cover_where').click(function (event) { 1741 $('.where_top').hide(200); 1742 $('.where').fadeOut(300); 1743 }); 1744 $('.td02').click(function (event) { 1745 var store_number = $(this).children('a').attr('value'); 1746 if (store_number) { 1747 if (store_number == '18' || store_number == '2' || store_number == '16' || store_number == '6' || store_number == '4') { 1748 $('.bus').show(); 1749 } 1750 else { 1751 $('.bus').hide(); 1752 } 1753 $('.where_top').show(500); 1754 $('.where').fadeIn(500); 1755 $('.store_name').html(store_main[store_number].store_name); 1756 $('.store_where').html(store_main[store_number].store_where); 1757 $('.store_bus').html(store_main[store_number].store_bus); 1758 $('.store_park_name').html(store_main[store_number].store_park_name); 1759 $('.store_park_where').html(store_main[store_number].store_park_where); 1760 $('.store_park_money').html(store_main[store_number].store_park_money); 1761 $('.where iframe').attr('src', store_main[store_number].store_map); 1762 ga('newTracker.send', 'event', 'éå¸è³è¨_å°å', 'éå¸è³è¨_å°å_黿', 'éå¸è³è¨_å°å_黿_' + store_main[store_number].store_name) 1763 } 1764 }); 1765 1766 var store_main = { 1767 "18": { 1768 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1poZeSBltJhtvddYHFCFALQ2rVKoyXLGO", 1769 'store_name': "大å®éå¸", 1770 'store_where': "106å°åå¸å¤§å®åéå±±åè·¯äºæ®µ3è", 1771 'store_bus': "æ·é æ±éç«3è/2èåºå£æ¥è¡3åé", 1772 'store_park_name': "éå±±åè»å ´æ¥è¡2åé", 1773 'store_park_where': "å°åå¸å¤§å®åéå±±åè·¯äºæ®µ31å··èæåæ±è·¯79巷交åå£", 1774 'store_park_money': '07:00-11:00 $40/æ<br>11:00-23:00 $60/æ<br><br>åè»æªæ»¿1尿以1å°æè¨ï¼é¾1尿以ä¸è ï¼æªæ»¿å尿以åå°æè¨' 1775 }, //å¤§å® 1776 "2": { 1777 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1LdAPAPyf7hg8tCXs_7kon8g--iarTzSi", 1778 'store_name': "ä¸ééå¸", 1779 'store_where': "241æ°åå¸ä¸éåæ£ç¾©åè·¯83è", 1780 'store_bus': "æ·é å°åæ©ç«æ¥è¡7åé", 1781 'store_park_name': "å¹³å®è¡åè»å ´æ¥è¡3åé", 1782 'store_park_where': "æ°åå¸ä¸éåå¹³å®è¡15è(æç©ºå°)", 1783 'store_park_money': 'å¹³æ¥:$40/æ<br>忥:$50/æ' 1784 }, //ä¸é 1785 "16": { 1786 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1jYgiIlXQ5hEgaKvjuytu2a0eb8hjRS2X", 1787 'store_name': "æ¿æ©éå¸", 1788 'store_where': "220æ°å叿¿æ©åä¸å±±è·¯äºæ®µ23è", 1789 'store_bus': "æ·é ç°çç·æ¿æ°ç«æ¥è¡3åé", 1790 'store_park_name': "æ°çåè»å ´æ¥è¡3åé", 1791 'store_park_where': "æ°å叿¿æ©åæ°çè·¯äºæ®µ89-4è", 1792 'store_park_money': '$30/æ' 1793 }, 1794 "19": { 1795 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1mzSq1XuS29WLDRFP64S4W9P54qz2OA31", 1796 'store_name': "䏿¸ éå¸", 1797 'store_where': "404å°ä¸å¸åå䏿¸ è·¯ä¸æ®µ445è", 1798 'store_bus': "", 1799 'store_park_name': "æ¥æäºåè»å ´æ¥è¡1åé", 1800 'store_park_where': "å°ä¸å¸åå䏿¸ è·¯ä¸æ®µ433å··1è", 1801 'store_park_money': '$15/åå°æ<br>ç¶æ¥ç¶æ¬¡æé«ä¸é$100' 1802 }, // 1803 "7": { 1804 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1D1qQQ6J2CHV6bQgnuL2JMBBHQVc3hSw3", 1805 'store_name': "ä¸å£¢éå¸", 1806 'store_where': "324æ¡åå¸ä¸å£¢å延平路278è", 1807 'store_bus': "", 1808 'store_park_name': "å°ç£è¯éåè»å ´-ä¸å£¢æ°è¡å ´æ¥è¡4åé", 1809 'store_park_where': "æ¡åå¸ä¸å£¢å延平路227è", 1810 'store_park_money': 'å¹³æ¥:<br>08:00~22:00 $30/æ<br>22:00~08:00 $10/æ<br><br>忥:<br>08:00~22:00 $50/æ<br>22:00~08:00 $10/æ' 1811 }, // 1812 "8": { 1813 'store_map': "https://www.google.com/maps/d/u/1/embed?mid=1_fYII7vAmKZAchsKto7VjWOyEnGgU6Z-&ehbc=2E312F", 1814 'store_name': "å°åéå¸", 1815 'store_where': "700å°å叿±åæ±éè·¯ä¸æ®µ43è", 1816 'store_bus': "", 1817 'store_park_name': "ååè»æ£§åè»å ´ å¯è¾²åº æ¥è¡6åé", 1818 'store_park_where': "å°å叿±åå¯è¾²è¡ä¸æ®µ131å··25å¼1èä¹å°é¢", 1819 'store_park_money': '$30/å°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$120' 1820 }, // 1821 "4": { 1822 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1qXWZI-4LrxbSWOtuxWFQ1YI9FubFRWjR", 1823 'store_name': "å屯éå¸", 1824 'store_where': "408å°ä¸å¸å屯åæå¿åè·¯50è", 1825 'store_bus': "æ·é ç¶ ç·G11åå±¯ç«æ¥è¡5åé", 1826 'store_park_name': "CITY PARKING åå¸è»æ åè»å ´-æå¿åè»å ´æ¥è¡3åé", 1827 'store_park_where': "å°ä¸å¸å屯åæå¿è·¯ä¸æ®µ21è", 1828 'store_park_money': '$20/åå°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$150' 1829 }, // 1830 "14": { 1831 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1bMgspe8EcUdHsA
1831nf4orRy0fFuHexGl1y", 1832 'store_name': "æ¡åéå¸", 1833 'store_where': "330æ¡å叿¡ååç¶åè·¯258è", 1834 'store_bus': "", 1835 'store_park_name': "å ¨æ¹ä½åè»å ´åå®ç«", 1836 'store_park_where': "æ¡å叿¡ååå平路110å··38èæ£å°é¢ç©ºå°", 1837 'store_park_money': '以åè»å ´å ¬åçºä¸»' 1838 }, // 1839 "6": { 1840 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1n3eW0kZS9-XtLlR4d8Z4VPzQl4g_r53_", 1841 'store_name': "é«ééå¸", 1842 'store_where': "802é«éå¸èé åä¸å±±äºè·¯468è", 1843 'store_bus': "æ·é ä¸å¤®å ¬åç«æ¥è¡6åé", 1844 'store_park_name': "ååæ¿åè»å ´-éå¹´ä»ç¾©ç«æ¥è¡1åé", 1845 'store_park_where': "é«éå¸èé åéå¹´äºè·¯11è(æç©ºå°)", 1846 'store_park_money': '$25/åå°æ' 1847 }, // 1848 "3": { 1849 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=1d0vjAgFA1qvEOzlYSyLjGCdthDUEzgJe", 1850 'store_name': "æ°ç«¹éå¸", 1851 'store_where': "300æ°ç«¹å¸æ±åç¶åè·¯ä¸æ®µ280è(éå£å¯è¨åæ±½è»)", 1852 'store_bus': "", 1853 'store_park_name': "æ°ç«¹å¸å ¬å ±åè»å ´-å ¬éäºæ©ä¸åè»å ´æ¥è¡7åé", 1854 'store_park_where': "å ¬éäºé¸æ©ä¸(éµé-æ±æè¡)", 1855 'store_park_money': '$20/æ' 1856 }, // 1857 "12": { 1858 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=16VsZkntjJDtD9FYlfG_1Lq0kMVoyWNkz", 1859 'store_name': "å義éå¸", 1860 'store_where': "600å義å¸è¥¿ååæè·¯äºæ®µ434è", 1861 'store_bus': "", 1862 'store_park_name': "", 1863 'store_park_where': "å義å¸è¥¿ååæè·¯äºæ®µ434è", 1864 'store_park_money': "å¹³æ¥ï¼<br>$10/åå°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$60<br><br>忥:<br>$15/åå°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$100" 1865 }, 1866 // "99": { 1867 // 'store_map': "https://www.google.com/maps/d/u/0/embed?mid=16VsZkntjJDtD9FYlfG_1Lq0kMVoyWNkz", 1868 // 'store_name': "ç¸½å ¬å¸", 1869 // 'store_where': "600å義å¸è¥¿ååæè·¯äºæ®µ434è", 1870 // 'store_bus': "", 1871 // 'store_park_name': "", 1872 // 'store_park_where': "å義å¸è¥¿ååæè·¯äºæ®µ434è", 1873 // 'store_park_money': "å¹³æ¥ï¼<br>$10/åå°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$60<br><br>忥:<br>$15/åå°æï¼ç¶æ¥ç¶æ¬¡æé«ä¸é$100" 1874 // } 1875 1876 1877 } 1878 1879 1880 $('.store_ul li').click(function (event) { 1881 $('.store_ul li').removeClass('store_ul_active'); 1882 $(this).addClass('store_ul_active'); 1883 1884 if ($(this).index('.store_ul li') == "1") { 1885 $('.store_direct').hide() 1886 $('.channel_main').fadeIn('500'); 1887 $('.channel_ul').show(); 1888 } else { 1889 $('.store_direct').fadeIn('500') 1890 $('.channel_main').hide(); 1891 $('.channel_ul').hide(); 1892 } 1893 }); 1894 1895 $('.channel_ul li').click(function (event) { 1896 $('.channel_ul li').removeClass('channel_ul_active'); 1897 $(this).addClass('channel_ul_active'); 1898 1899 $('.channel_table_all>div').hide(); 1900 $('.channel_store ul li').eq(1).show(); 1901 $('.channel_store').css('opacity', '1'); 1902 switch ($(this).index('.channel_ul li')) { 1903 case 0: 1904 $('.channel_table_taipei').show(); 1905 break; 1906 case 1: 1907 $('.channel_table_taoyuan').show(); 1908 break; 1909 case 2: 1910 $('.channel_table_taichung').show(); 1911 break; 1912 1913 case 3: 1914 $('.channel_table_yunlin').show(); 1915 break; 1916 case 4: 1917 $('.channel_table_kaohsiung').show(); 1918 $('.channel_store ul li').removeClass('channel_store_active'); 1919 $('.channel_store ul li').eq(0).addClass('channel_store_active'); 1920 $('.channel_store ul li').eq(1).hide(); 1921 $('.channel_table_home').show(); 1922 $('.channel_table_big').hide(); 1923 break; 1924 case 5: 1925 $('.channel_table_yilan').show(); 1926 $('.channel_store').css('opacity', '0'); 1927 break; 1928 } 1929 });
1930 1931 1932 $('.channel_store ul li').click(function (event) { 1933 $('.channel_store ul li').removeClass('channel_store_active'); 1934 $(this).addClass('channel_store_active'); 1935 1936 if ($(this).index('.channel_store ul li') == "1") { 1937 $('.channel_table_home').hide() 1938 $('.channel_table_big').show(); 1939 } else { 1940 $('.channel_table_home').show(); 1941 $('.channel_table_big').hide(); 1942 } 1943 }); 1944 1945 $('.tr .td02 a').click(function (event) { 1946 var store_name = $(this).parents('.td02').siblings('.td01').text(); 1947 ga('newTracker.send', 'event', 'éå¸è³è¨é é¢', 'éå¸è³è¨é é¢è§çå°å', 'éå¸è³è¨é é¢è§çå°å_' + store_name) 1948 }); 1949</script>
1949 </div> </div> <!-- Products 1950 ============================== --> <!-- products END --> </div> </section> <!-- #maincontent --> </div> <!-- .row-fluid -->
1950<script> 1951 1952function makeAjaxRequest(url, method, data, callback) { 1953 var httpRequest; 1954 if (window.XMLHttpRequest) { // Mozilla, Safari, ... 1955 httpRequest = new XMLHttpRequest(); 1956 } else if (window.ActiveXObject) { // IE 1957 try { 1958 httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); 1959 } 1960 catch (e) { 1961 try { 1962 httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 1963 } 1964 catch (e) { 1965 } 1966 } 1967 } 1968 1969 if (!httpRequest) { 1970 console.log('Giving up :( Cannot create an XMLHTTP instance'); 1971 return false; 1972 } 1973 httpRequest.onreadystatechange = (function () { 1974 return callback(httpRequest); 1975 }); 1976 if (method && method.toUpperCase() == 'POST') { 1977 httpRequest.open(method, url, true); 1978 httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8"); 1979 httpRequest.setRequestHeader("X-Requested-With", "XMLHttpRequest"); 1980 httpRequest.send(data); 1981 } else { 1982 httpRequest.open(method, url); 1983 httpRequest.send(); 1984 } 1985} 1986 1987function callbackUpdatePriceHandler(httpRequest) { 1988 if (httpRequest.readyState === 4) { 1989 if (httpRequest.status >= 200 && httpRequest.status < 400) { 1990 var data = JSON.parse(httpRequest.responseText); 1991 if( parseInt(data.price) > 0 ) { 1992 var myPriceBlock = document.getElementById("price-price-block"); 1993 if( data.response_html ) { 1994 myPriceBlock.innerHTML = data.response_html; 1995 } 1996 } 1997 } 1998 } 1999} 2000 2001var total_product_rows = 0; 2002function init_inline(){ 2003 $('select.bulk-add-quantity').niceSelect(); 2004 $('.nice-select').addClass("no-cart"); 2005 bulk_add_to_cart(); 2006} 2007</script>
2007 <!-- GEO/AEO: BreadcrumbList JSON-LD -->
2007<script type="application/ld+json"> 2008{ 2009 "@context": "https://schema.org", 2010 "@type": "BreadcrumbList", 2011 "itemListElement": [ 2012 { 2013 "@type": "ListItem", 2014 "position": 1, 2015 "name": "\u9996\u9801", 2016 "item": "https:\/\/www.cswater.com.tw\/" } 2017 , { 2018 "@type": "ListItem", 2019 "position": 2, 2020 "name": "\u9580\u5e02\u8cc7\u8a0a", 2021 "item": "https:\/\/www.cswater.com.tw\/store" } 2022 ] 2023} 2024</script>
2024 </div> <!-- .container-inner --> </div> <!-- .container --> </div> <!-- #content_wrapper --> <input type="hidden" id="ga_utm_source" name="ga_utm_source" value=""> <input type="hidden" id="ga_utm_medium" name="ga_utm_medium" value=""> <input type="hidden" id="ga_utm_campaign" name="ga_utm_campaign" value=""> <footer id="footer" class="clearfix "> <div class="footer-inner"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet" />
2024<script src="https://code.jquery.com/jquery-3.4.0.min.js"> </script>
2024 <style type="text/css">@media screen and (max-width: 767px) { 2025 #content-wrapper { 2026 margin-top: 50px; 2027 } 2028 2029 2030 .pc, 2031 .no { 2032 display: none; 2033 } 2034 2035 .mo { 2036 display: block; 2037 } 2038 2039 .span12 .mainborder { 2040 padding: 20px 0px; 2041 margin-top: 40px; 2042 } 2043 } 2044 2045 .footer .line_bt { 2046 position: fixed; 2047 bottom: 50px; 2048 right: 3%; 2049 width: 60px; 2050 height: 60px !important; 2051 max-width: 60px; 2052 border-radius: 100%; 2053 min-width: 60px; 2054 cursor: pointer; 2055 } 2056 2057 .line_bt .fab { 2058 font-family: "Font Awesome 5 Brands" !important; 2059 width: 100%; 2060 font-size: 60px !important; 2061 color: #00ba00; 2062 } 2063 2064 #navbar-top-fixed.navbar .navbar-inner .logo img { 2065 max-height: 60px; 2066 height: 60px; 2067 top: -4px; 2068 overflow: hidden; 2069 width: auto; 2070 position: relative; 2071 float: left; 2072 } 2073 2074 #checkout, 2075 .shopping-cart .btn-lg, 2076 .product-info .option-image input, 2077 .product-info .option-image small, 2078 .price .discount, 2079 #footer .footer-bottom, 2080 .mainborder>select, 2081 .search-criteria-bar>input, 2082 .search-criteria-bar>button, 2083 .breadcrumb, 2084 #maincontent .search-criteria .filter-category.span6, 2085 #maincontent .search-criteria .controls, 2086 .product-filter { 2087 display: none !important; 2088 } 2089 2090 #form { 2091 padding: 0; 2092 } 2093 2094 #form.search-criteria .controls.clearfix { 2095 display: none; 2096 } 2097 2098 .box_wrapper, 2099 #header, 2100 .container { 2101 -webkit-box-shadow: 0 0 0 !important; 2102 box-shadow: 0 0 0 !important; 2103 } 2104 2105 #navbar-top-fixed .navbar-inner .container .pull-left { 2106 padding-top: 10px; 2107 } 2108 2109 .pc { 2110 display: block; 2111 } 2112 2113 .mo { 2114 display: none; 2115 } 2116 2117 body, 2118 .footer-inner { 2119 padding: 0; 2120 } 2121 2122 #checkout, 2123 .shopping-cart .btn-lg, 2124 .product-info .option-image input, 2125 .product-info .option-image small, 2126 .price .discount, 2127 #footer .footer-bottom { 2128 display: none; 2129 } 2130 2131 .footer { 2132 position: relative; 2133 background: url('https://www.cswater.com.tw/image/data/2021/0422/footerbg_1.png') no-repeat center center; 2134 background-size: 100% 100%; 2135 color: white; 2136 padding: 80px 0; 2137 overflow: hidden; 2138 } 2139 2140 .footer>div { 2141 color: white; 2142 width: 100%; 2143 padding: 0 25px; 2144 max-width: 1170px; 2145 margin: auto; 2146 line-height: 1.8; 2147 2148 } 2149 2150 .footer .footer_mid { 2151 overflow: hidden; 2152 margin-bottom: 25px; 2153 clear: right; 2154 border-bottom: 1px solid white; 2155 padding-bottom: 16px; 2156 } 2157 2158 .footer_mid .footer_bottom_right { 2159 width: 100%; 2160 clear: right; 2161 overflow: hidden; 2162 padding-top: 8px; 2163 } 2164 2165 .footer div a { 2166 color: white !important; 2167 } 2168 2169 .footer .footer_top { 2170 position: relative; 2171 z-index: 2; 2172 padding-bottom: 16px; 2173 margin-bottom: 16px; 2174 overflow: hidden; 2175 } 2176 2177 .footer .footer_top_left { 2178 padding: 0; 2179 width: 70%; 2180 float: right; 2181 overflow: hidden; 2182 } 2183 2184 .footer .footer_top_right { 2185 padding: 0; 2186 width: 30%; 2187 float: right; 2188 overflow: hidden; 2189 } 2190 2191 .footer_log img { 2192 width: 80px; 2193 margin-bottom: 16px; 2194 } 2195 2196 .footer_tool ul li, 2197 .footer .footer_bottom .footer_bottom_right ul li { 2198 display: inline-block; 2199 padding: 0 8px; 2200 2201 } 2202 2203 .footer .footer_top .footer_top_right .footer_left, 2204 .footer .footer_top .footer_top_right .footer_right { 2205 width: 30%; 2206 float: left; 2207 } 2208 2209 .footer .footer_top .footer_top_left .footer_left, 2210 .footer .footer_top .footer_top_left .footer_right { 2211 width: 50%; 2212 float: left; 2213 } 2214 2215 .footer_mid ul li { 2216 float: left; 2217 display: inline-block; 2218 padding: 0 16px; 2219 line-height: 16px; 2220 } 2221 2222 .footer_mid ul li:nth-child(1) { 2223 border: 1px solid white; 2224 border-radius: 25px; 2225 margin-right: 8px; 2226 padding-top: 8px; 2227 padding-bottom: 8px; 2228 top: -8px; 2229 position: relative; 2230 } 2231 2232 .footer_bottom { 2233 overflow: hidden; 2234 } 2235 2236 .footer .footer_bottom .footer_bottom_left { 2237 width: 48%; 2238 float: left; 2239 overflow: hidden; 2240 } 2241 2242 2243 2244 .footer .footer_bottom .footer_bottom_right { 2245 width: 48%; 2246 float: left; 2247 overflow: hidden; 2248 2249 } 2250 2251 .footer_logo_bg { 2252 position: absolute; 2253 top: 4%; 2254 right: 3%; 2255 z-index: 0; 2256 width: 30%; 2257 max-width: 250px; 2258 } 2259 2260 @media screen and (max-width: 1024px) and (min-width:768px) { 2261 .footer_logo_bg { 2262 position: absolute; 2263 top: 4%; 2264 right: 3%; 2265 z-index: 0; 2266 width: 15%; 2267 max-width: 250px; 2268 } 2269 2270 #footer ul li a { 2271 border-bottom: 0; 2272 } 2273 2274 .footer .footer_bottom .footer_bottom_right, 2275 .footer .footer_bottom .footer_bottom_left { 2276 width: 100%; 2277 } 2278 2279 #footer ul li a { 2280 padding: 8px 6px; 2281 } 2282 2283 .footer .footer_top .footer_top_left .footer_left, 2284 .footer .footer_top .footer_top_left .footer_right { 2285 width: 46%; 2286 } 2287 2288 .footer .footer_top_right { 2289 width: 35%; 2290 } 2291 2292 .footer .footer_top_left { 2293 width: 65%; 2294 } 2295 2296 2297 } 2298 2299 @media screen and (max-width: 767px) { 2300 .footer_logo_bg { 2301 display: none; 2302 } 2303 2304 .footer .footer_log { 2305 width: 100%; 2306 margin: auto; 2307 text-align: center; 2308 overflow: hidden; 2309 } 2310 2311 2312 2313 .footer { 2314 background: url('https://www.cswater.com.tw/image/data/2021/0422/footerbgmo_1.png') no-repeat center center; 2315 background-size: 100%; 2316 color: white; 2317 padding: 40px 15px; 2318 margin-bottom: 0px; 2319 2320 } 2321 2322 .footer div { 2323 width: 100%; 2324 padding: 0; 2325 font-size: 14px !important; 2326 } 2327 2328 .footer>div { 2329 /* width: 80%; */ 2330 min-width: 300px; 2331 margin: auto; 2332 2333 2334 } 2335 2336 #footer ul { 2337 text-align: left !important; 2338 } 2339 2340 .footer_mid ul li { 2341 padding: 0 10px; 2342 } 2343 2344 .pc { 2345 display: none; 2346 } 2347 2348 .mo { 2349 display: block; 2350 } 2351 2352 .footer .footer_top_left, 2353 .footer .footer_top_right { 2354 width: 100%; 2355 float: unset; 2356 overflow: hidden; 2357 } 2358 2359 .footer .footer_top_right, 2360 .footer .footer_top { 2361 margin-bottom: 0px; 2362 } 2363 2364 .footer .footer_top .footer_top_right .footer_left, 2365 .footer .footer_top .footer_top_right .footer_right { 2366 width: 50%; 2367 } 2368 2369 .footer .footer_top .footer_top_left .footer_left, 2370 .footer .footer_top .footer_top_left .footer_right { 2371 width: 100%; 2372 font-size: 14px !important; 2373 float: left; 2374 } 2375 2376 #footer ul li a { 2377 border-bottom: unset; 2378 padding: 8px 6px; 2379 font-size: 14px !important; 2380 display: inline; 2381 } 2382 2383 .footer .footer_bottom .footer_bottom_left, 2384 .footer .footer_bottom .footer_bottom_right { 2385 width: 100%; 2386 } 2387 2388 #footer ul { 2389 text-align: center; 2390 } 2391 2392 .footer_top ul li a { 2393 padding-left: 0; 2394 padding-right: 0; 2395 text-align: left; 2396 display: inline; 2397 } 2398 2399 .toptextH { 2400 margin-top: 80px !important; 2401 } 2402 } 2403 2404 .topText_main { 2405 width: 100%; 2406 overflow: hidden; 2407 background-color: #286fb1; 2408 } 2409 2410 .topText { 2411 width: 100%; 2412 overflow: hidden; 2413 max-width: 1170px; 2414 margin: auto; 2415 background-color: #286fb1; 2416 color: white; 2417 padding: 8px 8px; 2418 } 2419 2420 .topText .topText01 { 2421 width: 90%; 2422 float: left; 2423 text-align: center; 2424 } 2425 2426 .topText .topText01 a { 2427 color: white !important; 2428 } 2429 2430 .topText .topText02 { 2431 width: 10%; 2432 float: left; 2433 cursor: pointer; 2434 text-align: center; 2435 } 2436 2437 .showactive { 2438 position: fixed; 2439 bottom: 10%; 2440 right: 10%; 2441 width: 120px; 2442 height: 120px; 2443 } 2444 2445 .showactive img { 2446 width: 100%; 2447 } 2448 2449 @media only screen and (max-width: 1000px), 2450 only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait), 2451 only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) { 2452 #mobile-navbar .navbar-inner .nav .menu-btn { 2453 padding: 9px 0px; 2454 } 2455 2456 #mobile-navbar .navbar-inner .nav li.site-title img { 2457 padding: 4px 0; 2458 } 2459 2460 .product-info .image img { 2461 max-height: 500px; 2462 width: auto; 2463 } 2464 } 2465 2466 @media screen and (max-width: 767px) { 2467 .showactive { 2468 width: 80px; 2469 height: 80px; 2470 } 2471 2472 2473 } 2474</style> <div class="footer"><!-- <a href="https://page.line.me/811sjfsk" target="_blank" rel="noopener noreferrer nofollow"><div class="line_bt"><i class="fab fa-line"></i></div></a> --><img alt="å山淨水淨水å¨é£²æ°´æ©LOGO2" class="footer_logo_bg" onerror="imgError(this);" src="https://www.cswater.com.tw/image/data/2021/0422/bg_1.png" /> <div class="footer_log"><img alt="å山淨水淨水å¨é£²æ°´æ©LOGO" onerror="imgError(this);" src="https://www.cswater.com.tw/image/data/2021/footer-051_1.png" /></div> <div class="footer_top"> <div class="footer_top_right"> <ul class="footer_left"> <li><a href="/productmain" onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_ç¢åä»ç´¹')">ç¢åä»ç´¹</a></li> <li><a href="/store" onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_éå¸è³è¨')">éå¸è³è¨</a></li> <!-- <li><a href="/news">ææ°æ¶æ¯</a></li> --> <li><a href="/shoppingnotice" onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_è³¼ç©èªªæ')">è³¼ç©èªªæ</a></li> <!-- <li></li> --> </ul> <ul class="footer_right"> <li><a href="/download?utm_source=card&utm_medium=card_link_cswater_guarantee-card-instructions_/download_20230928&utm_campaign=card " onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_常è¦åé¡')">ç¢åèªªææ¸</a></li> <li><a href="/about" onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_éæ¼æå')">éæ¼æå</a></li> <li><a href="/legal" onclick=" ga('newTracker.send','event','é å°¾_é é¢é£çµ','é å°¾_é é¢é£çµ_黿','é å°¾_é é¢é£çµ_黿_é±ç§æ¬')">é±ç§æ¬</a></li> </ul> </div> <div class="footer_top_left pc"> <ul class="footer_left"> <li>å ¨å°é叿åå°ç· : <a href="https://www.cswater.com.tw/store" onclick=" ga('newTracker.send','event','é å°¾_éå¸è³è¨','é å°¾_éå¸è³è¨_黿','é å°¾_éå¸è³è¨_黿_å ¨å°é叿åå°ç·')">
2474è«é»é¸æ¤</a></li> <li>åç¨é£²æ°´æ©è«®è©¢å°ç· : <a href="tel:02-6637-3699" onclick=" ga('newTracker.send','event','é å°¾_è¯çµ¡é»è©±','é å°¾_è¯çµ¡é»è©±_黿','é å°¾_è¯çµ¡é»è©±_黿_åç¨é£²æ°´æ©è«®è©¢å°ç·_é»è
¦')">(02) 6637-3699</a></li> <li>總å
¬å¸æåè³è¨ : <a href="https://www.cswater.com.tw/store" onclick=" ga('newTracker.send','event','é å°¾_éå¸è³è¨','é å°¾_éå¸è³è¨_黿','é å°¾_éå¸è³è¨_黿_總å
¬å¸æåè³è¨')">è«é»é¸æ¤</a></li> </ul> <ul class="footer_right"> <li>é±ä¸ï½é±æ¥ 11:00 ~ 20:00</li> <li>é±ä¸ï½é±äº 09:00 ~ 12:00 å 13:00 ~ 17:30</li> <li>é±ä¸ï½é±äº 09:00 ~ 12:00 å 13:00 ~ 17:30</li> </ul> </div> </div> <div class="footer_mid"> <div class="footer_bottom_right"> <ul> <li><a href="/contactus" onclick="ga('newTracker','event','é åº_è¶
é£çµ','é åº_è¶
é£çµ_黿','é åº_è¶
é£çµ_黿_è¯çµ¡æå');">è¯çµ¡æå</a></li> <li><a href="https://www.facebook.com/cswaterfb?fref=ts" onclick="ga('newTracker','event','é åº_è¶
é£çµ','é åº_è¶
é£çµ_黿','é åº_è¶
é£çµ_黿_facebook');" rel="noopener noreferrer nofollow" target="_blank" title="Facebook"><span class="icon-facebook"></span></a></li> <li><a href="https://www.youtube.com/user/cswatertw/videos" onclick="ga('newTracker','event','é åº_è¶
é£çµ','é åº_è¶
é£çµ_黿','é åº_è¶
é£çµ_黿_youtube');" target="_blank" rel="noopener noreferrer nofollow"><span class="icon-youtube" title="Youtube"> <span class="path1"></span><span class="path2"></span> </span> </a></li> </ul> </div> </div> <div class="footer_bottom"> <div class="footer_top_left mo"> <ul class="footer_left footer_left"> <li> </li> <li>å
¨å°é叿åå°ç· : <a href="https://www.cswater.com.tw/store" onclick=" ga('newTracker.send','event','é å°¾_éå¸è³è¨','é å°¾_éå¸è³è¨_黿','é å°¾_éå¸è³è¨_黿_å
¨å°é叿åå°ç·')">è«é»é¸æ¤</a></li> <li>é±ä¸ï½é±æ¥ 11:00 ~ 20:00</li> <li>åç¨é£²æ°´æ©è«®è©¢å°ç· : <a href="tel:02-6637-3699" onclick=" ga('newTracker.send','event','é å°¾_è¯çµ¡é»è©±','é å°¾_è¯çµ¡é»è©±_黿','é å°¾_è¯çµ¡é»è©±_黿_åç¨é£²æ°´æ©è«®è©¢å°ç·_é»è
¦')">(02) 6637-3699</a></li> <li>é±ä¸ï½é±äº 09:00 ~ 12:00 å 13:00 ~ 17:30</li> <li>總å
¬å¸æåè³è¨ : <a href="https://www.cswater.com.tw/store" onclick=" ga('newTracker.send','event','é å°¾_éå¸è³è¨','é å°¾_éå¸è³è¨_黿','é å°¾_éå¸è³è¨_黿_總å
¬å¸æåè³è¨')">è«é»é¸æ¤</a></li> <li>é±ä¸ï½é±äº 09:00 ~ 12:00 å 13:00 ~ 17:30</li> </ul> </div> <div class="footer_bottom_left">總å
¬å¸å°åï¼24158æ°åå¸ä¸éåå
å¾©è·¯ä¸æ®µ88-11è2æ¨ </div> <div class="footer_bottom_right">© å山淨水è¡ä»½æéå
¬å¸ All Rights Reserved</div> </div>
2474<script> 2475 /** 2476 * ã1. é é¦è·é¦¬çå°è£å½æ¸ã 2477 */ 2478 function initTopMarquee(options) { 2479 var settings = { 2480 text: options.text || "", 2481 mobileText: options.mobileText || options.text, 2482 link: options.link || null, 2483 gaLabel: options.gaLabel || null, 2484 bgColor: options.bgColor || "#286fb1", 2485 customClass: options.className || "" // æ°å¢ï¼èªå®ç¾© Class å稱 2486 }; 2487 2488 if (!settings.text || getCookieByName('toptext_status') === "hidden") return; 2489 2490 function createMarqueeHTML(isMobile) { 2491 var $content; 2492 var displayText = isMobile ? settings.mobileText : settings.text; 2493 2494 if (settings.link && settings.link !== "#") { 2495 var gaEvent = settings.gaLabel ? "ga('newTracker.send','event','é é¦è·é¦¬ç','é é¦è·é¦¬ç_黿','" + settings.gaLabel + "')" : ""; 2496 $content = $('<a/>').attr({ 'href': settings.link, 'onclick': gaEvent, 'title': displayText }).html(displayText); 2497 } else { 2498 $content = $('<span/>').css('cursor', 'default').html(displayText); 2499 } 2500 2501 // 卿å¤å±¤ addClass(settings.customClass) 2502 return $('<div/>').addClass('topText_main ' + settings.customClass).css('background-color', settings.bgColor).append( 2503 $('<div/>').addClass('topText').css('background-color', settings.bgColor).append( 2504 $('<div/>').addClass('topText01').append($content), 2505 $('<div/>').addClass('topText02').append($('<i/>').addClass('fas fa-times')) 2506 ) 2507 ); 2508 } 2509 2510 $('#navbar-top-fixed').prepend(createMarqueeHTML(false)); 2511 $('#mobile-navbar').prepend(createMarqueeHTML(true)); 2512 2513 $('#content-wrapper').addClass('top_height'); 2514 $('#mobile-menu-pushy').addClass('top_height2'); 2515 2516 $('.topText02').click(function () { 2517 $('.topText_main').hide(); 2518 $('#content-wrapper').removeClass('top_height'); 2519 $('#mobile-menu-pushy').removeClass('top_height2'); 2520 $('#content-wrapper').removeClass('toptextH'); 2521 setCookies30('toptext_status', 'hidden'); 2522 }); 2523 } 2524 2525 /** 2526 * ã2. é é¢å §å®¹è¨å®æªã 2527 */ 2528 var marqueeConfigs = { 2529 // "filterall": { 2530 // text: "114/12/24(ä¸)~114/12/29(ä¸)忢ä¾è²¨ï¼114/12/30(äº)èµ·é¸çºå®æåºè²¨", 2531 // mobileText: "114/12/24(ä¸)~114/12/29(ä¸)忢ä¾è²¨ï¼<br>114/12/30(äº)èµ·é¸çºå®æåºè²¨", 2532 // className: "marquee-font-large" 2533 // }, 2534 "home": { 2535 text: "HeatPure å»ä¸æ°åéç£ ä¸å¸ è©¢åå°ç·¨é åªæ ", 2536 mobileText: "HeatPure å»ä¸æ°åéç£ ä¸å¸ è©¢åå°ç·¨é åªæ ", 2537 link: "https://www.cswater.com.tw/product/tkmain/Heatpure", 2538 gaLabel: "é é¦å ¬å_é¦é é è¨", 2539 bgColor: "#286fb1" 2540 // ä¸å className åæä¿æé è¨æ¨£å¼ 2541 } 2542 }; 2543 2544 /** 2545 * ã3. é é¢åå§åé輯ã 2546 */ 2547 $(document).ready(function() { 2548 var pathSegments = window.location.pathname.split('/').filter(function(s) { return s.length > 0; }); 2549 var lastNode = pathSegments.length > 0 ? pathSegments[pathSegments.length - 1] : "home"; 2550 2551 var finalConfig = marqueeConfigs[lastNode] || marqueeConfigs["home"]; 2552 initTopMarquee(finalConfig); 2553 2554 // --- 以ä¸ä¿çåæ Facebook 客æèé¸å®é輯 --- 2555 var fb_time = setInterval(fb_go, 100); 2556 var web_name_fb = document.title; 2557 var fb_time_on = 1; 2558 function fb_go() { 2559 if (($('#fb-customerchat iframe').css('max-height') == '100%' || $('#fb-customerchat iframe').css('max-height') == 'calc(100% - 84px)') && fb_time_on == 1 && getCookieByName('messenger_on') != 'true') { 2560 fb_time_on = 2; 2561 } else if (fb_time_on == 2 && ($('#fb-customerchat iframe').css('max-height') != '100%' && $('#fb-customerchat iframe').css('max-height') != 'calc(100% - 84px)') && getCookieByName('messenger_on') != 'true') {
2562 setCookies30('messenger_on', 'true'); 2563 fb_time_on = 3; 2564 } else if (getCookieByName('messenger_on') == 'true' && ($('#fb-customerchat iframe').css('max-height') == '100%' || $('#fb-customerchat iframe').css('max-height') == 'calc(100% - 84px)')) { 2565 ga('newTracker.send', 'event', 'messengeräºä»¶è§¸ç¼', 'messengeräºä»¶è§¸ç¼_黿', 'messageräºä»¶è§¸ç¼_黿_' + web_name_fb); 2566 clearInterval(fb_time); 2567 } 2568 } 2569 var linep_timer = setInterval(linep, 100); 2570 function linep() { 2571 if (getCookieByName('toptext_status') != "hidden" && $('.mo').css('display') == "block") { 2572 $('#content-wrapper').addClass('toptextH'); 2573 } 2574 if ($('#menu-nav').css('display') == 'block' && $('#menu-nav li').eq(-5).find('a').css('display') == 'block') { 2575 $('#menu-nav li').eq(-5).find('a').attr({ 'onclick': "ga('newTracker.send','event','é»è ¦éªé é¦é£çµ','é»è ¦éªé é¦é£çµ_黿','é»è ¦éªé é¦é£çµ_é£çµéå¸è³è¨')" }); 2576 $('#menu-nav').append($('<li/>').addClass('pc').append($('<a/>').css('color', '#075aa7').attr({'href': 'reserve','onclick': "ga('newTracker.send','event','é»è ¦éªé é¦é£çµ','é»è ¦éªé é¦é£çµ_黿','é»è ¦éªé é¦é£çµ_é£çµé ç´é é¢')"}).text('ç·ä¸é ç´'))); 2577 clearInterval(linep_timer); 2578 } 2579 } 2580 }); 2581 2582 /** 2583 * ã4. éç¨å·¥å ·å½æ¸ã 2584 */ 2585 function setCookies30(name, val) { 2586 var timeOut = new Date(); 2587 timeOut.setTime(timeOut.getTime() + 3600000); 2588 document.cookie = escape(name) + "=" + escape(val) + ";expires=" + timeOut.toGMTString() + ";path=/"; 2589 } 2590 function getCookieByName(name) { 2591 var name = escape(name); 2592 var cookieAry = document.cookie.split('; '); 2593 var temp1 = null; 2594 for (var i = 0; i < cookieAry.length; i++) { 2595 temp1 = cookieAry[i].split('='); 2596 if (temp1[0] == name) return unescape(temp1[1]); 2597 } 2598 return null; 2599 } 2600 </script>
2600</div> </div> <div class="footer-bottom container "> <div id="footer-copyright" class="row-fluid"> <div id="payment-logo-list" class="pl-container"> <div class="pl-row"> </div> </div> <div id="copy"> <p>Copyright ©2026 å山淨水è¡ä»½æéå ¬å¸</p> <p> 2601 å山淨水è¡ä»½æéå ¬å¸ | 2602 çµ±ä¸ç·¨è 70526350 </p> <!--googleoff: index--><span style="display:none;">q6041cc57bfa5e</span><!--googleon: index--> </div> <div id="qdm-copy"><a href='https://www.cswater.com.tw/googlebase.xml' title="RSS" target='blank'><i class="fa fa-rss"></i></a><a href='https://www.cswater.com.tw/sitemap'>ç¶²ç«å°å</a></div> </div> </div> </footer> <!-- #footer -->
2602<script src="https://cdn.qdm.cloud/assets/js/LAB.min.js"></script>
2602
2602<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
2602
2602<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.4.1/jquery-migrate.min.js"></script>
2602
2602<script type="text/javascript"> 2603 2604 $(document).ready(function() { 2605 var j = 0; 2606 var delay = 3000; 2607 function cycleStickyBarTop(){ 2608 var jmax = $(".sticky-bar-top .sticky-bar-content").length -1; 2609 if(jmax > 0){ 2610 $(".sticky-bar-top .sticky-bar-content:eq(" + j + ")") 2611 .animate({"opacity" : "1","z-index":"9998"} ,400) 2612 .animate({"opacity" : "1","z-index":"9998"}, delay) 2613 .animate({"opacity" : "0","z-index":"9"}, 400, function(){ 2614 (j == jmax) ? j=0 : j++; 2615 cycleStickyBarTop(); 2616 }); 2617 }else{ 2618 $(".sticky-bar-top .sticky-bar-content:eq(" + j + ")") 2619 .animate({"opacity" : "1","z-index":"9998"}, delay) 2620 } 2621 }; 2622 cycleStickyBarTop(); 2623 2624 var i = 0; 2625 function cycleStickyBarBottom(){ 2626 var imax = $(".sticky-bar-bottom .sticky-bar-content").length -1; 2627 if(imax > 0){ 2628 $(".sticky-bar-bottom .sticky-bar-content:eq(" + i + ")") 2629 .animate({"opacity" : "1","z-index":"9998"} ,400) 2630 .animate({"opacity" : "1","z-index":"9998"}, delay) 2631 .animate({"opacity" : "0","z-index":"9"}, 400, function(){ 2632 (i == imax) ? i=0 : i++; 2633 cycleStickyBarBottom(); 2634 }); 2635 }else{ 2636 $(".sticky-bar-bottom .sticky-bar-content:eq(" + i + ")") 2637 .animate({"opacity" : "1","z-index":"9998"}, delay) 2638 } 2639 2640 }; 2641 cycleStickyBarBottom(); 2642 2643 var k = 0; 2644 function cycleStickyBarTopMobile(){ 2645 var kmax = $(".mobile-sticky-bar-top .sticky-bar-content").length -1; 2646 if(kmax > 0){ 2647 $(".mobile-sticky-bar-top .sticky-bar-content:eq(" + k + ")") 2648 .animate({"opacity" : "1","z-index":"9998"} ,400) 2649 .animate({"opacity" : "1","z-index":"9998"}, delay) 2650 .animate({"opacity" : "0","z-index":"9"}, 400, function(){ 2651 (k == kmax) ? k=0 : k++; 2652 cycleStickyBarTopMobile(); 2653 }); 2654 }else{ 2655 $(".mobile-sticky-bar-top .sticky-bar-content:eq(" + k + ")") 2656 .animate({"opacity" : "1","z-index":"9998"}, delay) 2657 } 2658 }; 2659 cycleStickyBarTopMobile(); 2660 2661 //COUNTDOWN TIMER 2662 $(".sticky-bar-countdown").each(function(){ 2663 2664 var sticky_bar_date = $(this).attr("data-countdown-date").replace(/-/g,'/'); 2665 var sticky_bar_countdown_id = $(this).attr("id"); 2666 var countDownDate = new Date(sticky_bar_date).getTime(); 2667 2668 var x = setInterval(function() { 2669 2670 var now = new Date().getTime(); 2671 2672 var distance = countDownDate - now; 2673 2674 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 2675 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 2676 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 2677 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 2678 2679 if(hours<10){ 2680 var hours1 = "0"+hours; 2681 }else{ 2682 var hours1 = hours; 2683 } 2684 if(minutes<10){ 2685 var minutes1 = "0"+minutes; 2686 }else{ 2687 var minutes1 = minutes; 2688 } 2689 if(seconds<10){ 2690 var seconds1 = "0"+seconds; 2691 }else{ 2692 var seconds1 = seconds; 2693 } 2694 2695 if( $("#" + sticky_bar_countdown_id).length ) { 2696 document.getElementById(sticky_bar_countdown_id).innerHTML = " "+days+ " DAY " + hours1 + ": " 2697 + minutes1 + ": " + seconds1 + " "; 2698 } 2699 2700 if (distance < 0) { 2701 clearInterval(x); 2702 //document.getElementById(sticky_bar_countdown_id).innerHTML = "-"; 2703 $("#"+sticky_bar_countdown_id).remove(); 2704 } 2705 }, 1000); 2706 2707 }); 2708 2709 }); 2710 2711 jQuery.ajaxPrefilter( function( s ) { 2712 if ( s.crossDomain ) { 2713 s.contents.script = false; 2714 } 2715 }); 2716 2717 var loc = window.location.href, index = loc.indexOf('#'); 2718 if (index > 0) { 2719 try { 2720 var urlHash = loc.split("#")[1]; 2721 if( urlHash ) { 2722 if( $('#' + urlHash).length ) { 2723 $('html,body').animate({ 2724 scrollTop: $('#' + urlHash).offset().top 2725 }, 1200); 2726 } else { 2727 window.location = loc.substring(0, index) + "&" + loc.substring(index+1); 2728 } 2729 } 2730 } catch(err) { } 2731 } 2732 2733 var readyInitPage = 1; 2734 var doAdjust = true; 2735 var doAdjustCounter = 0; 2736 var jsLoadTimeout = null; 2737 var previousWidth = 0; 2738 var maxHeight = 0; 2739 var flipper_random_status = 0; 2740 var float_banner_count = 1; 2741 var lazy = 1; 2742 var transInitial = -280; 2743 var mDistance = 0; 2744 2745 if (window!= top) top.location.href = location.href; 2746 2747 //20210713 add menu url target 2748 $(".pushy-submenu button span").click(function(){ 2749 if($(this).attr("target")){ 2750 $(this).removeClass("pushy-submenu-parent"); 2751 if($(this).parents("li").hasClass("pushy-submenu-open")){ 2752 window.open($(this).data("url"),"_blank"); 2753 } 2754 } 2755 }); 2756 2757 $(".pushy-menu-storename span").click(function(){ 2758 $("#myBody").removeClass("pushy-open-left"); 2759 }); 2760 2761 function getScript(url,success){ 2762 var script = document.createElement('script'); 2763 script.type = 'text/javascript'; 2764 script.src = url; 2765 var head=document.getElementsByTagName('head')[0], done=false; 2766 script.onload=script.onreadystatechange = function(){ 2767 if ( !done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') ) { 2768 done=true; 2769 success(); 2770 script.onload = script.onreadystatechange = null; 2771 head.removeChild(script); 2772 } 2773 }; 2774 head.appendChild(script); 2775 } 2776 2777 function getParams(a){var b=document.getElementsByTagName("script");for(var i=0;i<b.length;i++){if(b[i].src.indexOf("/"+a)>-1){var c=b[i].src.split("?").pop().split("&");var p={};for(var j=0;j<c.length;j++){var d=c[j].split("=");p[d[0]]=d[1]}return p}}return{}} 2778 2779 function adjustBoxHeights() { 2780 maxHeight1 = 270; 2781 maxHeight2 = 270; 2782 maxHeight3 = 270; 2783 maxHeight4 = 270; 2784 maxHeight5 = 270; 2785 2786 $('.content-top .product-box > div').each(function(){ 2787 $(this).height('auto'); 2788 if (maxHeight2 < $(this).height()) { maxHeight2 = $(this).height(); } 2789 }); 2790 $('.content-top .product-box > div').each(function(){ 2791 if( maxHeight2 ) { 2792 $(this).height(maxHeight2); 2793 } 2794 }); 2795 2796 $('.content-bottom .product-box > div').each(function(){ 2797 $(this).height('auto'); 2798 if (maxHeight3 < $(this).height()) { maxHeight3 = $(this).height(); } 2799 }); 2800 $('.content-bottom .product-box > div').each(function(){ 2801 if( maxHeight3 ) { 2802 $(this).height(maxHeight3); 2803 } 2804 }); 2805 2806 $('.product-grid > div').each(function(){ 2807 var img_src = $(this).find(".image img[src]").attr("src"); 2808 try { 2809 var img_src_ext = img_src.split('.').pop().toLowerCase(); 2810 } catch(err) { 2811 img_src_ext = ""; 2812 } 2813 $(this).height('auto'); 2814 if( $( "#myBody" ).hasClass("product-category") ){ 2815 img_src_ext = ""; 2816 } 2817 if( img_src_ext != "gif" ) { 2818 if (maxHeight1 < $(this).height()) { maxHeight1 = $(this).height(); } 2819 } else { 2820 $(this).addClass("gif-tag"); 2821 } 2822 }); 2823 var img_gif_height = 0; 2824 $('.product-grid > div').each(function(){ 2825 var img_src = $(this).find(".image img[src]").attr("src"); 2826 try { 2827 var img_src_ext = img_src.split('.').pop().toLowerCase(); 2828 } catch(err) { 2829 img_src_ext = ""; 2830 } 2831 if( maxHeight1 ){ 2832 $(this).height(maxHeight1); 2833 if( img_src_ext != "gif" ) { 2834 img_gif_height = $(this).find(".image img").height(); 2835 } 2836 } 2837 }); 2838 $('.product-grid > div.gif-tag').attr("style",""); 2839 if( img_gif_height ) { 2840 $('.product-grid > div.gif-tag').find(".image img").attr("style","height:" + img_gif_height + "px;width:auto;"); 2841 } 2842 2843 $('.box-content').each(function(index,elmain){ 2844 $(elmain).find('.product-box').each(function(index,el){ 2845 maxHeight1 = 0; 2846 $(el).find('.grid-box').each(function(index,el2){ 2847 $(el2).height('auto'); 2848 }); 2849 $(el).find('.grid-box .inner').each(function(index,el2){ 2850 if (maxHeight1 < $(el2).height()) { maxHeight1 = $(el2).height(); } 2851 }); 2852 maxHeight1 = maxHeight1 + 18; 2853 $(el).find('.grid-box').each(function(index,el2){ 2854 if( maxHeight1 ) { 2855 $(el2).height(maxHeight1); 2856 } 2857 }); 2858 }); 2859 }); 2860 2861 $('#related-products').each(function(index,elmain){ 2862 $(elmain).imagesLoaded(function(){ 2863 $(this).find('.product-box').each(function(index,el){ 2864 maxHeight1 = 0; 2865 $(el).find('.grid-box').each(function(index,el2){ 2866 $(el2).height('auto'); 2867 }); 2868 $(el).find('.grid-box .inner').each(function(index,el2){ 2869 if (maxHeight1 < $(el2).height()) { maxHeight1 = $(el2).height(); } 2870 }); 2871 maxHeight1 = maxHeight1 + 36; 2872 if( maxHeight1 < 220 ) maxHeight1 = 220; 2873 if( !is.mobile() ) { 2874 if( maxHeight1 < 340 ) maxHeight1 = 340; 2875 } 2876 $(el).find('.grid-box').each(function(index,el2){ 2877 if( maxHeight1 ) { 2878 $(el2).height(maxHeight1); 2879 } 2880 }); 2881 }); 2882 }); 2883 }); 2884 2885 $('.content-bottom #related-products').each(function(index,elmain){ 2886 var contentset_height = parseInt($('.content-bottom #related-products .contentset').height()); 2887 if( contentset_height ) contentset_height = contentset_height + 70; 2888 $(elmain).imagesLoaded(function(){ 2889 $(this).find('.product-box').each(function(index,el){ 2890 maxHeight1 = 0; 2891 $(el).find('.grid-box').each(function(index,el2){ 2892 $(el2).height('auto'); 2893 }); 2894 $(el).find('.grid-box .inner').each(function(index,el2){ 2895 if (maxHeight1 < $(el2).height()) { maxHeight1 = $(el2).height(); } 2896 }); 2897 maxHeight1 = maxHeight1 + 36 + contentset_height; 2898 if( maxHeight1 < 220 ) maxHeight1 = 220; 2899 if( !is.mobile() ) { 2900 if( maxHeight1 < 340 ) maxHeight1 = 340; 2901 } 2902 $(el).find('.grid-box').each(function(index,el2){ 2903 if( maxHeight1 ) { 2904 $(el2).height(maxHeight1); 2905 } 2906 }); 2907 }); 2908 }); 2909 }); 2910 2911 $('.any-products').each(function(index,el){ 2912 2913 if(is.mobile()){ 2914 $(el).find(".grid-box").attr("style",""); 2915 } 2916 2917 maxHeight5 = 0; 2918 $(el).find('.any-box > div').each(function(index,el2){ 2919 $(el2).height('auto'); 2920 if (maxHeight5 < $(el2).height()) { maxHeight5 = $(el2).height(); } 2921 }); 2922 $(el).find('.any-box > div').each(function(index,el2){ 2923 if( maxHeight5 ) { 2924 $(el2).height(maxHeight5); 2925 } 2926 }); 2927 $(el).find('.grid-box > .inner').each(function(index,el2){ 2928 $(el2).css("display", "block"); 2929 }); 2930 }); 2931 } 2932
2933 var supportsNatural = ( "naturalWidth" in (new Image()) ); 2934 2935 function initDeferImages() { 2936 [].forEach.call(document.querySelectorAll('img[data-src]'), function(img) { 2937 img.setAttribute('src', img.getAttribute('data-src')); 2938 img.onload = function() { 2939 this.removeAttribute('data-src'); 2940 if (this.style.opacity !== undefined) { 2941 this.style.opacity = 1; 2942 } 2943 var naturalWidth = supportsNatural ? this.naturalWidth : $(this).width(); 2944 if( naturalWidth == 0 ) { 2945 this.src += '?timestamp=' + new Date().getTime(); 2946 } 2947 }; 2948 }); 2949 $(".grid-box img,.product-row img").each(function(){ 2950 var _this = $(this); 2951 _this.imagesLoaded(function(){ 2952 _this.animate({opacity: 1.0}, 100); 2953 _this.closest('.grid-box').find('.onsale').removeClass("hidden"); 2954 _this.closest('.grid-box').find('.name').removeClass("hidden"); 2955 _this.closest('.grid-box').find('.price').removeClass("hidden"); 2956 _this.closest('.grid-box').find('.label-important').removeClass("hidden"); 2957 _this.closest('.grid-box').find('.load-thumb-conver').remove(); 2958 _this.closest('.product-row').find('.load-thumb-conver').remove(); 2959 try { 2960 if (typeof _this.data('flipper') !== 'undefined') { 2961 _this.flipper(); 2962 } 2963 } catch(err) { } 2964 _this.height('auto'); 2965 if( (lazy == $(".grid-box img").length) ) { adjustBoxHeights(); } 2966 lazy++; 2967 }); 2968 }); 2969 } 2970 2971 function updateCartProductCount() { 2972 $.get("index.php?route=module/cart/GetProductTotal", function(data) { 2973 $("#shopping-cart-list .badge").html(data); 2974 if(data>0){ 2975 $("#shopping-cart-list .badge").removeClass("hidden"); 2976 $("#shopping-cart-list .badge").removeClass("animated"); 2977 $("#shopping-cart-list .badge").addClass("animated bounce"); 2978 } else { 2979 $("#shopping-cart-list .badge").addClass("hidden"); 2980 } 2981 }); 2982 } 2983 2984 function updateQuantityByProductKey(key, quantity) { 2985 quantity = typeof(quantity) != 'undefined' ? quantity : 1; 2986 $.ajax({ 2987 url: 'index.php?route=checkout/cart/updateProductQuantity', 2988 type: 'post', 2989 data: { 'quantity':quantity, 'key': key }, 2990 dataType: 'json', 2991 success: function(json) { 2992 $.get( "index.php?route=module/cart/list", function( data ) { 2993 $(".slidePanel .slidePanel-content").html(data); 2994 updateCartProductCount(); 2995 }); 2996 } 2997 }); 2998 } 2999 3000 function removeProductFromSideCart(key, idx) { 3001 //var newkey = encodeURIComponent(key); 3002 var newkey = key; 3003 $.get("index.php?route=module/cart&remove=" + newkey, function(data) { 3004 $.get( "index.php?route=module/cart/list", function( data ) { 3005 $(".slidePanel .slidePanel-content").html(data); 3006 updateCartProductCount(); 3007 }); 3008 }); 3009 $("#producr-list-" + idx).fadeOut(1200, function() { $(this).remove(); }); 3010 return false; 3011 } 3012 3013 function openSideCart(ta_product_id){ 3014 var slidePanelVisible = $(".slidePanel").hasClass("slidePanel-show"); 3015 if( slidePanelVisible ) { 3016 $("#content-wrapper").off("click"); 3017 $.slidePanel.hide(); 3018 } else { 3019 updateCartProductCount(); 3020 $.slidePanel.show({ 3021 url: 'index.php?route=module/cart/list' 3022 }, { 3023 direction: "left", 3024 duration: '500', 3025 mouseDrag: false, 3026 touchDrag: false, 3027 pointerDrag: false, 3028 loading: { 3029 template: function(options) { 3030 return '<div class="' + options.classes.loading + '"><div class="spinner"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span></div></div>'; 3031 } 3032 } 3033 }); 3034 $("#content-wrapper").on('click', function(event) { 3035 $("#content-wrapper").off("click"); 3036 $.slidePanel.hide(); 3037 event.preventDefault(); 3038 event.stopPropagation(); 3039 3040 var t_url = location.href; 3041 var c_url = "https://www.cswater.com.tw/cart"; 3042 3043 if(t_url == c_url){ 3044 location.reload(); 3045 } 3046 3047 }); 3048 $(".fancybox-product").on('click', function(event) { 3049 $.slidePanel.hide(); 3050 event.preventDefault(); 3051 event.stopPropagation(); 3052 3053 var t_url = location.href; 3054 var c_url = "https://www.cswater.com.tw/cart"; 3055 3056 if(t_url == c_url){ 3057 location.reload(); 3058 } 3059 3060 }); 3061 } 3062 } 3063 3064 function gaTrackAddToCart(page, product_ids) { 3065 3066 product_ids.forEach(function(item){ 3067 3068 try { 3069 3070 // UA 3071 dataLayer.push({ 3072 'event': 'addToCart', 3073 'ecommerce': { 3074 'currencyCode': '', 3075 'add': { 3076 'products': [{ 3077 'name': item.p_name, 3078 'id': item.p_id, 3079 'price': item.p_prices, 3080 'quantity': item.p_qty 3081 }] 3082 } 3083 } 3084 }); 3085 3086 // GA4 3087 dataLayer.push({ 3088 'event': 'add_to_cart', 3089 'ecommerce': { 3090 'items': [{ 3091 'item_name': item.p_name, 3092 'item_id': item.p_id, 3093 'price': item.p_prices, 3094 'quantity': item.p_qty 3095 }] 3096 } 3097 }); 3098 3099 global_quuid = QUUID(); 3100 var item_p_prices = parseFloat(item.p_prices); 3101 item_p_prices = Number(item_p_prices); 3102 if( isNaN(item_p_prices) ) { 3103 item_p_prices = 0; 3104 } 3105 fbq('track', 'AddToCart', { 3106 content_name: item.p_name, 3107 content_ids: [item.p_id], 3108 content_type: 'product', 3109 value: item_p_prices, 3110 currency: 'TWD' 3111 }, {eventID: global_quuid + "ccc"}); 3112 3113 // fb-capi-coverage Step 2: ç¨ç¶å item è¦å¯« gecommProductToCartï¼ 3114 // ç¢ºä¿ CAPI AddToCart éçæ¯ãæ¬æ¬¡è¿ä»£ååãèéè¿´åçµææ®ççæå¾ä¸åã 3115 gecommProductToCart.product_id = item.p_id; 3116 gecommProductToCart.quantity = item.p_qty; 3117 gecommProductToCart.product_name = item.p_name; 3118 gecommProductToCart.price = item.p_prices; 3119 3120
3121try { setCookie("qdmfbevent_id", global_quuid + "ccc", 5); } catch (error) { } 3122 3123(function() { 3124 // CAPI AJAX must survive navigation (cart/add â instant_checkout redirect 1s window). 3125 // Prefer navigator.sendBeacon (designed for unload-time delivery); fallback to fetch keepalive. 3126 var url = "https://www.cswater.com.tw/index.php?route=pixcel/facebook/capi_add_to_cart&quuid=" + global_quuid + "ccc"; 3127 var payload = JSON.stringify(gecommProductToCart); 3128 var sent = false; 3129 3130 if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") { 3131 try { 3132 var blob = new Blob([payload], { type: "text/plain" }); 3133 sent = navigator.sendBeacon(url, blob); 3134 } catch (e) { sent = false; } 3135 } 3136 3137 if (!sent && typeof fetch === "function") { 3138 try { 3139 fetch(url, { 3140 method: "POST", 3141 headers: { "Content-Type": "text/plain" }, 3142 body: payload, 3143 keepalive: true, 3144 credentials: "include" 3145 }).catch(function() {}); 3146 } catch (e) {} 3147 } 3148})(); 3149 3150 gtag('event', 'conversion', { 3151 'send_to' : 'AW-693056766/_Z9NCIGqgdQBEP7pvMoC', 3152 'value' : item.p_prices, 3153 'currency' : 'TWD', 3154 }); 3155 3156 } catch (e) { } 3157 3158 }); 3159 3160 } 3161 3162 // Defers instant-add until the async-loaded $.fancybox exists, so early 3163 // clicks no longer hit an undefined open() and feel dead. One poller at a 3164 // time, latest click wins - repeated clicks don't stack duplicate opens. 3165 // Keep in sync with common/footer_cart.tpl (same guard for '/cart' URLs). 3166 var _fancyboxPendingCb = null; 3167 var _fancyboxPolling = false; 3168 function whenFancyboxReady(callback){ 3169 if (typeof $.fancybox !== 'undefined') { callback(); return; } 3170 _fancyboxPendingCb = callback; // latest click wins if several arrive while waiting 3171 if (_fancyboxPolling) { return; } 3172 _fancyboxPolling = true; 3173 (function poll(attempt){ 3174 if (typeof $.fancybox !== 'undefined') { 3175 _fancyboxPolling = false; 3176 var cb = _fancyboxPendingCb; 3177 _fancyboxPendingCb = null; 3178 if (cb) { cb(); } 3179 return; 3180 } 3181 if (attempt < 50) { setTimeout(function(){ poll(attempt + 1); }, 100); return; } 3182 _fancyboxPolling = false; 3183 _fancyboxPendingCb = null; 3184 if (window.console && console.warn) { console.warn('fancybox not ready after 5s; instant add aborted'); } 3185 })(0); 3186 } 3187 3188 function InstantAddToCart(product_id, quantity, promotion_id, free_present_id){ 3189 3190 if( product_id && quantity ) { 3191 3192 gecommProductToCart.product_id = product_id; 3193 gecommProductToCart.quantity = quantity; 3194 3195 try { 3196 3197 var p_name = $("[data-producttlid='"+product_id+"'] .name [itemprop='name']").html(); 3198 var p_prices = $("[data-producttlid='"+product_id+"'] .price[data-price]").data("price"); 3199 gecommProductToCart.product_name = p_name; 3200 3201 gecommProductToCart.price = p_prices; 3202 3203 // UA 3204 dataLayer.push({ 3205 'event': 'addToCart', 3206 'ecommerce': { 3207 'currencyCode': '', 3208 'add': { 3209 'products': [{ 3210 'name': p_name, 3211 'id': product_id, 3212 'price': p_prices, 3213 'quantity': quantity 3214 }] 3215 } 3216 } 3217 }); 3218 3219 // GA4 3220 dataLayer.push({ 3221 'event': 'add_to_cart', 3222 'ecommerce': { 3223 'items': [{ 3224 'item_name': p_name, 3225 'item_id': product_id, 3226 'price': p_prices, 3227 'quantity': quantity 3228 }] 3229 } 3230 }); 3231 3232 var product_category = ""; 3233 $.getJSON( "index.php?route=common/footer/getProductCategory&product_id=" + product_id, function( data ) { 3234 3235 if(data) product_category = data; 3236 3237 if(product_category != ""){ 3238 gtag('event', 'add_to_cart', { 3239 'value': p_prices, 3240 'items': [{ 3241 'id' : product_id, 3242 'item_id' : product_id, 3243 'item_name' : p_name, 3244 'price' : p_prices, 3245 'quantity' : quantity, 3246 'google_business_vertical': 'retail', 3247 'item_category': product_category 3248 }] 3249 }); 3250 }else{ 3251 gtag('event', 'add_to_cart', { 3252 'value': p_prices, 3253 'items': [{ 3254 'id' : product_id, 3255 'item_id' : product_id, 3256 'item_name' : p_name, 3257 'price' : p_prices, 3258 'quantity' : quantity, 3259 'google_business_vertical': 'retail' 3260 }] 3261 }); 3262 } 3263 3264 }); 3265 3266 3267 global_quuid = QUUID(); 3268 var item_p_prices = parseFloat(p_prices); 3269 item_p_prices = Number(item_p_prices); 3270 if( isNaN(item_p_prices) ) { 3271 item_p_prices = 0; 3272 } 3273 fbq('track', 'AddToCart', { 3274 content_name: p_name, 3275 content_ids: [product_id], 3276 content_type: 'product', 3277 value: item_p_prices, 3278 currency: 'TWD' 3279 }, {eventID: global_quuid + "ccc"}); 3280 3281
3282try { setCookie("qdmfbevent_id", global_quuid + "ccc", 5); } catch (error) { } 3283 3284(function() { 3285 // CAPI AJAX must survive navigation (cart/add â instant_checkout redirect 1s window). 3286 // Prefer navigator.sendBeacon (designed for unload-time delivery); fallback to fetch keepalive. 3287 var url = "https://www.cswater.com.tw/index.php?route=pixcel/facebook/capi_add_to_cart&quuid=" + global_quuid + "ccc"; 3288 var payload = JSON.stringify(gecommProductToCart); 3289 var sent = false; 3290 3291 if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") { 3292 try { 3293 var blob = new Blob([payload], { type: "text/plain" }); 3294 sent = navigator.sendBeacon(url, blob); 3295 } catch (e) { sent = false; } 3296 } 3297 3298 if (!sent && typeof fetch === "function") { 3299 try { 3300 fetch(url, { 3301 method: "POST", 3302 headers: { "Content-Type": "text/plain" }, 3303 body: payload, 3304 keepalive: true, 3305 credentials: "include" 3306 }).catch(function() {}); 3307 } catch (e) {} 3308 } 3309})(); 3310 3311 3312 gtag('event', 'conversion', { 3313 'send_to' : 'AW-693056766/_Z9NCIGqgdQBEP7pvMoC', 3314 'value' : p_prices, 3315 'currency' : 'TWD', 3316 }); 3317 3318 3319 3320 3321if( gecommProductCategoryWithComma.length == 0 ) { 3322 gecommProductCategoryWithComma = $(".breadcrumb li[itemprop='itemListElement']:last [itemprop='name']").text(); 3323} 3324 3325if (gecommProductToCart.product_url === undefined) { 3326 gecommProductToCart.product_url = $("div[data-producttlid='" + gecommProductToCart.product_id + "'] .image > a").attr("href"); 3327} 3328 3329if (gecommProductToCart.image_url === undefined) { 3330 gecommProductToCart.image_url = "https:" + $("div[data-producttlid='" + gecommProductToCart.product_id + "'] .image > a > img[itemprop='contentUrl']").attr("src"); 3331} 3332 3333qg("event", "product_added_to_cart", { 3334 "product_id" : gecommProductToCart.product_id, 3335 "product_name" : gecommProductToCart.product_name, 3336 "product_price" : gecommProductToCart.price, 3337 "product_image_url" : gecommProductToCart.image_url, 3338 "product_url" : gecommProductToCart.product_url, 3339 "product_qty" : gecommProductToCart.quantity, 3340 "category_name" : gecommProductCategoryWithComma 3341}); 3342 3343console.log({ 3344 "product_id" : gecommProductToCart.product_id, 3345 "product_name" : gecommProductToCart.product_name, 3346 "product_price" : gecommProductToCart.price, 3347 "product_image_url" : gecommProductToCart.image_url, 3348 "product_url" : gecommProductToCart.product_url, 3349 "product_qty" : gecommProductToCart.quantity, 3350 "category_name" : gecommProductCategoryWithComma 3351}); 3352 3353 3354_lt('send', 'cv', { 3355type: 'dpa_cart', 3356itemIds: [gecommProductToCart.product_id.toString()], 3357price: gecommProductToCart.price.toString(), 3358currency: 'TWD', 3359quantity: gecommProductToCart.quantity.toString() 3360}, 3361{dpa:true}, 3362['f675a57d-0954-461c-852c-011dbf3fb954']); 3363 3364_lt('send', 'cv', { 3365 type: 'AddToCart' 3366},['f675a57d-0954-461c-852c-011dbf3fb954']); 3367 3368 3369 3370 3371 } catch (e) { } 3372 3373 } 3374 3375 $('[data-toggle="tooltip"], .tooltip').tooltip("hide"); 3376 3377 promotion_id = typeof(promotion_id) != 'undefined' ? promotion_id : -1; 3378 free_present_id = typeof(free_present_id) != 'undefined' ? free_present_id : -1; 3379 3380 if(free_present_id != "-1"){ 3381 quantity = $('input[name="quantity"]').val(); 3382 quantity = typeof(quantity) != 'undefined' ? quantity : 1; 3383 } 3384 3385 var price = $('#price-price-block .price-normal').attr('data-content'); 3386 3387 if(typeof(price) === 'undefined') price = $('#price-price-block .price-new').attr('data-content'); 3388 3389 price = typeof(price) != 'undefined' ? price : 0; 3390 3391 var instantCartSrc = 'https://www.cswater.com.tw/index.php?route=product/instant_add&product_id=' + product_id + '&promotion_id=' + promotion_id + '&quantity=' + quantity +'&price=' + price + '&free_present_id=' + free_present_id; 3392 3393 whenFancyboxReady(function(){ 3394 try { 3395 $.fancybox.open({ 3396 src : instantCartSrc, 3397 type : 'iframe', 3398 opts : { 3399 openEffect : 'none', 3400 closeEffect : 'none', 3401 closeClickOutside : true, 3402 iframe : { css : { "max-width" : '332px', "width:": '100%' } },
3403 beforeLoad: function() { 3404 $(".fancybox-container").css("zIndex", 999999993); 3405 } 3406 } 3407 }); 3408 } catch (e) { } 3409 }); 3410 } 3411 3412 function InstantAddToCart1(product_id, quantity, key_id, type, position){ 3413 3414 product_id = (typeof product_id !== 'undefined') ? product_id : 0; 3415 quantity = (typeof quantity !== 'undefined') ? quantity : 1; 3416 key_id = (typeof key_id !== 'undefined') ? key_id : "-1"; 3417 type = (typeof type !== 'undefined') ? type : ""; 3418 position = (typeof position !== 'undefined') ? position : ""; 3419 3420 if( product_id && quantity ) { 3421 3422 gecommProductToCart.product_id = product_id; 3423 gecommProductToCart.quantity = quantity; 3424 3425 try { 3426 3427 var p_name = $("[data-producttlid='"+product_id+"'] .name [itemprop='name']").html(); 3428 var p_prices = $("[data-producttlid='"+product_id+"'] .price[data-price]").data("price"); 3429 gecommProductToCart.product_name = p_name; 3430 3431 gecommProductToCart.price = p_prices; 3432 3433 // UA 3434 dataLayer.push({ 3435 'event': 'addToCart', 3436 'ecommerce': { 3437 'currencyCode': '', 3438 'add': { 3439 'products': [{ 3440 'name': p_name, 3441 'id': product_id, 3442 'price': p_prices, 3443 'quantity': quantity 3444 }] 3445 } 3446 } 3447 }); 3448 3449 // GA4 3450 dataLayer.push({ 3451 'event': 'add_to_cart', 3452 'ecommerce': { 3453 'items': [{ 3454 'item_name': p_name, 3455 'item_id': product_id, 3456 'price': p_prices, 3457 'quantity': quantity 3458 }] 3459 } 3460 }); 3461 3462 global_quuid = QUUID(); 3463 var item_p_prices = parseFloat(p_prices); 3464 item_p_prices = Number(item_p_prices); 3465 if( isNaN(item_p_prices) ) { 3466 item_p_prices = 0; 3467 } 3468 fbq('track', 'AddToCart', { 3469 content_name: p_name, 3470 content_ids: [product_id], 3471 content_type: 'product', 3472 value: item_p_prices, 3473 currency: 'TWD' 3474 }, {eventID: global_quuid + "ccc"}); 3475 3476 3477try { setCookie("qdmfbevent_id", global_quuid + "ccc", 5); } catch (error) { } 3478 3479(function() { 3480 // CAPI AJAX must survive navigation (cart/add â instant_checkout redirect 1s window). 3481 // Prefer navigator.sendBeacon (designed for unload-time delivery); fallback to fetch keepalive. 3482 var url = "https://www.cswater.com.tw/index.php?route=pixcel/facebook/capi_add_to_cart&quuid=" + global_quuid + "ccc"; 3483 var payload = JSON.stringify(gecommProductToCart); 3484 var sent = false; 3485 3486 if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") { 3487 try { 3488 var blob = new Blob([payload], { type: "text/plain" }); 3489 sent = navigator.sendBeacon(url, blob); 3490 } catch (e) { sent = false; } 3491 } 3492 3493 if (!sent && typeof fetch === "function") { 3494 try { 3495 fetch(url, { 3496 method: "POST", 3497 headers: { "Content-Type": "text/plain" }, 3498 body: payload, 3499 keepalive: true, 3500 credentials: "include" 3501 }).catch(function() {}); 3502 } catch (e) {} 3503 } 3504})(); 3505 3506 gtag('event', 'conversion', { 3507 'send_to' : 'AW-693056766/_Z9NCIGqgdQBEP7pvMoC', 3508 'value' : p_prices, 3509 'currency' : 'TWD', 3510 }); 3511 3512 3513 3514_lt('send', 'cv', { 3515type: 'dpa_cart', 3516itemIds: [gecommProductToCart.product_id.toString()], 3517price: gecommProductToCart.price.toString(), 3518currency: 'TWD', 3519quantity: gecommProductToCart.quantity.toString() 3520}, 3521{dpa:true}, 3522['f675a57d-0954-461c-852c-011dbf3fb954']); 3523 3524_lt('send', 'cv', { 3525 type: 'AddToCart' 3526},['f675a57d-0954-461c-852c-011dbf3fb954']); 3527 3528 3529 3530 3531 } catch (e) { } 3532 3533 } 3534 3535 $('[data-toggle="tooltip"], .tooltip').tooltip("hide"); 3536 3537 if(type == "promotion"){ 3538 var promotion_id = typeof(key_id) != 'undefined' ? key_id : -1; 3539 var send_value = '&promotion_id=' + promotion_id ; 3540 } 3541 3542 if(type == "present"){ 3543 var free_present_id = typeof(key_id) != 'undefined' ? key_id : -1; 3544 3545 //if(free_present_id > 0){ 3546 quantity = $('input[name="quantity"]').val(); 3547 quantity = typeof(quantity) != 'undefined' ? quantity : 1; 3548 //} 3549 3550 var send_value = '&free_present_id=' + free_present_id +'&position=' + position; 3551 } 3552 3553 if(type == "buytogether"){ 3554 var buy_together_id = typeof(key_id) != 'undefined' ? key_id : -1; 3555 3556 quantity = $('input[name="quantity"]').val(); 3557 quantity = typeof(quantity) != 'undefined' ? quantity : 1; 3558 3559 var send_value = '&buy_together_id=' + buy_together_id +'&position=' + position; 3560 } 3561 3562 var price = $('#price-price-block .price-normal').attr('data-content'); 3563 3564 if(typeof(price) === 'undefined') price = $('#price-price-block .price-new').attr('data-content'); 3565 3566 price = typeof(price) != 'undefined' ? price : 0; 3567 3568 3569 var instantCart1Src = 'index.php?route=product/instant_add&product_id=' + product_id + '&quantity=' + quantity +'&price=' + price +send_value ; 3570 3571 whenFancyboxReady(function(){ 3572 try { 3573 $.fancybox.open({ 3574 src : instantCart1Src, 3575 type : 'iframe', 3576 opts : { 3577 closeClickOutside : true, 3578 iframe : { css : { width : '320px' } }, 3579 beforeLoad: function() { 3580 $(".fancybox-container").css("zIndex", 999999993); 3581 } 3582 } 3583 }); 3584 } catch (e) { } 3585 }); 3586 } 3587 3588 // Debounced mini-cart reload: every module/cart hit rewrites server-side 3589 // cart state, so a burst of reloads can undo a just-added product. 3590 // Keep in sync with common/footer_cart.tpl -- only one footer renders per page 3591 // (common/footer.php picks a single template), so the two copies never collide. 3592 var miniCartReloadTimer = null; 3593 function reloadMiniCart(immediate){ 3594 // One shared timer for every caller; immediate only shortens the wait. 3595 // Bypassing it made add-to-cart fire two overlapping module/cart requests
3596 // (closePopFancybox() and TriggerMyCartList() each trigger mouseover). 3597 // Rescheduling is not a lock, so this is "almost always one", not a guarantee. 3598 clearTimeout(miniCartReloadTimer); 3599 miniCartReloadTimer = setTimeout(loadMiniCart, immediate ? 0 : 300); 3600 } 3601 3602 function loadMiniCart(){ 3603 $("#cart").load("index.php?route=module/cart #cart > *", function(){ 3604 try { refreshMiniCartScrollBar(); } catch (e) { } 3605 }); 3606 } 3607 3608 function closePopFancybox(){ 3609 try { 3610 $.fancybox.close(); 3611 $.fancybox.destroy(); 3612 } catch (e) { } 3613 if( is.desktop() ) { 3614 setTimeout(function(){ 3615 $("#cart > .heading a").trigger('mouseover'); 3616 setTimeout(function(){ refreshMiniCartScrollBar(); }, 300); 3617 }, 500); 3618 } 3619 } 3620 3621 function LastPresentsOption(html,key,qty){ 3622 $("#lg_option_"+key).prepend(html); 3623 $('.last_free_presents').trigger('change'); 3624 $('.free_present_qty').trigger('change'); 3625 } 3626 3627 function TriggerMyCartList(){ 3628 if( is.not.desktop() ){ 3629 updateCartProductCount(); 3630 setTimeout(function(){ 3631 $("#shopping-cart-list .badge").removeClass("animated"); 3632 $("#shopping-cart-list .badge").addClass("animated"); 3633 $("#shopping-cart-list .badge").addClass("bounce"); 3634 }, 800); 3635 } else { 3636 setTimeout(function(){ 3637 $("#cart > .heading a").trigger('mouseover'); 3638 setTimeout(function(){ refreshMiniCartScrollBar(); }, 300); 3639 }, 500); 3640 } 3641 } 3642 3643 function removeCartByProductID(product_id) { 3644 if( is.existy(product_id) ) { 3645 $.ajax({ 3646 url: 'index.php?route=module/cart&remove=' + product_id + "%3Anull%3A-1%3A0", 3647 type: 'post', 3648 dataType: 'json', 3649 success: function(json) { 3650 TriggerMyCartList(); 3651 } 3652 }); 3653 } 3654 } 3655 3656 function updateQuantityByProductID(product_id, quantity) { 3657 quantity = typeof(quantity) != 'undefined' ? quantity : 1; 3658 $.ajax({ 3659 url: 'index.php?route=checkout/cart/updateProductQuantity', 3660 type: 'post', 3661 data: { 'quantity':quantity, 'key': product_id+'%3Anull%3A-1%3A0' }, 3662 dataType: 'json', 3663 success: function(json) { 3664 TriggerMyCartList(); 3665 } 3666 }); 3667 } 3668 3669 3670 function bulk_add_to_cart() { 3671 $("select.bulk-add-quantity").change(function() { 3672 var value = $("option:selected", this).val(); 3673 var select_idx = $(this).data("idx"); 3674 var product_id = $(this).data("productid"); 3675 var prevval = $(this).data("prevval"); 3676 3677 if( value == 0 ) { 3678 $(this).next(".bulk-add-quantity").addClass("no-cart"); 3679 if(prevval!=0){ 3680 removeCartByProductID(product_id); 3681 } 3682 } else { 3683 $(this).next(".bulk-add-quantity").removeClass("no-cart"); 3684 3685 if( value == 999 ) { 3686 InstantAddToCart(product_id, 999); 3687 $(this).next(".bulk-add-quantity").find(".current").text("+ 9"); 3688 } else { 3689 if(prevval==0){ 3690 // ç¬¬ä¸æ¬¡å å ¥ 3691 InstantAddToCart(product_id, value); 3692 } else { 3693 // æ´æ°æ¸é 3694 updateQuantityByProductID(product_id, value); 3695 } 3696 } 3697 } 3698 $(this).data("prevval", value); 3699 $(this).attr("data-prevval", value); 3700 }); 3701 } 3702 3703 function downloadJSAtOnload() { 3704 3705 $("#myBody").removeAttr('style'); 3706 3707 if( is.not.desktop() ) { 3708 $('.any-products').each(function(index,el){ 3709 $(el).find('.grid-box').each(function(index,el2){ 3710 $(el2).attr('style',''); 3711 }); 3712 }); 3713 } 3714 3715 try { 3716 getScript("https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js",function(){ }); 3717 } catch(e) { } 3718 3719 3720 var queue = $LAB.queueScript("https://cdn.qdm.cloud/assets/js/core.240901.compressed.js"); 3721 queue.queueWait(function(){ 3722 3723 // core.js reloads module/cart on EVERY mini-cart hover, unthrottled (10 3724 // requests in 5s observed). Rebind to the debounced reload, keeping 3725 // hover-to-expand behaviour. The mouseleave rebind is like-for-like: in 3726 // core.240901 (the bundle queued above) its body is only 3727 // removeClass("active"). Re-check if that bundle is rebuilt. 3728 // Keep in sync with common/footer_cart.tpl -- it queues a different 3729 // bundle, so verify that claim against ITS bundle. 3730 // 3731 // The ready() wrapper is load-bearing: core.js binds inside its own 3732 // ready() callback, registered while this queued script runs, and jQuery 3733 // fires ready callbacks in registration order -- so off() is guaranteed to 3734 // run after that bind. Calling off() directly here only works if DOM ready 3735 // happens to have fired already; otherwise it removes nothing and BOTH 3736 // handlers stay attached.
3737 $(document).ready(function(){ 3738 try { 3739 $(document).off("mouseover", "#cart > .heading"); 3740 $(document).on("mouseover", "#cart > .heading", function(e){ 3741 $("#cart").addClass("active"); 3742 // Programmatic refreshes get here via .trigger('mouseover') (add-to-cart / 3743 // fancybox close / login). Debouncing them delayed the reload past each 3744 // call site's paired setTimeout(refreshMiniCartScrollBar, 300). jQuery 3745 // marks synthetic events with isTrigger; losing that just falls back to 3746 // the debounced path. 3747 reloadMiniCart(e && e.isTrigger); 3748 }); 3749 $(document).off("mouseleave", "#cart"); 3750 $(document).on("mouseleave", "#cart", function(){ 3751 $(this).removeClass("active"); 3752 }); 3753 } catch (e) { 3754 // Never break the rest of the queued callback, but do not fail 3755 // silently either -- a swallowed error degrades straight back to 3756 // the unthrottled reload. 3757 if (window.console && console.warn) { console.warn("mini-cart rebind failed", e); } 3758 } 3759 3760 // Self-check. off(type, selector) matches on the selector STRING, so a whitespace 3761 // variant alone breaks it: a rebuilt bundle emitting "#cart>.heading" survives our 3762 // off() and BOTH handlers stay attached. Both spellings hit the same element, so 3763 // compare with whitespace stripped -- that covers drift on either side. 3764 // Known limit: whitespace is the ONLY rewrite covered. "#cart .heading", a trailing 3765 // " a", a comma-separated selector or a direct element bind all stay silent. 3766 // A tripwire for the likely case, not proof that the rebind held. 3767 // _data is a jQuery internal, so it gets its own try/catch: if it ever goes away, 3768 // the rebind above is still correct and must not be reported failed. 3769 try { 3770 var miniCartEvents = $._data(document, "events"); 3771 var miniCartBound = ((miniCartEvents && miniCartEvents.mouseover) || []).filter(function(h){ 3772 return h.selector && h.selector.replace(/\s+/g, "") === "#cart>.heading"; 3773 }).length; 3774 if (miniCartBound !== 1 && window.console && console.warn) { 3775 console.warn("mini-cart rebind: expected 1 mouseover handler, found", miniCartBound); 3776 } 3777 } catch (e2) { 3778 if (window.console && console.warn) { console.warn("mini-cart rebind self-check unavailable", e2); } 3779 } 3780 }); 3781 3782 3783 3784 $(".ajax-popup-link").unbind(); 3785 $(".ajax-popup-link").fancybox({ 3786 closeBtn : true, 3787 closeClick : true, 3788 helpers : { 3789 overlay : {closeClick: true} 3790 }, 3791 buttons : [ 'close' ], 3792 clickOutside : 'close', 3793 closeClick : true, 3794 toolbar : true 3795 }); 3796 3797 3798 var milliseconds = new Date().getTime(); 3799 $.getJSON( "index.php?route=common/header/getLoggedInUserInfo&token=" + milliseconds + "1" + (Math.floor(Math.random() * 999) + 100), function( data ) { 3800 if( is.existy(data) && data.isLogged ) { 3801 $("#header-logged-menu > a.dropdown-toggle").prepend("<i class='fa fa-user-o'></i>"); 3802 $("#header-logged-user").html(data.logged_user_name + data.logged_group_name); 3803 $("#header-mobile-user").html(data.logged_user_name + data.logged_group_name); 3804 $(".header-logged-menu").removeClass("hidden"); 3805 $("#header-logged-menu").removeClass("hidden"); 3806 $("#header-none-logged-menu").remove(); 3807 } else { 3808 $(".header-logged-menu").remove(); 3809 $("#header-logged-menu").remove(); 3810 $(".header-none-logged-menu").removeClass("hidden"); 3811 $("#header-none-logged-menu").removeClass("hidden"); 3812 } 3813 3814 if( is.not.desktop() ){ 3815 updateCartProductCount(); 3816 setTimeout(function(){ 3817 $("#shopping-cart-list .badge").removeClass("animated"); 3818 $("#shopping-cart-list .badge").addClass("animated"); 3819 $("#shopping-cart-list .badge").addClass("bounce"); 3820 }, 800); 3821 } else { 3822 $("#cart > .heading a").trigger('mouseover'); 3823 $("section#cart").removeClass("active"); 3824 setTimeout(function(){ $("section#cart").removeClass("active"); }, 50); 3825 } 3826 3827 }); 3828 3829 setTimeout(function(){ 3830 $('.side_float_banner_wrapper').attr("style",""); 3831 $('.banner').each(function( index ) { 3832 if( $(this).find("a").length == 1 ) { 3833 $(this).attr("style",""); 3834 } 3835 }); 3836 }, 2000); 3837 3838 if (typeof init_inline === 'function') { 3839 if($("#image-additional").length){ 3840 $.fancybox.defaults.hash = false;
3841 } 3842 setTimeout(function(){ init_inline(); }, 300); 3843 } 3844 3845 if (typeof init_fullslideshow === 'function') { init_fullslideshow(); } 3846 3847 $("#contact-block").removeAttr('style'); 3848 3849 if( is.not.desktop() ) { 3850 $('#shopping-cart-list').on('click', function() { 3851 openSideCart(); 3852 return false; 3853 }); 3854 } 3855 3856 if ( $("input[name='quantity']").length > 0 ) { 3857 var qtyMin = $("input[name='quantity']").data("min"); 3858 if(qtyMin=="" || qtyMin==undefined) qtyMin = 1; 3859 $("input[name='quantity']").TouchSpin({ 3860 min: qtyMin, 3861 max: 99999 3862 }); 3863 } 3864 3865 $(window).resize(function() { 3866 if( $(window).width() < 992 ){ 3867 $("#footer-inner-row").removeClass("offset2"); 3868 } else { 3869 var data_count = $("#footer-inner-row").data("count"); 3870 if(data_count < 1) { 3871 $("#footer-inner-row").addClass("offset2"); 3872 } 3873 } 3874 }); 3875 3876 $("#header .flipper").each(function(){ 3877 var imgLoad = $(this).imagesLoaded(function(){ 3878 try { 3879 if (typeof $(this).data('flipper') !== 'undefined') { 3880 $(this).flipper(); 3881 } 3882 } catch(err) { } 3883 }); 3884 }); 3885 3886 $('a[href*="#"]').each(function() { 3887 var hash = $(this).attr('href'); 3888 if(hash=="##") return; 3889 if(hash=="#") return; 3890 if(hash=="#mobile-menu") return; 3891 $(this).click( function(e) { 3892 var url = $(this).attr('href'); 3893 var type = url.split('#'); 3894 var hash = ''; 3895 if(type.length > 1) 3896 hash = type[1]; 3897 if($("[name='"+hash+"']").length){ 3898 if(hash && hash != "undefined" && hash != null && hash != undefined){ 3899 e.preventDefault(); 3900 $('html,body').animate({ scrollTop: $("[name='"+hash+"']").offset().top}, 600); 3901 return false; 3902 } 3903 } 3904 }); 3905 }); 3906 3907 3908 3909 3910 3911 if ( $(".masonry").length > 0 ) { 3912 $(".masonry").each(function(index, value) { 3913 var $grid = $('.masonry').masonry(); 3914 setTimeout(function(){ $grid.masonry('layout'); }, 2000); 3915 }); 3916 } 3917 3918 if ( $(".owl-carousel").length > 0 ) { 3919 $(".owl-carousel").not('[data-exclude]').each(function(index, value) { 3920 3921 var autoplay = is.null( $(this).attr('data-autoPlay') ) ? true : $(this).attr('data-autoPlay'); 3922 var pagination = is.null( $(this).attr('data-pagination') ) ? false : $(this).attr('data-pagination'); 3923 var slideSpeed = is.null( $(this).attr('data-slideSpeed') ) ? 200 : $(this).attr('data-slideSpeed'); 3924 var paginationSpeed = is.null( $(this).attr('data-paginationSpeed') ) ? 800 : $(this).attr('data-paginationSpeed'); 3925 var singleItem = is.null( $(this).attr('data-singleItem') ) ? true : $(this).attr('data-singleItem'); 3926 var transitionStyle = is.null( $(this).attr('data-transitionStyle') ) ? "fade" : $(this).attr('data-transitionStyle'); 3927 3928 $(this).owlCarousel({ 3929 autoPlay : Boolean(autoplay), 3930 navigation : false, 3931 pagination : Boolean(pagination), 3932 slideSpeed : slideSpeed, 3933 paginationSpeed : paginationSpeed, 3934 singleItem: Boolean(singleItem), 3935 transitionStyle : transitionStyle, 3936 stopOnHover: true, 3937 autoHeight: true 3938 }); 3939 3940 }); 3941 } 3942 3943 3944 var vidDefer = document.getElementsByTagName('iframe'); 3945 for (var i=0; i<vidDefer.length; i++) { 3946 if(vidDefer[i].getAttribute('data-src')) { 3947 vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src')); 3948 } 3949 } 3950 3951 $(".fancybox").fancybox({ 3952 closeBtn: false, 3953 padding : 1, 3954 helpers : { 3955 overlay : { 3956 closeClick : true, 3957 speedOut : 200, 3958 showEarly : true, 3959 css : {}, 3960 locked : true 3961 }, 3962 title : { type : 'inside' }, 3963 buttons : {} 3964 } 3965 }); 3966 3967 3968 if( is.not.desktop() ){ 3969 $("#footer-inner-row").removeClass("offset2"); 3970 } 3971 3972 if ( $('#bestseller-products .flexslider').length > 0 ) { 3973 $('#bestseller-products .flexslider').each(function(index, value) { 3974 $(this).flexslider({ 3975 animation: "slide", 3976 animationLoop: true, 3977 itemWidth: 182, 3978 itemMargin: 3, 3979 minItems: 2, 3980 maxItems: 6, 3981 animationSpeed: 700, 3982 touch: true, 3983 slideshowSpeed: 5000 }); 3984 }); 3985 } 3986 if ( $('#featured-products .flexslider').length > 0 ) { 3987 $('#featured-products .flexslider').each(function(index, value) { 3988 $(this).flexslider({ 3989 animation: "slide", 3990 animationLoop: true, 3991 itemWidth: 182, 3992 itemMargin: 3, 3993 minItems: 2, 3994 maxItems: 6, 3995 animationSpeed: 700, 3996 touch: true, 3997 slideshowSpeed: 5000 }); 3998 }); 3999 } 4000 if ( $('#latest-products .flexslider').length > 0 ) { 4001 $('#latest-products .flexslider').each(function(index, value) { 4002 $(this).flexslider({ 4003 animation: "slide", 4004 animationLoop: true, 4005 itemWidth: 182, 4006 itemMargin: 3, 4007 minItems: 2, 4008 maxItems: 6, 4009 animationSpeed: 700, 4010 touch: true, 4011 slideshowSpeed: 5000 }); 4012 }); 4013 } 4014 if ( $('#related-products .flexslider').length > 0 ) { 4015 $('#related-products .flexslider').each(function(index, value) { 4016 $(this).flexslider({ 4017 animation: "slide", 4018 animationLoop: true, 4019 itemWidth: 182, 4020 itemMargin: 3, 4021 minItems: 2, 4022 maxItems: 6, 4023 animationSpeed: 700, 4024 touch: true, 4025 slideshowSpeed: 5000 }); 4026 }); 4027 } 4028 if ( $('#special-products .flexslider').length > 0 ) { 4029 $('#special-products .flexslider').each(function(index, value) { 4030 $(this).flexslider({ 4031 animation: "slide", 4032 animationLoop: true, 4033 itemWidth: 182, 4034 itemMargin: 3, 4035 minItems: 2, 4036 maxItems: 6, 4037 animationSpeed: 700, 4038 touch: true, 4039 slideshowSpeed: 5000 }); 4040 }); 4041 } 4042 4043 if ( $('#comingsoon-products .flexslider').length > 0 ) { 4044 $('#comingsoon-products .flexslider').each(function(index, value) { 4045 $(this).flexslider({ 4046 animation: "slide", 4047 animationLoop: true, 4048 itemWidth: 182, 4049 itemMargin: 3, 4050 minItems: 2, 4051 maxItems: 6, 4052 animationSpeed: 700, 4053 touch: true, 4054 slideshowSpeed: 5000 }); 4055 }); 4056 } 4057 4058 jQuery('.flexslider').each( function() { 4059 var $slider = jQuery(this); 4060 var $slides = jQuery(this).children().children('.slides'); 4061 if ( -1 === jQuery.inArray( $slider.data('flexslider').vars.animation, [ 'slide', 'swing' ] ) ) 4062 return; 4063 $slides.bind( 'mousewheel', function( e ) { 4064 e.preventDefault(); 4065 if ( jQuery(this).hasClass('dragging') ) 4066 return; 4067 if ( e.originalEvent.deltaY > 0 ) { 4068 $slider.flexslider('next'); 4069 } 4070 if ( e.originalEvent.deltaY < 0 ) { 4071 $slider.flexslider('prev'); 4072 } 4073 return false;
4074 } ); 4075 } ); 4076 4077 if ( $('.any-products').length > 0 ) { 4078 $(window).resize(function() { 4079 4080 $('.any-products').each(function(index, value) { 4081 var margin_vertical = $(this).data("marginVertical"); 4082 if( is.mobile() ){ 4083 $(this).find(".products-box").removeClass(".products-box").addClass("product-box"); 4084 } else { 4085 if(margin_vertical){ 4086 $(this).find(".product-box").removeClass(".product-box").addClass("products-box"); 4087 } 4088 } 4089 }); 4090 4091 if(is.mobile()){ 4092 $(".any-products").find(".grid-box").attr("style",""); 4093 adjustBoxHeights(); 4094 } 4095 4096 }); 4097 } 4098 4099 if ( $('.banner-carousel').length > 0 ) { 4100 $('.banner-carousel').each(function(index, value) { 4101 var slideSpeed = is.null( $(this).attr('data-slideSpeed') ) ? 600 : $(this).attr('data-slideSpeed'); 4102 if( slideSpeed == undefined ) { slideSpeed = 600; } 4103 var el = "#" + $(this).attr("id"); 4104 var items = $(this).data("item"); 4105 4106 var lilen = $(el+" li").length; 4107 var sliderLoop = true; 4108 if(lilen==items){sliderLoop = false;} 4109 4110 var autoplay = parseInt($(this).data("autoplay")); 4111 var boolAutoplay = false; 4112 if( autoplay ) boolAutoplay = true; 4113 $(el).removeClass("hidden"); 4114 $(el).show(); 4115 $(el).imagesLoaded( function() { 4116 var el = "#" + $(this).attr("id"); 4117 $(el+" img[data-lazy-src]").each(function(index, value) { 4118 var loadimg = $(this).attr('data-lazy-src'); 4119 $(this).attr('src', loadimg); 4120 }); 4121 var slider = $(el).lightSlider({ 4122 auto: boolAutoplay, 4123 pauseOnHover: true, 4124 pager: false, 4125 item:items, 4126 loop: sliderLoop, 4127 easing: 'cubic-bezier(0.25, 0, 0.25, 1)', 4128 speed: slideSpeed, 4129 onSliderLoad: function() { 4130 $(el).removeClass("hidden"); 4131 $(el).show(); 4132 $(el).css("height", "auto"); 4133 } 4134 }); 4135 slider.refresh(); 4136 }); 4137 }); 4138 } 4139 4140 4141 if ( $('.slideshow-container-appear li').length > 0 ) { 4142 $('.slideshow-container-appear').each(function(index, value) { 4143 var el = "#" + $(this).attr("id"); 4144 var full = $(this).data("full"); 4145 if(full){ 4146 $(this).appendTo('#content-top'); 4147 } 4148 4149 if(is.mobile()){ 4150 $(el).find("li.desktop").remove(); 4151 $(el).find("li.mobile:first").show(); 4152 } else { 4153 $(el).find("li.mobile").remove(); 4154 $(el).find("li.desktop:first").show(); 4155 } 4156 4157 $(el).imagesLoaded( function(e) { 4158 4159 if(is.mobile()){ 4160 $(e).closest("li.mobile").attr("style","width:100%"); 4161 } else { 4162 $(e).closest("li.desktop").attr("style","width:100%"); 4163 } 4164 4165 var controlNav = $(e).closest(".slideshow-container-appear").data("controlnav"); 4166 var directionNav = $(e).closest(".slideshow-container-appear").data("directionnav"); 4167 var el = "#" + $(e).attr("id"); 4168 var delay = $(e).closest(".slideshow-container-appear").data("delay"); 4169 if(delay<300) delay = 300; 4170 4171 adaptiveHeight = true; 4172 if( is.mobile() ){ 4173 //controlNav = false; 4174 //directionNav = false;
4175 adaptiveHeight = false; 4176 } 4177 4178 var slideshow_img_h = 0; 4179 $(e).closest(".slideshow-container-appear li.mobile img").each(function(index, value) { 4180 var img_h = $(this).data("height"); 4181 if( (img_h > 0) && (slideshow_img_h > 0) && (img_h != slideshow_img_h) ) { 4182 slideshow_img_h = 0; 4183 } else { 4184 slideshow_img_h = img_h; 4185 } 4186 }); 4187 4188 if( is.mobile() && slideshow_img_h == 0 ){ 4189 $(e).closest(".slideshow-container-appear").flexslider({ 4190 animation: "fade", 4191 slideDirection: "horizontal", 4192 animationLoop: true, 4193 pauseOnHover: true, 4194 pauseOnAction: false, 4195 smoothHeight: false, 4196 slideshowSpeed: delay, 4197 initDelay: 0, 4198 slideshow: true, 4199 mousewheel: false, 4200 controlNav: controlNav, 4201 directionNav: directionNav, 4202 prevText: "", 4203 nextText: "", 4204 start: function(slider) { 4205 var el = "#" + $(this).attr("id"); 4206 $(el).removeClass('loading'); 4207 } 4208 }); 4209 } else { 4210 var slider = $(e).closest(".slides").lightSlider({ 4211 auto:true, 4212 loop:true, 4213 pauseOnHover:true, 4214 adaptiveHeight:true, 4215 item:1, 4216 slideMargin:0, 4217 easing: 'cubic-bezier(0.25, 0, 0.25, 1)', 4218 speed:600, 4219 pause:delay, 4220 controls:directionNav, 4221 pager:controlNav 4222 }); 4223 slider.refresh(); 4224 setTimeout(function(){ 4225 slider.play(); 4226 slider.goToNextSlide(); 4227 slider.goToPrevSlide(); 4228 slider.goToPrevSlide(); 4229 slider.refresh(); 4230 }, 700); 4231 } 4232 4233 }); 4234 4235 }); 4236 } 4237 4238 if( $('.side_float_banner .flipper').length > 0 ) { 4239 try { 4240 $('.side_float_banner .flipper').flipper(); 4241 } catch(err) { } 4242 } 4243 4244 if( $(".flexslider").find("img").length > 0 ) { 4245 $(".flexslider").find("img").trigger('appear'); 4246 } 4247 4248 if( ($("#maincontent").outerHeight(true)-150) > $('.sidebar .smart-menu').outerHeight(true) ){ 4249 $('.sidebar .smart-menu').scrollToFixed({ 4250 marginTop: $('#navbar-top-fixed').outerHeight(true) + 20, 4251 limit: function() { 4252 var limit = $('footer').offset().top - $(".content-bottom").outerHeight(true) - $('.sidebar .smart-menu').outerHeight(true) - 120; 4253 return limit; 4254 }, 4255 }); 4256 } 4257 4258 4259 $('[data-toggle="tooltip"]').tooltip(); 4260 4261 setTimeout(function(){ 4262 $(window).trigger('resize'); 4263 }, 300); 4264 4265 $(".flex-direction-nav").remove(); 4266 4267 adjustBoxHeights(); 4268 4269 4270 $("#menu-btn").show(); 4271 $("#menu-btn").addClass('animated flash'); 4272 4273 setTimeout(function(){ 4274 $("#mobile-navbar").removeAttr('style'); 4275 }, 1000); 4276 4277 4278 4279 4280 }); 4281 4282 queue.runQueue(); 4283 4284 (function(d, s, id) { 4285 var js, fjs = d.getElementsByTagName(s)[0]; 4286 if (d.getElementById(id)) return; 4287 js = d.createElement(s); js.id = id; 4288 js.src = "https://connect.facebook.net/zh_TW/sdk.js"; 4289 fjs.parentNode.insertBefore(js, fjs); 4290 }(document, 'script', 'facebook-jssdk')); 4291 4292 if (window.location.hash == '#_=_') { 4293 window.location.hash = ''; // for older browsers, leaves a # behind 4294 history.pushState('', document.title, window.location.pathname + window.location.search); 4295 } 4296 4297 } 4298 // Store subdomains count as same site; separate tenants on the platform domain do not 4299 function qdmIsSameSiteHost(host){ 4300 var site = location.hostname.toLowerCase(); 4301 host = (host || '').toLowerCase(); 4302 if (host === site) { 4303 return true; 4304 } 4305 // Keep in sync with Response::isSameSiteHref() in system/library/response.php 4306 if (/(^|\.)(qdm\.(tw|com\.tw|cloud)|myorganic\.org\.tw)$/.test(site)) { 4307 return false; 4308 } 4309 var apex = site.replace(/^www\./, ''); 4310 return host === apex || host.slice(-(apex.length + 1)) === '.' + apex; 4311 } 4312 function sanitizeTargetBlank(){ 4313 $('a[rel~=external]').prop('target', '_blank'); 4314 $('a[target="_blank"]').each(function(){ 4315 var a = $(this); 4316 if(!qdmIsSameSiteHost(this.hostname)){ 4317 var originalRel = (this.rel === undefined) ? '' : this.rel; 4318 var newRel = originalRel.split(" "); 4319 if (originalRel.toLowerCase().indexOf('noopener') === -1){ 4320 newRel.push('noopener'); 4321 } 4322 if (originalRel.toLowerCase().indexOf('noreferrer') === -1){ 4323 newRel.push('noreferrer'); 4324 } 4325 if (originalRel.toLowerCase().indexOf('nofollow') === -1){ 4326 newRel.push('nofollow'); 4327 } 4328 a.attr('rel', newRel.join(" ").trim() ); 4329 } 4330 }); 4331 } 4332 function create_mark(name) { 4333 if (window.performance.mark === undefined) { 4334 console.log("performance.mark Not supported"); 4335 return; 4336 } 4337 window.performance.mark(name); 4338 } 4339 function initCoreJS() { 4340 $LAB.setGlobalDefaults({AlwaysPreserveOrder:true}); 4341 jQuery.ajaxPrefilter(function(s) { 4342 if ( s.crossDomain ) { 4343 s.contents.script = false;
4344 } 4345 }); 4346 $(function() { $('body').removeClass('fade-out'); }); 4347 sanitizeTargetBlank(); 4348 var def_img_idx = 1; 4349 [].forEach.call(document.querySelectorAll('img[data-src]'), function(img) { 4350 if( def_img_idx <= 12 ) { 4351 if (img.getAttribute('data-src') === null) { } else if (img.getAttribute('data-src') === '') {} else { 4352 img.setAttribute('src', img.getAttribute('data-src')); 4353 img.onload = function() { 4354 img.removeAttribute('data-src'); 4355 if (img.style.opacity !== undefined) { 4356 img.style.opacity = 1; 4357 } 4358 }; 4359 } 4360 } 4361 def_img_idx++; 4362 }); 4363 if ( $('.slideshow .flexslider').length > 0 ) { 4364 $('.slideshow .flexslider').each(function(index, value) { 4365 var el = "#" + $(this).attr("id"); 4366 var full = $(this).data("full"); 4367 if(full){ 4368 $(this).find("img").css({'width' : '100%', 'height' : 'auto' }); 4369 $(this).closest("div.slideshow").appendTo('#content-top'); 4370 } 4371 }); 4372 } 4373 $LAB.script("https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js") 4374 .script("https://cdnjs.cloudflare.com/ajax/libs/is_js/0.9.0/is.min.js").wait(function(){ 4375 initDeferImages(); 4376 loadJS(); 4377 downloadJSAtOnload(); 4378 create_mark('mark_fully_loaded'); 4379 if( $('.wow').eq(0).length ) { 4380 getScript("https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js",function(){ 4381 new WOW().init(); 4382 }); 4383 } 4384 if( $('img[usemap]').eq(0).length ) { 4385 getScript("https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js",function(){ 4386 try { $('img[usemap]').rwdImageMaps(); } catch (e) { } 4387 }); 4388 } 4389 getScript("https://cdnjs.cloudflare.com/ajax/libs/data-layer-helper/0.1.0/data-layer-helper.min.js",function(){ }); 4390 4391 }); 4392 //230117 fix flipper hover 4393 if($(".grid-box, .product-row").find(".flipper").length){ 4394 $(".grid-box, .product-row").find(".flipper").hover(function(){ 4395 oldSrc = $(this).attr("src"); 4396 $(this).attr("src",$(this).attr("data-flipper")); 4397 },function(){ 4398 $(this).attr("src",oldSrc); 4399 }); 4400 } 4401 } 4402 4403 initCoreCSS(); 4404 setTimeout(function(){ 4405 initCoreJS(); 4406 $.getJSON( "index.php?route=account/account/get_user_track&token=" + (Math.floor(Math.random() * 999) + 100), function( data ) { 4407 if( data.user_id ) { ga_userId = data.user_id; } 4408 if( data.uuid ) { 4409 try { 4410 if ('localStorage' in window && window['localStorage'] !== null){ 4411 localStorage.removeItem("qdm_user_uuid"); 4412 localStorage.setItem("qdm_user_uuid", data.uuid); 4413 qdm_user_uuid = data.uuid; 4414 } 4415 } catch (e) {} 4416 } 4417 if( data.utm_source == "affiliates" ) { ga_utm_source = data.utm_source; } 4418 reportFbqTrack(); 4419 4420 }); 4421 var vidDefer = document.getElementsByTagName('iframe'); 4422 for (var i=0; i<vidDefer.length; i++) { 4423 if(vidDefer[i].getAttribute('src')) { 4424 vidDefer[i].setAttribute('data-src',vidDefer[i].getAttribute('src')); 4425 } 4426 } 4427 document.getElementsByTagName("body")[0].style.display = "block"; 4428 }, 60); 4429 4430 </script>
4430 </body> </html>
4430<script src="https://cdn.qdm.cloud/assets/js/backend_other.js?v=20260318"></script>
4430
4430<script> 4431//貨å°éç¥ 4432const isLogged = 0; //ç»å ¥æª¢æ¥ 4433const goods_arrival_notice_allow_guest_notification = 0; 4434const goods_arrival_notice_sms_status = 0; 4435(function(){ 4436 var s = document.createElement('script'); 4437 s.async = true; 4438 s.src = 'https://base.qdm.cloud/qdm_base//catalog/view/theme/default/js/customer/product.js?t='+new Date().getTime(); 4439 var before = document.scripts[document.scripts.length - 1]; 4440 before.parentNode.insertBefore(s, before.nextSibling); 4441})(); 4442document.head.innerHTML += '<link rel="stylesheet" type="text/css" href="https://cdn.qdm.cloud/assets/css/bs_utility.css?v=20260318">'; 4443</script>
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.