PageSourceSearch

https://www.cswater.com.tw/store

html cswater.com.tw collected 2026-10-04 14:39:57 UTC 182,617 bytes, 4,443 lines download raw bytes

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>&#9776;</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>&nbsp;<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>&nbsp;我的訂單</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>&nbsp;會員中心&nbsp;(登入)</a></li> <li class="pushy-link header-none-logged-menu hidden"><a href="/guestorder"><i class="fa fa-search-plus" aria-hidden="true"></i>&nbsp;我要查訂單</a></li> <li class="pushy-submenu"> <button><i class="fa fa-commenting-o" aria-hidden="true"></i>&nbsp;找店長</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>&nbsp;登出</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="">產品介紹&nbsp;<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>&nbsp;<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>&nbsp;
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		 &gt; 		<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">&nbsp;</div> <div class="where_top"> <div class="cover_where">&nbsp;</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&nbsp;
1674
1675<p>停車場地址:</p> <p class="store_park_where">台北市大安區金山南路二段31巷與愛國東路79巷交叉口</p>
1676&nbsp;
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">&nbsp;</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&amp;utm_medium=card_link_cswater_guarantee-card-instructions_/download_20230928&amp;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>&nbsp;</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樓 &nbsp;</div> <div class="footer_bottom_right">&copy; 千山淨水股份有限公司 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																			統一編號&nbsp;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.