PageSourceSearch

https://www.shampoo.hk/pages/freesfloker

html shampoo.hk collected 2026-09-27 05:08:29 UTC 246,293 bytes, 6,702 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-HK">
3<head>
4	<meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="1024"><meta property="og:image:height" content="1024"><title>Shampoo hk</title>	<meta name="csrf-param" content="_csrf">
5<meta name="csrf-token" content="HDnFPQEi1AWtXs_N8ZKpJe_zXCGwE6ESO2pP7Ofh7tYlcIFTNlShQO4R_57JwMhtpoJlFIZS539OLBnV366hrA==">
6	<meta property="og:site_name" content="Shampoo hk">
7<meta name="og:image">
8<meta property="og:image">
9<meta name="og:image:secure">
10<meta property="og:image:secure">
11<meta name="twitter:site" content="@shampoohk">
12<meta name="twitter:card" content="summary_large_image">
13<meta name="twitter:creator" content="">
14<link href="https://www.shampoo.hk/freesfloker" rel="canonical">
15<link href="https://www.shampoo.hk/freesfloker" rel="alternate" hreflang="x-default">
16<link href="https://www.shampoo.hk/en/freesfloker" rel="alternate" hreflang="en">
17<link href="https://www.shampoo.hk/tc/freesfloker" rel="alternate" hreflang="zh-Hans-HK">
18<link rel="og:image">
19<link href="https://cdn21.posify.me/9.3.01.2403.0625.18/css/compiled/compiled-becup-all.min.css" rel="stylesheet">
20<link href="https://cdn21.posify.me/9.3.01.2403.0625.18/css/compiled/compiled-becup-all.min.css?v=9.3.01.2403.0625.18" rel="stylesheet">
21<link href="/cdn/data/common.3.css?_=1790485709" rel="stylesheet">
22<style>
23	#ad-popup-content #page-body {
24		width: auto !important;
25		max-width: 100%;
26		min-height: auto;
27		padding: 0;
28	}</style>
29<style></style>
30<style>
31		</style>
32<style>.becup-header {
33  --container-width: 1200px;
34}
35
36.becup-pc-header {
37  min-height: 100px;
38  height: 100%;
39  position: sticky;
40  top: 0;
41  z-index: 100;
42}
43
44.becup-header {
45  background-color: var(--header-bg-color);
46  border-top: none;
47}
48
49.becup-header.show-top-bar {
50  border-top: 5px solid var(--color-primary);
51}
52
53
54.becup-header .dropdown.flat #common-desk-search > input[type="text"] {
55  margin-top: 0;
56}
57
58
59.becup-pc-header .becup-header {
60  position: unset;
61}
62
63.becup-header-layout-with-left {
64  display: flex;
65  align-items: center;
66  width: var(--container-width);
67  min-height: 100px;
68  height: auto;
69  margin: 0 auto;
70}
71
72.becup-header-layout-with-left .header-logo-wrapper {
73  width: 100px;
74  aspect-ratio: 1 / 1;
75}
76
77.becup-header-layout-with-left .header-logo-wrapper img {
78  max-width: 100%;
79  max-height: 100%;
80  width: auto;
81  height: auto;
82  object-fit: contain;
83}
84
85.becup-header-layout-with-left .layout-full {
86  display: flex;
87  flex-direction: column-reverse;
88  flex: 1;
89  height: 100%;
90  
91}
92
93.becup-header-layout-with-left .menus-container {
94  display: flex;
95  align-self: flex-start;
96  align-items: flex-end;
97  padding-bottom: 15px;
98  flex: 1;
99  margin: 25px 25px 0;
100  height: 100%;
101}
102
103.becup-header-layout-with-left .tools-container {
104  display: flex;
105  justify-content: flex-end;
106  align-self: flex-end;
107  padding-top: 10px;
108}
109
110.becup-header-layout-with-left .tool-list {
111  display: flex;
112  align-items: center;
113}
114
115.becup-header-layout-with-left .tool-list .tool-item {
116  font-size: var(--menu-icon-font-size);
117  color: var(--menu-icon-color);
118  margin-right: 15px;
119  position: relative;
120}
121
122.becup-header-layout-with-left .tool-list .tool-item:last-child {
123  margin-right: 0;
124}
125
126.becup-header-layout-with-left .tool-list .tool-item > a {
127  font-size: inherit;
128  color: inherit;
129}
130
131.becup-header-layout-with-left .tool-list .tool-item > a + a {
132  margin-left: 15px;
133}
134
135
136.becup-header-layout-with-center {
137  max-width: var(--container-width);
138  margin: auto;
139}
140
141.becup-header-layout-with-center .layout-top {
142  display: flex;
143  justify-content: center;
144  padding-top: 10px;
145  height: 90px;
146}
147
148.becup-header-layout-with-center .header-logo-wrapper {
149  flex: 1.5;
150  height: 85%;
151  padding: 0 50px;
152}
153
154.becup-header-layout-with-center .header-logo-wrapper .header-logo {
155  width: 100%;
156  height: 100%;
157  object-fit: contain;
158}
159
160.becup-header-layout-with-center .left-tools,
161.becup-header-layout-with-center .right-tools {
162  flex: 1;
163  align-self: flex-start;
164}
165
166.becup-header-layout-with-center .left-tools {
167  font-size: var(--menu-icon-font-size);
168  color: var(--menu-icon-color);
169}
170
171.becup-header-layout-with-center .right-tools {
172  display: flex;
173  justify-content: flex-end;
174  padding-right: 10px;
175}
176
177.becup-header-layout-with-center .right-tools .tool-item {
178  font-size: var(--menu-icon-font-size);
179  color: var(--menu-icon-color);
180  margin-right: 15px;
181  position: relative;
182}
183
184.becup-header-layout-with-center .right-tools .tool-item:last-child {
185  margin-right: 0;
186}
187
188.becup-header-layout-with-center .right-tools .tool-item a {
189  font-size: inherit;
190  color: inherit;
191}
192
193
194
195.becup-header-layout-with-center .menus-container {
196  display: flex;
197  justify-content: center;
198  margin-top: 15px;
199  padding-bottom: 15px;
200}
201
202.becup-header-layout-with-center .dropdown-menu {
203  min-width: unset;
204}
205
206
207
208
209.becup-mobile-header {
210  --header-height: 50px;
211}
212
213.becup-mobile-header {
214  height: var(--header-height);
215}
216
217.becup-mobile-header .announcement-bar {
218  position: fixed;
219  left: 0;
220  top: 0;
221  right: 0;
222}
223
224.becup-mobile-header .common-header {
225  display: flex;
226  justify-content: center;
227  align-items: center;
228  height: var(--header-height);
229  padding: 0 20px;
230}
231
232.becup-mobile-header .logo-container {
233  display: flex;
234  align-items: center;
235  justify-content: center;
236  width: 100px;
237  height: 80%;
238}
239
240.becup-mobile-header .logo-container > img {
241  max-width: 100%;
242  max-height: 100%;
243  width: auto;
244  height: auto;
245  object-fit: contain;
246}
247
248.becup-mobile-header .left-tools,
249.becup-mobile-header .right-tools {
250  flex: 1;
251  display: flex;
252  gap: 10px;
253  color: var(--menu-icon-color);
254}
255
256.becup-mobile-header .right-tools {
257  justify-content: flex-end;
258  align-items: center;
259}
260
261.becup-mobile-header .left-tools .referral-share,
262.becup-mobile-header .right-tools .tool-item {
263  display: block;
264  max-height: 24px;
265}
266
267.becup-mobile-header .left-tools .tool-item::marker,
268.becup-mobile-header .right-tools .tool-item::marker {
269  display: none;
270  content: none;
271}
272
273.becup-mobile-header .left-tools button,
274.becup-mobile-header .left-tools .referral-share,
275.becup-mobile-header .right-tools a,
276.becup-mobile-header .right-tools button {
277  font-size: 24px;
278  color: inherit;
279  --icon-font-size: 24px;
280}</style>
281<style>.announcement-bar {
282  overflow:hidden;
283}
284.announcement-bar-message {
285  white-space: nowrap;
286  -moz-transform: translateX(100%);
287  -webkit-transform: translateX(100%);
288  transform: translateX(100%);
289  -moz-animation: my-animation var(--announcement-animation-duration, 20s) linear infinite;
290  -webkit-animation: my-animation var(--announcement-animation-duration, 20s) linear infinite;
291  animation: my-animation var(--announcement-animation-duration, 20s) linear infinite;
292}
293
294.announcement-bar-message:hover {
295  animation-play-state: paused;
296}
297
298
299@-moz-keyframes my-animation {
300  from { -moz-transform: translateX(100%); }
301  to { -moz-transform: translateX(-100%); }
302}
303
304
305@-webkit-keyframes my-animation {
306  from { -webkit-transform: translateX(100%); }
307  to { -webkit-transform: translateX(-100%); }
308}
309
310@keyframes my-animation {
311  from {
312    -moz-transform: translateX(100%);
313    -webkit-transform: translateX(100%);
314    transform: translateX(100%);
315  }
316  to {
317    -moz-transform: translateX(-100%);
318    -webkit-transform: translateX(-100%);
319    transform: translateX(-100%);
320  }
321}
322
323.common-announcement-bar-wrapper .sp-slide {
324  display: flex;
325  justify-content: center;
326  align-items: center;
327} 
328
329
330.ad-count-down-wrapper {
331  display: flex;
332  justify-content: center;
333  align-items: center;
334  height: 100%;
335  font-size: 18px;
336  color: #fff;
337}
338
339.ad-count-down-wrapper .ad-count-down {
340  margin-left: 10px;
341}</style>
342<style>.product-search-container {
343  --search-input-width: 140px;
344  --search-input-font-size: var(--content-font-size, 14px);
345  --search-input-color: #333;
346  --search-input-bg-color: var(--search-bar-bg-color, #fff);
347  --search-input-border-color: var(--primary-menu-color, #DDDDDD);
348  --search-input-selection-border-color: var(--menu-icon-color, #7e7e7e);
349  --search-btn-color: #fff;
350  --search-btn-bg-color: var(--color-primary, #7e7e7e);
351  --show-more-icon-size: 20px;
352  --show-more-icon-color: #cccccc;
353}
354
355.product-search-container input[type="text"] {
356  font-size: var(--search-input-font-size);
357  color: var(--search-input-color);
358  min-width: var(--search-input-width);
359  border-color: var(--search-input-border-color);
360  background-color: var(--search-input-bg-color);
361}
362
363.product-search-container input[type="text"]:focus {
364  border-color: var(--search-input-selection-border-color);
365}
366
367.product-search-container input[type="text"]::placeholder {
368  color: #a8a8a8;
369}
370
371.product-search-container .btn.btn-primary {
372  color: var(--search-btn-color);
373  background-color: var(--search-btn-bg-color);
374}
375
376.product-search-container .search-input-container .btn.btn-primary {
377  color: var(--search-btn-color);
378  background-color: var(--search-btn-bg-color);
379}
380
381.product-search-container .icon-dropdown {
382  display: inline-block;
383  cursor: pointer;
384}
385
386.product-search-container .icon-dropdown > i.fa-search {
387  font-size: var(--menu-icon-font-size) !important;
388  color: var(--menu-icon-color);
389}
390
391.product-search-container .ashop-icon-button {
392  background-color: transparent;
393  border: none;
394  box-shadow: none;
395  outline: none;
396  color: var(--menu-icon-color);
397  font-size: var(--menu-icon-font-size);
398}
399
400
401.product-search-container .search-input-container.flat-outline {
402  border-bottom: 1px solid var(--search-input-selection-border-color);
403}
404
405.product-search-container .search-input-container.flat-outline input[type="text"] {
406  border: 0;
407  box-shadow: none;
408  background-color: transparent;
409}
410
411
412.product-search-container .search-input-container.flat-outline .btn.btn-primary {
413  font-size: var(--menu-icon-font-size, 20px);
414  color: var(--search-btn-bg-color);
415  background-color: transparent;
416  box-shadow: none;
417  line-height: 1;
418}
419
420
421
422.product-search-container #common-desk-search-ul {
423  display: none;
424  line-height: normal;
425  width:240px;
426  z-index: 1000;
427  min-width: 160px;
428  padding: 5px 0;
429  margin: 2px 0 0;
430  font-size: 14px;
431  text-align: left;
432  background-color: #fff;
433  -webkit-background-clip: padding-box;
434  background-clip: padding-box;
435  border: 1px solid rgba(0, 0, 0, .15);
436  border-radius: 4px;
437  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
438}
439
440.product-search-container #common-desk-search-ul .search-group {
441  padding: 0 8px 5px;
442}
443
444.product-search-container #common-desk-search-ul .search-group:not(:first-child) {
445  border-top:1px solid #f6f6f6;
446}
447
448.product-search-container #common-desk-search-ul .search-group .search-group-title {
449  color:#555;
450  font-size:0.9em;
451  line-height:25px;
452  padding:5px 10px;
453  margin: 0;
454}
455
456.product-search-container #common-desk-search-ul .search-history {
457  font-size: 14px;
458  max-height: 300px;
459  overflow-y: auto;
460}
461
462.product-search-container #common-desk-search-ul .search-history .empty-history {
463  font-size: 12px;
464  color: #777;
465  text-align: center;
466  margin: 0 0 5px;
467}
468
469.product-search-container #common-desk-search-ul .search-history .history.more-his {
470  display: none;
471}
472
473.product-search-container #common-desk-search-ul .search-history.show-more-his .history.more-his {
474  display: block;
475}
476
477.product-search-container #common-desk-search-ul .search-group .history {
478  display: flex;
479  align-items: center;
480  font-size: 0.8em;
481  padding: 5px 10px;
482  color: #777;
483  border-top:1px solid #f6f6f6;
484  text-transform:none;
485  cursor:pointer;
486}
487
488
489.product-search-container #common-desk-search-ul .search-group .history .left-icon {
490  font-size: 1.5em;
491  margin-right:5px;
492  vertical-align:middle;
493  color:#aaa;
494}
495
496.product-search-container #common-desk-search-ul .search-group .history > span {
497  flex: 1;
498  overflow: hidden;
499  line-height: 1.5;
500}
501
502.product-search-container #common-desk-search-ul .search-group .history .search-history-remove {
503  color:#aaa;
504}
505
506.product-search-container #common-desk-search-ul .search-group .search-recommend {
507  display:flex;
508  flex-wrap:wrap;
509  padding:0 10px;
510}
511
512.product-search-container #common-desk-search-ul .search-group .search-recommend > span {
513  font-size:0.8em;
514  color:#fff;
515  background-color:#ADADAD;
516  border-radius:6px;
517  margin-right:6px;
518  margin-bottom:6px;
519  padding:0 10px;
520  cursor:pointer;
521  line-height: 1.5;
522}
523
524.product-search-container #common-desk-search-ul .search-group .search-recommend > span.more-tag {
525  display: none;
526}
527
528.product-search-container #common-desk-search-ul .search-group .search-recommend.show-more-tag > span.more-tag {
529  display: block;
530}
531
532
533.product-search-container #common-desk-search-ul .show-more-control {
534  text-align: center;
535}
536
537.product-search-container #common-desk-search-ul .show-more-control .load-more-btn {
538  font-size: var(--show-more-icon-size);
539  color: var(--show-more-icon-color);
540}
541.product-search-container .search-results h4 {
542  font-weight: bold;
543  padding-top: 10px;
544  padding-bottom: 10px;
545  color: #777;
546}
547
548.product-search-container .search-results-empty {
549  color: #777;
550  text-align: center;
551  padding: 10px 0;
552}
553
554.product-search-container .search-results ul {
555  max-height: 400px;
556  overflow-y: auto;
557}
558
559.product-search-container #common-desk-search-ul .search-results a {
560  display: block;
561  padding: 8px;
562  color: #777;
563  font-size: 0.8em;
564  border-top: 1px solid #f6f6f6;
565}
566
567.product-search-container #common-desk-search-ul .search-results a:hover {
568  opacity: 0.8;
569}
570.btn-image-search {
571  position: absolute;
572  top: 0;
573  right: 70px;
574  z-index: 111;
575  transform: translateX(-100%);
576}
577
578.btn-image-search .btn {
579  background: transparent;
580  color: var(--search-btn-bg-color);
581  outline: none;
582}</style>
583<style>.lang-menus {
584  font-size: inherit;
585}
586.lang-menus .btn-lang-switch {
587  color: #333 !important;
588}</style>
589<style>#common-web-push-popover {
590  min-width: 200px;
591}
592
593#common-web-push-popover .btn {
594  font-size: inherit;
595}
596
597#common-web-push-popover .btn.btn-primary {
598  color: #fff;
599}
600
601.popover-title,
602.popover-content {
603  color: var(--color-primary);
604}</style>
605<style>.common-sign-in-wrapper {
606  display: flex;
607  gap: 15px;
608  align-items: center;
609}
610
611.common-sign-in-wrapper .icon {
612  display: block;
613  color: inherit;
614}
615
616.common-sign-in-wrapper .link-item {
617  display: flex;
618  align-items: center;
619  gap: 5px;
620  font-size:inherit;
621  height: 100%;
622  color: inherit;
623}
624
625.common-sign-in-wrapper .link-item .text {
626  font-size: inherit;
627  color: inherit;
628}
629
630.common-sign-in-wrapper .link-item.is-login {
631  position: relative;
632}
633
634.common-sign-in-wrapper .link-item.is-login::after {
635  content: "";
636  width: 4px;
637  height: 4px;
638  border-radius: 50%;
639  background-color: #0f0;
640  display: block;
641  position: absolute;
642  top: 0;
643  right: -4px;
644}
645
646.common-sign-in-wrapper .sign-in-trigger {
647  display: flex;
648  align-items: center;
649  gap: 5px;
650  background-color: transparent;
651  border: none;
652}
653
654.common-sign-in-wrapper .dropdown-menu-item .links {
655  display: flex;
656  padding: 3px 0 3px 20px;
657  gap: 5px;
658  overflow: hidden;
659}</style>
660<style>
661.miniCartTable .miniCartQuantity {
662  
663  width: 100px;
664  margin-left: 5px;
665  margin-right: 5px;
666  vertical-align: middle;
667}
668.miniCartTable .miniCartQuantity + span {
669  line-height: 30px;
670  margin-left: -4px;
671}
672.miniCartTable .miniCartQuantity .quanitySniper {
673  margin: 0;
674  background-color: #fff;
675  color: #000;
676}
677
678#common-desk-cart > span.has-badge {
679  display: flex;
680}
681
682.desk-cart.outline #common-desk-cart i {
683  color: transparent !important;
684  -webkit-text-stroke-width: 1.5px;
685}
686
687#common-desk-cart .has-badge.desc-badge {
688  background: red;
689  border-radius: 50%;
690  height: 14px;
691  width: 14px;
692  line-height: 14px;
693  right: 0;
694  top: -4px;
695  left: unset;
696  padding-top: 0;
697}
698
699@media only screen and (max-width: 768px) {
700  #common-desk-cart > span {
701    left: unset;
702    right: -10px;
703    top: -5px;
704  }
705}
706
707.common-shipping-cart-trigger {
708  --icon-font-size: var(--primary-menu-font-size);
709  --icon-color: var(--menu-icon-color);
710  --point-bg-color: #f00;
711  --point-color: #fff;
712}
713
714.common-shipping-cart-trigger {
715  display: inline-flex;
716  align-items: center;
717  position: relative;
718  text-align: center;
719  background-color: transparent;
720  border: none;
721  box-shadow: none;
722  padding: 0;
723}
724
725.common-shipping-cart-trigger .icon {
726  font-size: var(--icon-font-size);
727  color: var(--icon-color)
728}
729
730.common-shipping-cart-trigger .count {
731  display: block;
732  font-size: 10px;
733  width: 14px;
734  height: 14px;
735  line-height: 14px;
736  font-style: normal;
737  color: var(--point-color);
738  position: absolute;
739  background-color: var(--point-bg-color);
740  border-radius: 50%;
741  right: -7px;
742  top: -7px;
743}</style>
744<style>#common-menus {
745  display: flex;
746  justify-content: flex-start;
747  align-items: center;
748  flex-wrap: wrap;
749  height: 100%;
750  gap: 15px 0;
751}
752
753#common-menus > .sub-menus, 
754#common-menus > .menu-item {
755  font-family: var(--primary-menu-font-family);
756  font-size: var(--primary-menu-font-size);
757  color: var(--primary-menu-color);
758  margin-right: 15px;
759}
760
761#common-menus > .sub-menus:not(:first-child) > .sub-menus-title,
762#common-menus > .menu-item:not(:first-of-type) {
763  padding-left: 15px;
764  border-left: 1px solid var(--primary-menu-color);
765}
766
767#common-menus > .sub-menus:first-child > .sub-menus-title {
768  border-left: none;
769}
770
771
772#common-menus.theme-descente > .sub-menus, 
773#common-menus.theme-descente > .menu-item {
774  margin: 0 15px;
775}
776
777#common-menus.theme-descente > .sub-menus:not(:first-child) > .sub-menus-title,
778#common-menus.theme-descente > .menu-item {
779  padding-left: 0;
780  border-left: 0;
781}
782
783
784#common-menus.theme-arrow-down > .sub-menus, 
785#common-menus.theme-arrow-down > .menu-item {
786  display: flex;
787  align-items: center;
788  height: 100%;
789  margin: 0 15px;
790}
791
792#common-menus.theme-arrow-down > .sub-menus:not(:first-child) > .sub-menus-title,
793#common-menus.theme-arrow-down > .menu-item {
794  padding-left: 0;
795  border-left: 0;
796}
797
798
799
800
801#common-menus.theme-mini-category-menu {
802  justify-content: center;
803  flex-wrap: wrap;
804  width: 100%;
805  gap: 15px 0;
806}
807
808
809#common-menus.theme-mini-category-menu > .sub-menus:not(:first-child) > .sub-menus-title, 
810#common-menus.theme-mini-category-menu > .menu-item {
811  border-left: 0;
812}
813
814
815
816
817
818#common-menus.theme-vertical > .sub-menus:not(:first-child) > .sub-menus-title, 
819#common-menus.theme-vertical > .menu-item {
820  border-left: 0;
821}
822
823
824
825
826#common-menus.theme-full-sub-menu-right-cover > .sub-menus:not(:first-child) > .sub-menus-title, 
827#common-menus.theme-full-sub-menu-right-cover > .menu-item {
828  border-left: 0;
829  opacity: 1;
830  padding-left: 0;
831  margin-left: 20px;
832}
833
834#common-menus.theme-full-sub-menu-right-cover > .sub-menus:not(:first-child):hover > .sub-menus-title, 
835#common-menus.theme-full-sub-menu-right-cover > .menu-item:hover {
836  background-color: var(--primary-menu-bgcolor);
837}
838
839#common-menus.theme-full-sub-menu-right-cover .full-sub-menu-container {
840  left: 0;
841  width: 100%;
842  background-color: var(--primary-menu-bgcolor);
843  box-shadow: 0 10px 30px grey;
844  border-radius: 0;
845  padding: 0 20%;
846  max-height: 80vh;
847  overflow: auto;
848}
849
850#common-menus.theme-full-sub-menu-right-cover .full-sub-menu-wrapper {
851  display: flex;
852  width: 100%;
853}
854
855#common-menus.theme-full-sub-menu-right-cover .full-sub-menu-wrapper .sub-menu
855-left {
856  flex: 1;
857  overflow: hidden;
858  padding: 15px 0;
859}
860
861#common-menus.theme-full-sub-menu-right-cover .full-sub-menu-wrapper .sub-menu-right {
862  width: 35%;
863}
864
865
866
867#common-menus.theme-mega-menu-full-width > .sub-menus:not(:first-child) > .sub-menus-title, 
868#common-menus.theme-mega-menu-full-width > .menu-item {
869  border-left: 0;
870  opacity: 1;
871  margin: 0;
872  padding-left: 0;
873  transition: all .3s ease-in;
874}
875
876#common-menus.theme-mega-menu-full-width > .sub-menus, 
877#common-menus.theme-mega-menu-full-width > .menu-item {
878  display: flex;
879  align-items: center;
880  height: 100%;
881  margin-right: 0;
882  padding: 10px;
883}
884
885#common-menus.theme-mega-menu-full-width > .menu-item:hover,
886#common-menus.theme-mega-menu-full-width > .sub-menus:hover {
887  background-color: var(--primary-menu-bgcolor);
888}
889
890
891
892#common-menus > .sub-menus.theme-tile:not(:first-child) > .sub-menus-title,
893#common-menus > .menu-item.theme-tile {
894  border: none;
895}</style>
896<style>
897.sub-menus[data-level="1"] .menus {
898  font-family: var(--primary-menu-font-family);
899  font-size: var(--primary-menu-font-size);
900  color: var(--primary-menu-color);
901}
902
903
904.sub-menus[data-level="2"] .menus {
905  font-family: var(--secondary-menu-font-family);
906  font-size: var(--secondary-menu-font-size);
907  color: var(--secondary-menu-color);
908}
909
910
911.sub-menus[data-level="2"]:hover > .sub-menus-title {
912  color: #fff;
913  background-color: #8888;
914}
915
916
917.sub-menus[data-level="3"] .menus {
918  font-family: var(--tertiary-menu-font-family);
919  font-size: var(--tertiary-menu-font-size);
920  color: var(--tertiary-menu-color);
921}
922
923
924.sub-menus[data-level="3"]:hover > .sub-menus-title {
925  color: #fff;
926  background-color: #8888;
927}
928
929
930.sub-menus .menus {
931  font-family: var(--tertiary-menu-font-family);
932  font-size: calc(var(--tertiary-menu-font-size) - 4);
933  color: var(--tertiary-menu-color);
934}
935
936.sub-menus .menus::-webkit-scrollbar {
937  display: block;
938  width: 5px;
939}
940 
941
942.sub-menus .menus::-webkit-scrollbar-thumb {
943  background-color: #888;
944}
945 
946
947.sub-menus .menus::-webkit-scrollbar-track {
948  background-color: #ccc;
949}
950
951.sub-menus .sub-menus-title > a {
952  font-family: inherit;
953  font-size: inherit;
954  color: inherit;
955}
956
957.sub-menus[data-level="2"]  .sub-menus-title > a {
958  font-weight: bold;
959}
960
961.sub-menus .menus {
962  display: none;
963  flex-wrap: wrap;
964  position: fixed;
965  box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
966	padding: 5px 0;
967	max-height: 80vh;
968	overflow-y: auto;
969	overflow-x: hidden;
970	scrollbar-width: auto;
971  z-index: 10;
972  background-color: var(--secondary-menu-bgcolor);
973}
974
975.sub-menus .menus .menu-item,
976.sub-menus .menus .sub-menus-title {
977  line-height: 2;
978  padding: 0 25px;
979}
980
981.sub-menus .menus .sub-menu-title-link {
982  color: inherit;
983  line-height: 1;
984  padding: 0 25px;
985  text-decoration: underline;
986}
987
988.sub-menus .menus .sub-menu-title-link.position-bottom {
989  margin-top: 40px;
990  margin-bottom: 20px;
991}
992
993
994
995
996.sub-menus.theme-descente[data-level="1"] .menus {
997  width: 100%;
998  box-shadow: none;
999  border: none;
1000  left: 0;
1001  padding: 50px 50px;
1002  justify-content: center;
1003}
1004
1005.sub-menus.theme-descente[data-level^="2"] .menus {
1006  display: block;
1007  padding: 0;
1008}
1009
1010.sub-menus.theme-descente .sub-menus-title a.text:hover {
1011  color: var(--color-primary);
1012  text-decoration: underline;
1013}
1014
1015.sub-menus.theme-descente .sub-menus-content {
1016  position: relative;
1017  left: unset;
1018  top: unset;
1019}
1020
1021.sub-menus.theme-descente .sub-menus-title,
1022.sub-menus.theme-descente .menu-item,
1023.sub-menus.theme-descente .sub-menus,
1024.sub-menus.theme-descente .sub-menus-content {
1025  padding: 0;
1026  line-height: 1;
1027}
1028
1029.sub-menus.theme-descente .menu-item,
1030.sub-menus.theme-descente .sub-menus,
1031.sub-menus.theme-descente .sub-menus-content {
1032  width: 230px;
1033}
1034
1035
1036.sub-menus.theme-descente[data-level^="2"] .menu-item,
1037.sub-menus.theme-descente[data-level^="2"] .sub-menus-title {
1038  margin-bottom: 10px;
1039}
1040
1041
1042.sub-menus.theme-descente[data-level^="3"] .sub-menus-content {
1043  padding-left: 15px;
1044}
1045
1046
1047
1048
1049.sub-menus.theme-full-sub-menu .full-sub-menu-container {
1050  left: 0;
1051}
1052.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper {
1053  display: flex;
1054  width: 100%;
1055}
1056
1057.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper .sub-menu-left {
1058  width: 200px;
1059  padding: 0 20px 20px;
1060}
1061
1062.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper .sub-menu-left img {
1063  width: 100%;
1064}
1065
1066.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper .sub-menu-right {
1067  flex: 1;
1068  display: flex;
1069  flex-wrap: wrap;
1070}
1071
1072.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper .sub-menu-right > .menu-item,
1073.sub-menus.theme-full-sub-menu .full-sub-menu-wrapper .sub-menu-right > .sub-menus {
1074  width: 25%;
1075  padding: 0;
1076  line-height: 1;
1077  height: 120px;
1078}
1079
1080.sub-menus.theme-full-sub-menu .full-sub-menu-container .sub-menus-title {
1081  display: flex;
1082  padding: 0;
1083}
1084
1085.sub-menus.theme-full-sub-menu .sub-menus-title .cover {
1086  width: 90px;
1087  height: 90px;
1088  object-fit: contain;
1089  margin-right: 15px;
1090}
1091
1092.sub-menus.theme-full-sub-menu  .full-sub-menu-container .sub-menus-title .text > .fa-chevron-right {
1093  margin-left: 10px;
1094}
1095
1096
1097
1098
1099.sub-menus.theme-arrow-down .menu-item,
1100.sub-menus.theme-arrow-down .sub-menus-title {
1101  line-height: 35px;
1102}
1103
1104.sub-menus.theme-arrow-down .menus {
1105  flex-direction: column;
1106  padding: 40px 25px 20px 25px;
1107  background-color: var(--primary-menu-bgcolor);
1108  box-shadow: none;
1109}
1110
1111.sub-menus.theme-arrow-down .menus::before {
1112  content: '';
1113  display: inline-block;
1114  position: absolute;
1115  border: 20px solid var(--primary-menu-color);
1116  border-color: var(--primary-menu-color) transparent transparent transparent;
1117  left: calc(50% - 20px);
1118  top: 0;
1119}
1120
1121
1122
1123.sub-menus.theme-mini-category-menu[data-level="1"] .menus {
1124  flex-wrap: wrap;
1125  left: 12%;
1126  width: 76%;
1127  padding: 20px 30px;
1128  border-color: dimgrey;
1129}
1130
1131.sub-menus.theme-mini-category-menu .menus .menu-item, 
1132.sub-menus.theme-mini-category-menu .menus .sub-menus-title {
1133  width: 270px;
1134}
1135
1136.sub-menus.theme-mini-category-menu .menus .menu-item a {
1137  display: inline;
1138  padding-bottom: 2px;
1139}
1140
1141.sub-menus.theme-mini-category-menu .menus .menu-item:hover a, 
1142.sub-menus.theme-mini-category-menu .menus .sub-menus-title:hover a {
1143  color: inherit;
1144  font-weight: bold;
1145  border-bottom: 1px solid var(--secondary-menu-color);
1146} 
1147
1148.sub-menus.theme-mini-category-menu:hover .menus .menu-item, 
1149.sub-menus.theme-mini-category-menu:hover .menus .sub-menus-title {
1150  background-color: transparent;
1151  color: inherit;
1152}
1153
1154.sub-menus.theme-mini-category-menu[data-level^="2"] .sub-menus-content {
1155  display: block !important;
1156  position: relative;
1157  box-shadow: none;
1158  border: none;
1159  padding: 0;
1160  left: 0;
1161}
1162
1163.sub-menus.theme-mini-category-menu[data-level^="2"] .sub-menus-title > a i.fa {
1164  display: none;
1165}
1166
1167
1168
1169
1170
1171.sub-menus.theme-vertical .menus {
1172  flex-direction: column;
1173  align-items: flex-start;
1174  max-height: 50%;
1175  flex-wrap: nowrap;
1176}
1177
1178.sub-menus.theme-vertical .menus .menu-item, 
1179.sub-menus.theme-vertical .menus .sub-menus,
1180.sub-menus.theme-vertical .menus .sub-menus-title {
1181  width: 100%;
1182  text-align: left;
1183  min-width: 100px;
1184}
1185
1186.sub-menus.theme-vertical .sub-menus-title > a {
1187  display: block;
1188}
1189
1190
1191
1192
1193
1194.sub-menus.theme-full-sub-menu-right-cover .menus {
1195  left: 0;
1196  width: 100%;
1197  background-color: var(--primary-menu-bgcolor);
1198}
1199
1200
1201
1202
1203.sub-menus.theme-mega-menu-full-width .menus:not(.sub-menus-content) {
1204  position: absolute;
1205  left: 0;
1206  top: 100%;
1207  right: 0;
1208  border-top: solid var(--primary-menu-color);
1209}
1210
1211.sub-menus.theme-mega-menu-full-width .menus.sub-menus-content {
1212  display: flex !important;
1213  position: static;
1214  flex-direction: column;
1215  box-shadow: none;
1216  border: none;
1217  padding: 0;
1218}
1219
1220.sub-menus.theme-mega-menu-full-width .menu-item,
1221.sub-menus.theme-mega-menu-full-width .sub-menus {
1222  flex: 1 1 16.6666%;
1223  margin-left: 15px;
1224  margin-right: 15px;
1225  padding: 0;
1226}
1227
1228.sub-menus.theme-mega-menu-full-width .menu-item > a.text {
1229  border-bottom: 1px solid #EDEDED;
1230  margin-bottom: 5px;
1231}
1232
1233.sub-menus.theme-mega-menu-full-width .sub-menus > .sub-menus-title {
1234  border-bottom: 1px solid #EDEDED;
1235  padding: 0;
1236  margin: 0;
1237  margin-bottom: 5px;
1238  transition: all .3s ease-in-out;
1239}
1240
1241.sub-menus.theme-mega-menu-full-width .sub-menus > .sub-menus-title:hover {
1242  transform: translateX(5px);
1243}
1244
1245.sub-menus.theme-mega-menu-full-width .menus.sub-menus-content .menu-item, 
1246.sub-menus.theme-mega-menu-full-width .menus.sub-menus-content .sub-menus {
1247  margin: 0;
1248}
1249
1250.sub-menus.theme-mega-menu-full-width[data-level^="2"] .sub-menus-title .fa-caret-down {
1251  display: none;
1252}
1253
1254
1255
1256
1257
1258.sub-menus.theme-tile .menus {
1259  scrollbar-width: auto;
1260}
1261
1262.sub-menus.theme-tile .menus:not(.sub-menus-content) {
1263  flex-wrap: wrap;
1264  width: 1200px;
1265  left: 50%;
1266  margin-left: -600px;
1267  overflow-x: auto;
1268}
1269
1270.sub-menus.theme-tile[data-level="2"] {
1271  width: 25%;
1272  position: relative;
1273}
1274
1275.sub-menus.theme-tile[data-level="2"] .sub-menus-title > a {
1276  font-weight: bold;
1277  display: flex;
1278  align-items: center;
1279  justify-content: space-between;
1280}
1281
1282.sub-menus.theme-tile[data-level="2"] .menus {
1283  width: auto;
1284  overflow-y: auto;
1285  max-height: 200px;
1286}
1287
1288.sub-menus.theme-tile[data-level="2"]:hover > .sub-menus-title {
1289  color: #fff;
1290  background-color: var(--primary-menu-color);
1291}
1292
1293
1294.sub-menus.theme-tile[data-level="3"]:hover > .sub-menus-title {
1295  color: #fff;
1296  background-color: var(--secondary-menu-color);
1297}</style>
1298<style>.menu-item {
1299  display: flex;
1300  align-items: center;
1301}
1302
1303.menu-item a {
1304  flex: 1;
1305  display: block;
1306  font-family: inherit;
1307  color: inherit;
1308  font-size: inherit;
1309  transition: all .3s ease-in;
1310}
1311
1312.menu-item  .menu-tag {
1313  font-family: inherit;
1314  font-size: var(--content-font-size);
1315  justify-self: flex-end;
1316  margin-left: 20px;
1317}
1318
1319.menu-item.theme-descente a:hover {
1320  color: var(--color-primary);
1321  text-decoration: underline;
1322}
1323
1324.menu-item.theme-full-sub-menu {
1325  display: flex;
1326}
1327
1328.menu-item.theme-full-sub-menu:not([data-level="1"]) .text {
1329  line-height: 35px;
1330}
1331
1332.menu-item.theme-full-sub-menu .cover {
1333  width: 90px;
1334  height: 90px;
1335  object-fit: contain;
1336  margin-right: 15px;
1337}
1338
1339.menu-item.theme-full-sub-menu .fa-chevron-right {
1340  margin-left: 10px;
1341  vertical-align: baseline;
1342}
1343
1344
1345.menu-item.theme-full-sub-menu-right-cover {
1346  opacity: 0.8;
1347}
1348
1349.menu-item.theme-full-sub-menu-right-cover:hover {
1350  opacity: 1;
1351}
1352.menu-item.theme-mega-menu-full-width {
1353  transition: all .3s ease-in-out;
1354}
1355
1356.menu-item.theme-mega-menu-full-width:hover {
1357  padding-left: 5px;
1358}
1359
1360
1361.menu-item.theme-tile[data-level="2"]:hover {
1362  background-color: var(--secondary-menu-bgcolor);
1363}
1364
1365.menu-item.theme-tile[data-level="3"]:hover {
1366  background-color: var(--secondary-menu-bgcolor);
1367}
1368
1369.sub-menus.theme-tile .menus:not(.sub-menus-content) .menu-item.theme-tile, 
1370.sub-menus.theme-tile .menus:not(.sub-menus-content) .sub-menus-title.theme-tile {
1371  width: 25%;
1372}
1373
1374.sub-menus.theme-tile .menus:not(.sub-menus-content) .menu-item.theme-tile[data-level="3"], 
1375.sub-menus.theme-tile .menus:not(.sub-menus-content) .sub-menus-title.theme-tile[data-level="3"] {
1376  width: 100%;
1377}</style>
1378<style>
1379			.rescale-content  {
1380				position: absolute;
1381				top: 50%;
1382				left: 50%;
1383				right: unset;
1384				bottom: unset;
1385				transform: translate(-50%, -50%);
1386				word-break: break-word;
1387			}
1388			@media (max-width: 820px) {
1389				.rescale-content {
1390					display: flex;
1391					flex-direction: column;
1392					justify-content: center;
1393					top: 0;
1394					left: 0;
1395					right: 0;
1396					bottom: 0;
1397					margin: auto;
1398					transform: none;
1399				}
1400				.rescale-content h1 {
1401					font-size: 24px;
1402					line-height: 1.2;
1403				}
1404				.rescale-content p {
1405					font-size: 16px;
1406					line-height: 1.2;
1407				}
1408			}
1409		</style>
1410<style>.footer-bottom { font-size: 8px; background: none; border: none; } .footer-bottom li { line-height: 1; } .footer-bottom li a { font-size: inherit; display: block; }</style>
1411<style>
1412			#app-tab-bar {
1413				display: none;
1414				position:fixed;
1415				bottom:0;
1416				left:0;
1417				width:100%;
1418				z-index:999;
1419				height:56px;
1420				height: calc(56px + constant(safe-area-inset-bottom))!important;
1421				height: calc(56px + env(safe-area-inset-bottom))!important;
1422				padding-bottom: constant(safe-area-inset-bottom)!important;
1423				padding-bottom: env(safe-area-inset-bottom)!important;
1424			}
1425			#app-tab-bar.is-mobile {
1426				display:flex;
1427			}
1428			#app-tab-bar .tab-button,
1429			#app-tab-bar .sub-tab-button {
1430				flex:1 1 auto;
1431				text-align:center;
1432			}
1433			#app-tab-bar .tab-button > a > i,
1434			#app-tab-bar .sub-tab-button > a > i {
1435				font-size:24px;
1436				display:block;
1437				position:relative;
1438			}
1439			#app-tab-bar .tab-button > a {
1440				height: 100%;
1441				display: flex;
1442				flex-direction: column;
1443				align-items: center;
1444				justify-content: center;
1445				position: relative;
1446			}
1447
1448			#app-tab-bar .tab-button > a .cart-num {
1449				position: absolute;
1450				top: 0;
1451				right: -6px;
1452				font-size: 12px;
1453				font-weight: bold;
1454				font-style: normal;
1455				line-height: 1;
1456				color: #fff;
1457				background-color: #bd322d;
1458				padding: 2px 4px;
1459				border-radius: 50%;
1460				display: none;
1461			}
1462
1463			#app-tab-bar .tab-button .has-badge {
1464				position: absolute;
1465				background: red;
1466				border-radius: 18px;
1467				width: unset;
1468    			height: 18px;
1469				right: 50%;
1470				transform: translateX(100%);
1471				top: 0;
1472				left: unset;
1473				color: white;
1474				line-height: 18px;
1475				padding: 0 8px;
1476			}
1477			#app-tab-bar .tab-button > a > i.hover-icon,
1478			#app-tab-bar .sub-tab-button > a > i.hover-icon {
1479				display:none !important;
1480			}
1481			#app-tab-bar .tab-button:hover > a > i:not(.hover-icon),
1482			#app-tab-bar .tab-button.active > a > i:not(.hover-icon),
1483			#app-tab-bar .sub-tab-button:hover > a > i:not(.hover-icon),
1484			#app-tab-bar .sub-tab-button.active > a > i:not(.hover-icon) {
1485				display:none !important;
1486			}
1487			#app-tab-bar .tab-button:hover > a > i.hover-icon,
1488			#app-tab-bar .tab-button.active > a > i.hover-icon,
1489			#app-tab-bar .sub-tab-button:hover > a > i.hover-icon,
1490			#app-tab-bar .sub-tab-button.active > a > i.hover-icon {
1491				display:block !important;
1492			}
1493			#app-tab-bar .tab-button img,
1494			#app-tab-bar .sub-tab-button img {
1495				height:20px;
1496				margin-bottom: 4px;
1497			}
1498			#app-tab-bar .tab-button span,
1499			#app-tab-bar .sub-tab-button span {
1500				font-size:12px;
1501				display:block;
1502				line-height: 1;
1503				margin-top: 2px;
1504			}
1505			#app-tab-bar .tab-button > .tab-submenu {
1506				position: absolute;
1507				bottom: 0;
1508				background: #fff;
1509				height: 800px;
1510				width: 800px;
1511				left: calc(50vw - 400px);
1512				border-radius: 50%;
1513				display:none;
1514				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
1515				bottom:-600px;
1516				z-index:1000;
1517			}
1518			#app-tab-bar .tab-button.active i {
1519				
1520			}
1521			#app-tab-bar .tab-button.active > .tab-submenu {
1522				display:block;
1523			}
1524			#app-tab-bar .tab-button > .tab-submenu > .wrapper {
1525				width:100vw;
1526				display:flex;
1527				justify-content:center;
1528				margin:20px auto 0;
1529			}
1530			#app-tab-bar .tab-button > .tab-submenu > .wrapper > .sub-tab-button > a > i {
1531				display:block;
1532				margin:0 auto;
1533				box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);
1534				width:60px;
1535				height:60px;
1536				border-radius:50%;
1537				text-align:center;
1538			}
1539			#app-tab-bar .tab-button > .tab-submenu > .wrapper > .sub-tab-button > a > i >
1539 img {
1540				width:30px !important;
1541				height:30px !important;
1542				margin:15px auto;
1543			}
1544			#app-tab-bar .tab-button > .tab-submenu[data-size="4"] > .wrapper > .sub-tab-button:nth-child(1),
1545			#app-tab-bar .tab-button > .tab-submenu[data-size="4"] > .wrapper > .sub-tab-button:nth-child(4) {
1546				margin-top:40px;
1547			}
1548			// @media only screen and (max-width: 768px) {
1549			// 	#app-tab-bar {
1550			// 		display:flex;
1551			// 	}
1552			// }
1553			#btn-float-back {
1554				position:fixed;
1555				top:20px;
1556				left:20px;
1557				width:36px;
1558				height:36px;
1559				text-align:center;
1560				line-height:36px;
1561				box-shadow:2px 2px 20px rgba(0, 0, 0, 0.08);
1562				border-radius:14px;
1563				cursor:pointer;
1564			}
1565			// @media only screen and (max-width: 768px) {
1566			// 	#btn-float-back {
1567			// 		opacity:1;
1568			// 	}
1569			// }
1570		
1571					#app-tab-bar {
1572						background-color:#fff;
1573						border-top:1px solid #ccc;
1574					}
1575				</style>
1576<style>#check-free-shipping-modal .modal-dialog {
1577  border-radius: 8px;
1578}
1579
1580#check-free-shipping-modal .modal-header {
1581  display: flex;
1582  justify-content: space-between;
1583  align-items: center;
1584  font-size: 16px;
1585  background-color: var(--color-primary);
1586  margin-bottom: 0;
1587  padding: 16px;
1588}
1589
1590#check-free-shipping-modal #close-btn {
1591  font-size: 18px;
1592  cursor: pointer;
1593}
1594
1595#check-free-shipping-modal .modal-footer {
1596  background-color: #fff;
1597}
1598
1599#check-free-shipping-modal .modal-btn {
1600  font-size: 14px;
1601  color: var(--color-primary);
1602  padding: 12px 16px;
1603  border: 1px solid rgba(0, 0, 0, 0.05);
1604  border-radius: 4px;
1605  background: rgba(0, 0, 0, 0.05);
1606  margin-left: 16px;
1607}
1608
1609#check-free-shipping-modal .modal-btn.primary {
1610  padding: 12px 24px;
1611  color: #fff;
1612  background-color: var(--color-primary);
1613  border-color: var(--color-primary);
1614}
1615
1616#check-free-shipping-modal .modal-body {
1617  padding: 20px;
1618}
1619
1620#check-free-shipping-modal .banner {
1621  width: 100%;
1622  max-height: 210px;
1623  margin: 0;
1624}
1625
1626#check-free-shipping-modal .content {
1627  color: #555;
1628  margin-top: 30px;
1629}
1630
1631#check-free-shipping-modal .content .title {
1632  font-size: 20px;
1633  line-height: 1.2;
1634  margin-bottom: 5px;
1635  padding-bottom: 0;
1636}
1637
1638#check-free-shipping-modal .content .sub-title {
1639  font-size: 12px;
1640  margin-bottom: 0;
1641}
1642
1643#check-free-shipping-modal .content .progress-item:not(:last-of-type) {
1644  border-bottom: 1px solid #ddd;
1645  margin-bottom: 20px;
1646}
1647
1648#check-free-shipping-modal .content .progress {
1649  height: 6px;
1650  margin-top: 10px;
1651  margin-bottom: 0;
1652}
1653
1654
1655#check-free-shipping-modal .content .progress-bar {
1656  background-color: var(--color-primary);
1657}
1658
1659#check-free-shipping-modal .content .desc {
1660  font-size: 14px;
1661  margin-top: 10px;
1662}
1663
1664#check-free-shipping-modal .content .desc b {
1665  color: #F00;
1666}
1667
1668#check-free-shipping-modal .content .excluded-items-content > span {
1669  display: block;
1670  color: #888;
1671  margin-bottom: 5px;
1672}
1673
1674#check-free-shipping-modal .content .excluded-items-content .excluded-items {
1675  display: flex;
1676  align-items: center;
1677  gap: 10px;
1678  flex-wrap: wrap;
1679}
1680
1681#check-free-shipping-modal .content .excluded-items-content b {
1682  display: block;
1683  color: #F00;
1684}</style>
1685<style>#product-item-remark-modal .modal-dialog {
1686  border-radius: 8px;
1687}
1688
1689#product-item-remark-modal .modal-header {
1690  display: flex;
1691  justify-content: space-between;
1692  align-items: center;
1693  font-size: 16px;
1694  background-color: var(--color-primary);
1695  margin-bottom: 0;
1696  padding: 16px;
1697}
1698
1699#product-item-remark-modal #close-btn {
1700  font-size: 18px;
1701  cursor: pointer;
1702}
1703
1704#product-item-remark-modal .modal-footer {
1705  background-color: #fff;
1706}
1707
1708#product-item-remark-modal .modal-btn {
1709  font-size: 14px;
1710  color: var(--color-primary);
1711  padding: 8px 16px;
1712  border: 1px solid rgba(0, 0, 0, 0.05);
1713  border-radius: 4px;
1714  background: rgba(0, 0, 0, 0.05);
1715  margin-left: 16px;
1716}
1717
1718#product-item-remark-modal .modal-btn.primary {
1719  color: #fff;
1720  background-color: var(--color-primary);
1721  border-color: var(--color-primary);
1722}
1723
1724#product-item-remark-modal .modal-btn:disabled {
1725  opacity: .3;
1726  cursor: not-allowed;
1727}
1728
1729#product-item-remark-modal .modal-body {
1730  padding: 20px;
1731}
1732
1733#product-item-remark-modal .modal-body .content {
1734  width: 100%;
1735  height: 200px;
1736  padding: 10px;
1737  outline: none;
1738  resize: none;
1739  border: 1px solid #ddd;
1740}</style>
1741<style>
1742.common-side-cart-container {
1743  --cart-wrapper-width: 30%;
1744  --cart-title-color: #fff;
1745  --cart-title-bg-color: var(--color-primary);
1746  --cart-title-size: 50px;
1747  --cart-title-font-size: 16px;
1748  --cart-content-font-size: 14px;
1749  --cart-content-bg-color: #dfe0df;
1750  --cart-product-item-bg-color: #eceaea;
1751  --cart-border-color: #ccc;
1752  --cart-summary-font-size: 12px;
1753  --cart-summary-color: #777;
1754  --cart-summary-bg-color: #eeeded;
1755  --cart-promotion-tag-bg-color: #fff;
1756  --cart-promotion-tag-color: #777;
1757  --cart-promotion-active-color: var(--promotion-font-color)
1758}
1759
1760
1761
1762.adjust-control-wrapper {
1763  max-width: 120px;
1764  height: 30px;
1765  margin-top: 10px;
1766}
1767
1768.adjust-control-wrapper .loading-icon {
1769  font-size: 12px;
1770  color: var(--color-primary);
1771}
1772
1773.adjust-control-wrapper .item-qty {
1774  display: flex;
1775  align-items: center;
1776  width: 100%;
1777  height: 100%;
1778}
1779
1780.adjust-control-wrapper .item-qty.disabled {
1781  opacity: 0.3;
1782  pointer-events: none;
1783}
1784
1785.adjust-control-wrapper .item-qty input {
1786  flex: 1;
1787  text-align: center;
1788  margin-bottom: 0;
1789  border: 1px solid var(--color-primary);
1790  outline: none;
1791  height: 100%;
1792  max-width: 60px;
1793  overflow: hidden !important;
1794}
1795
1796.adjust-control-wrapper .item-qty .adjust-btn {
1797  display: inline-flex;
1798  justify-content: center;
1799  align-items: center;
1800  color: #fff;
1801  aspect-ratio: 1 / 1;
1802  height: 100%;
1803  background-color: var(--color-primary);
1804  cursor: pointer;
1805  position: relative;
1806  outline: none;
1807  border: none;
1808}
1809
1810.adjust-control-wrapper .item-qty .adjust-btn.disabled {
1811  cursor: not-allowed;
1812  opacity: 0.3;
1813}
1814
1815.adjust-control-wrapper .item-qty .adjust-btn.adjust-minus-btn {
1816  border-top-left-radius: 4px;
1817  border-bottom-left-radius: 4px;
1818}
1819
1820.adjust-control-wrapper .item-qty .adjust-btn.adjust-minus-btn::before {
1821  content: '-';
1822}
1823
1824.adjust-control-wrapper .item-qty .adjust-btn.adjust-plus-btn {
1825  border-top-right-radius: 4px;
1826  border-bottom-right-radius: 4px;
1827}
1828
1829.adjust-control-wrapper .item-qty .adjust-btn.adjust-plus-btn::before {
1830  content: '+';
1831}
1832
1833.cart-wrapper .checkbox-wrapper {
1834  --checkbox-border-color: var(--cart-border-color);
1835}
1836
1837
1838.common-side-cart-container .cart-mask-layer {
1839  display: block;
1840  position: fixed;
1841  top: 0;
1842  right: 0;
1843  bottom: 0;
1844  left: 0;
1845  background-color: rgba(0, 0, 0, 0.5);
1846  z-index: 1030;
1847  transition: opacity 0.1s linear;
1848}
1849
1850
1851
1852.common-side-cart-container .cart-wrapper {
1853  width: var(--cart-wrapper-width);
1854  max-width: 100%;
1855  position: fixed;
1856  height: 100vh;
1857  max-height: -webkit-fill-available;
1858  top: 0;
1859  right: 0;
1860  bottom: 0;
1861  left: auto;
1862  background-color: #fff;
1863  z-index: 1030;
1864  pointer-events: auto;
1865  transform: translateX(100%);
1866  display: flex;
1867  flex-direction: column;
1868  transition: all 0.2s ease-in-out;
1869}
1870
1871.common-side-cart-container .cart-wrapper.in {
1872  transform: translateX(0);
1873}
1874
1875.common-side-cart-container .cart-wrapper .cart-title {
1876  font-size: var(--cart-title-font-size);
1877  display: flex;
1878  justify-content: center;
1879  align-items: center;
1880  color: var(--cart-title-color);
1881  background-color: var(--cart-title-bg-color);
1882  min-height: var(--cart-title-size);
1883  padding: 0 15px;
1884  position: relative;
1885}
1886
1887.common-side-cart-container .cart-wrapper .cart-title .close-btn {
1888  font-size: 1.85em;
1889  color: inherit;
1890  background-color: transparent;
1891  border: none;
1892  padding: 0;
1893  position: absolute;
1894  left: 15px;
1895}
1896
1897.common-side-cart-container .cart-wrapper .cart-title .clear-btn {
1898  font-size: 0.95em;
1899  color: inherit;
1900  background-color: transparent;
1901  border: none;
1902  padding: 0;
1903  position: absolute;
1904  right: 15px;
1905  display: flex;
1906  gap: 5px;
1907  align-items: center;
1908}
1909
1910.common-side-cart-container .cart-wrapper .cart-title .title {
1911  line-height: 1;
1912  margin-bottom: 0;
1913}
1914
1915.common-side-cart-container .cart-wrapper .cart-select-all {
1916  padding: 10px 15px;
1917  background-color: var(--cart-product-item-bg-color);
1918  border-bottom: 1px solid var(--cart-border-color);
1919}
1920
1921.common-side-cart-container .cart-wrapper .cart-items {
1922  flex: 1;
1923  overflow-y: auto;
1924  overflow-x: hidden;
1925  position: relative;
1926  background-color: var(--cart-content-bg-color);
1927}
1928
1929.cart-wrapper .cart-items .loading-item {
1930  position: absolute;
1931  display: flex;
1932  justify-content: center;
1933  align-items: center;
1934  left: 0;
1935  top: 0;
1936  width: 100%;
1937  height: 100%;
1938  background-color: rgba(0, 0, 0, 0.5);
1939}
1940
1941.cart-wrapper .cart-items .loading-item .loading-icon {
1942  color: #fff;
1943}
1944
1945.cart-wrapper .cart-items .product-item {
1946  font-size: var(--cart-content-font-size);
1947  display: flex;
1948  align-items: center;
1949  gap: 10px;
1950  padding: 10px 15px;
1951  background-color: var(--cart-product-item-bg-color);
1952  border-bottom: 1px solid var(--cart-border-color);
1953}
1954
1955.cart-wrapper .cart-items .product-item .checkbox-wrapper,
1956.cart-wrapper .cart-items .product-item .gift-icon {
1957  text-align: center;
1958  min-width: 28px;
1959}
1960
1961.cart-wrapper .cart-items .product-item .gift-icon {
1962  color: #f00;
1963}
1964
1965.cart-wrapper .cart-items .product-item .product-wrapper {
1966  flex: 1;
1967}
1968
1969.cart-wrapper .cart-items .product-item .product-content {
1970  display: flex;
1971  align-items: center;
1972  gap: 10px;
1973}
1974
1975.cart-wrapper .cart-items .product-item .product-cover {
1976  width: 70px;
1977  height: 70px;
1978  overflow: hidden;
1979  border-radius: 4px;
1980}
1981
1982.cart-wrapper .cart-items .product-item .product-cover img {
1983  width: 100%;
1984  height: 100%;
1985  object-fit: cover;
1986}
1987
1988.cart-wrapper .cart-items .product-item .product-info {
1989  flex: 1;
1990  overflow: hidden;
1991  align-self: flex-start;
1992}
1993
1994.cart-items .product-item .product-info .name {
1995  font-size: 0.85em;
1996  margin-bottom: 5px;
1997  display: block;
1998}
1999
2000.cart-items .product-item .product-info .sku-desc {
2001  font-size: 0.75em;
2002  color: #888;
2003  line-height: 1;
2004  margin-bottom: 5px;
2005}
2006
2007.cart-items .product-item .product-info .price {
2008  font-size: 1em;
2009  color: #f00;
2010}
2011
2012.cart-items .product-item .product-info .qty-wrapper {
2013  display: flex;
2014  align-items: center;
2015  gap: 8px;
2016  margin-top: 10px;
2017}
2018
2019.cart-items .product-item .product-info .qty-wrapper .adjust-control-wrapper {
2020  margin-top: 0;
2021}
2022
2023.cart-items .product-item .product-info .qty-wrapper .weight {
2024  font-size: 12px;
2025  color: #888;
2026}
2027
2028.cart-items .product-item .product-info .text-qty {
2029  margin-top: 10px;
2030}
2031
2032.cart-wrapper .cart-items .product-item .product-operate {
2033  display: flex;
2034  gap: 10px;
2035  align-items: center;
2036}
2037
2038.cart-wrapper .cart-items .product-item .product-operate .clear-btn,
2039.cart-wrapper .cart-items .product-item .product-operate .edit-btn {
2040  font-size: 1.2em;
2041  color: #f00;
2042  font-weight: bold;
2043  background-color: transparent;
2044  padding: 0;
2045  border: none;
2046}
2047
2048.cart-wrapper .cart-items .product-item .product-operate .edit-btn {
2049  color: #333;
2050}
2051
2052.cart-wrapper .cart-items .product-item .product-operate .edit-btn:disabled {
2053  opacity: 0.3;
2054}
2055
2056.cart-items .product-item .product-remark {
2057  display: flex;
2058  flex-direction: column;
2059  gap: 10px;
2060  margin-top: 15px;
2061  line-height: 1;
2062}
2063
2064.cart-items .product-item .product-remark .name {
2065  font-size: 0.9em;
2066  font-weight: bold;
2067  color: #000;
2068  margin-bottom: 0;
2069}
2070
2071.cart-items .product-item .product-remark .value {
2072  font-size: 12px;
2073  color: #888;
2074  margin-bottom: 0;
2075}
2076
2077.cart-wrapper .cart-items .product-promotion-item-container {
2078  display: flex;
2079  flex-direction: column;
2080  gap: 10px;
2081  margin-top: 15px;
2082}
2083
2084.product-promotion-item-container .product-promotion-item .title {
2085  font-size: 0.9em;
2086  font-weight: bold;
2087  color: #000;
2088  margin-bottom: 5px;
2089}
2090
2091.product-promotion-item-container .product-promotion-item .item-promotion-list {
2092  display: flex;
2093  flex-wrap: wrap;
2094  gap: 5px;
2095}
2096
2097.product-promotion-item-container .product-promotion-item .promotion-tag {
2098  padding: 6px;
2099  line-height: 1;
2100  border-radius: 4px;
2101  border: 1px solid var(--cart-border-color);
2102  background: var(--cart-promotion-tag-bg-color);
2103  color: var(--cart-promotion-tag-color);
2104  font-size: 0.85em;
2105  font-weight: 400;
2106}
2107
2108.product-promotion-item-container
2109  .product-promotion-item
2110  .promotion-tag.active {
2111  color: var(--cart-promotion-active-color);
2112  border-color: var(--cart-promotion-active-color);
2113}
2114
2115.cart-wrapper .cart-items .promotion-item {
2116  font-size: var(--cart-content-font-size);
2117  display: flex;
2118  justify-content: space-between;
2119  align-items: center;
2120  border-bottom: 1px solid var(--cart-border-color);
2121  padding: 10px 15px;
2122  background-color: var(--cart-product-item-bg-color);
2123}
2124
2125.cart-wrapper .cart-items .promotion-item .title {
2126  flex: 1 1 auto;
2127  text-align: left;
2128  font-size: 0.85em;
2129  width: 80%;
2130}
2131
2132.cart-wrapper .cart-items .promotion-item .value {
2133  font-size: 0.85em;
2134  font-weight: bold;
2135  color: #f00;
2136}
2137
2138
2139.common-side-cart-container .cart-summary {
2140  border-top: 1px solid var(--cart-border-color);
2141  background-color: var(--cart-summary-bg-color);
2142}
2143
2144.common-side-cart-container .cart-summary .bundle-sales-item {
2145  display: flex;
2146  align-items: center;
2147  cursor: pointer;
2148  background: var(--promotion-color, #eeeded);
2149  padding: 15px;
2150  border-bottom: 1px solid var(--cart-border-color);
2151  gap: 10px;
2152}
2153
2154.discount-list-container {
2155  padding: 10px 15px;
2156  background-color: #fff;
2157}
2158
2159.discount-list-container .discount-list-item {
2160  font-size: 15px;
2161  font-style: normal;
2162  font-weight: 400;
2163  line-height: 1.3;
2164  display: flex;
2165  gap: 10px;
2166  padding: 10px 0;
2167  border-bottom: 1px solid #f1f1f1;
2168}
2169
2170.discount-list-container .discount-list-item:last-child {
2171  border-bottom: none;
2172}
2173.discount-list-container .discount-list-item .text {
2174  flex: 1;
2175}
2176
2177.discount-list-container .discount-list-item .price {
2178  font-size: inherit;
2179  font-weight: bold;
2180  color: inherit;
2181  width: 30%;
2182  max-width: 200px;
2183  text-align: right;
2184}
2185
2186.cart-summary .bundle-sales-item .bundle-tag {
2187  font-size: 0.85em;
2188  padding: 2px 5px;
2189  border-radius: 2px;
2190  color: var(--promotion-font-color);
2191  border: 1px solid var(--promotion-font-color);
2192}
2193
2194.cart-summary .bundle-sales-item .bundle-title {
2195  flex: 1;
2196  font-size: 0.95em;
2197  line-height: 1.3;
2198  color: var(--promotion-font-color);
2199  margin-bottom: 0;
2200}
2201.cart-summary .bundle-sales-item .rotate-icon {
2202  font-size: 1em;
2203}
2204
2205.common-side-cart-container .cart-summary .grand-total {
2206  font-size: var(--cart-summary-font-size);
2207  color: var(--cart-summary-color);
2208  background-color: var(--cart-summary-bg-color);
2209  display: flex;
2210  justify-content: space-between;
2211  align-items: center;
2212  min-height: 55px;
2213  padding: 0 15px;
2214}
2215
2216.cart-summary .grand-total .grand-total-label {
2217  max-width: 20%;
2218  margin-bottom: 0;
2219}
2220
2221.cart-summary .grand-total .discounts {
2222  flex: 1;
2223  overflow: hidden;
2224  margin: 0 10px;
2225}
2226
2227.cart-summary .grand-total .discounts > p {
2228  margin-bottom: 0;
2229}
2230
2231.cart-summary .grand-total .discounts > p.origin-price {
2232  text-decoration: line-through;
2233}
2234
2235.cart-summary .grand-total .grand-total-price {
2236  font-size: 1.5em;
2237  font-weight: bold;
2238  color: #f00;
2239}
2240
2241.common-side-cart-container .cart-summary .checkout {
2242  border-top: 1px solid var(--cart-border-color);
2243  padding: 10px 15px;
2244  color: var(--cart-content-bg-color);
2245}
2246
2247
2248#gift-promotion-modal .modal-header {
2249  position: relative;
2250  padding: 15px 20px;
2251}
2252
2253#gift-promotion-modal .modal-header .modal-title {
2254  font-size: var(--cart-title-font-size);
2255  margin-bottom: 10px;
2256}
2257
2258#gift-promotion-modal .modal-header .desc {
2259  font-size: var(--cart-content-font-size);
2260  margin-bottom: 0;
2261}
2262
2263#gift-promotion-modal .modal-header #close-btn {
2264  position: absolute;
2265  font-size: 20px;
2266  right: 15px;
2267  top: 50%;
2268  transform: translateY(-50%);
2269}
2270
2271#gift-promotion-modal .product-list {
2272  display: flex;
2273  flex-wrap: wrap;
2274  gap: 15px;
2275  overflow-y: auto;
2276  max-height: 640px;
2277}
2278
2279#gift-promotion-modal .product-list .product-item {
2280  flex: 0 0 calc(25% - 15px);
2281}
2282
2283#gift-promotion-modal .product-list .product-item .cover {
2284  width: 100%;
2285  aspect-ratio: 1 / 1;
2286  border-radius: 4px;
2287  overflow: hidden;
2288}
2289
2290#gift-promotion-modal .product-list .product-item .cover img {
2291  width: 100%;
2292  height: 100%;
2293  object-fit: cover;
2294}
2295
2296#gift-promotion-modal .product-list .product-item .name {
2297  font-size: var(--cart-content-font-size);
2298  text-align: center;
2299  margin-top: 10px;
2300  margin-bottom: 0;
2301}
2302
2303#gift-promotion-modal .product-list .product-item .adjust-control-wrapper {
2304  margin: 10px auto 0;
2305}
2306
2307#gift-promotion-modal .modal-footer {
2308  display: flex;
2309  justify-content: flex-end;
2310  align-items: center;
2311  gap: 15px;
2312}
2313
2314#gift-promotion-modal .modal-footer .select-gift-desc {
2315  font-size: 12px;
2316  color: #f00;
2317  margin-bottom: 0;
2318}
2319
2320
2321@media (max-width: 825px) {
2322  .common-side-cart-container {
2323    --cart-wrapper-width: 80%;
2324  }
2325}
2326
2327
2328.cart-delivery-selector {
2329  padding: 15px;
2330}</style>
2331<script>var myPageLoader;
2332				var baseUrl ='';
2333				var backToTopTimeout;
2334				var currency ='EUR';
2335				var hasThousandSeparator = false;
2336				var translate = {
2337					signIn:'登入',
2338					submit:'提交',
2339					signInFirst:'請先登入',
2340					confirmContinue:'您確認要繼續嗎?',
2341					writeReview:'填寫評論',
2342					writeReviewIntro:'評論及分享您的購物體驗。',
2343					showQrCodeToStaff:'請向店員顯示您的QRCODE',
2344					confirmRedeemItemBelow:'請確認以下兌換項目',
2345					confirmRedeem:'確認兌換',
2346					tnc:'條款及細則',
2347					useNow:'立即使用',
2348					point:'積分',
2349					notEnoughMemberPointToRedeem:'積分不足以兌換。',
2350					category:'分類',
2351					product:'商品',
2352					blog:'文章',
2353					brand:'品牌',
2354					noItemAvailable:'沒有適用紀錄。',
2355					recentSearch:'最近搜索',
2356					hotSearch:'熱門搜索',
2357					latestPromotion:'最新優惠',
2358					seconds:'秒',
2359					minutes:'分鐘',
2360					hours:'小時',
2361					days:'日',
2362					weeks:'週',
2363					months:'months',
2364					offerExpired:'優惠已過期!',
2365				};
2366				var layout ='becup';
2367				var filterRequest;
2368				var isAjaxLoad = false;
2369
2370				function topFunction() {
2371					$('html, body').animate({
2372						scrollTop: 0
2373					}, 500);
2374				}
2375				var resizeTime = null;
2376				var resizeTimeout = false;
2377				var resizeDelta = 200;
2378				var resizeWidth;
2379				var inputTime = null;
2380				var inputTimeout = false;
2381				var inputDelta = 1000;
2382				var changeTime = null;
2383				var changeTimeout = false;
2384				var changeDelta = 500;
2385				var minPrice, maxPrice, currencySymbol;
2386				var minServiceTime, maxServiceTime, minuteUnit;
2387				var noMoreData ='到底了!';
2388				var verifyInterval;
2389				var verifyCounter = 0;
2390var accessToken ='NfrVIa9I5udBjrxoXdg-EQ4hBNOhhc_d';
2391			var locale ='ZH_HK';
2392			var appName ='shampoohk';
2393			var globalMember ='[]';
2394window.posifyFormatDate = function(date) {
2395				date = new Date(date);
2396		
2397					var dd = date.getDate() +'';
2398					if (dd.length == 1) {
2399						dd ='0'+ dd;
2400					}
2401					var mm = date.getMonth() + 1;
2402					mm = mm +'';
2403					if (mm.length == 1) {
2404						mm ='0'+ mm;
2405					}
2406					var yyyy = date.getFullYear() +'';
2407					return yyyy +'-'+ mm +'-'+ dd;
2408				
2409			};</script>
2409	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/picture/fav-icon/small/w_3_apple-touch-icon-144-precomposed"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/picture/fav-icon/small/w_3_apple-touch-icon-114-precomposed"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/picture/fav-icon/small/w_3_apple-touch-icon-72-precomposed"><link rel="apple-touch-icon-precomposed" href="/picture/fav-icon/small/w_3_apple-touch-icon-57-precomposed"><link rel="apple-touch-icon" sizes="57x57" href="/picture/fav-icon/small/w_3_favicon57"><link rel="apple-touch-icon" sizes="72x72" href="/picture/fav-icon/small/w_3_favicon72"><link rel="icon" href="/picture/fav-icon/small/w_3_favicon" type="image/x-icon"><link rel="preconnect" href="https://social-plugins.line.me"><link rel="preconnect" href="https://use.fontawesome.com"><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="preconnect" href="https://www.facebook.com"/><link rel="preconnect" href="https://connect.facebook.net"/><link rel="preload" as="font" href="https://cdn21.posify.me/9.3.01.2403.0625.18/fonts/glyphicons-halflings-regular.woff2" type="font/woff2" crossorigin="anonymous">				            
2409<script type="application/ld+json">
2410            {
2411    "@context": "https://schema.org",
2412    "@type": "Article",
2413    "headline": "",
2414    "description": "",
2415    "image": "https://www.shampoo.hk/cdn/shop-logo/medium/w_3.png",
2416    "author": {
2417        "@type": "Person",
2418        "name": "Shampoo hk",
2419        "url": "https://www.shampoo.hk/about-us"
2420    },
2421    "publisher": {
2422        "@type": "Organization",
2423        "name": "Shampoo hk",
2424        "url": "https://www.shampoo.hk/about-us",
2425        "logo": {
2426            "@type": "ImageObject",
2427            "url": "https://www.shampoo.hk/cdn/shop-logo/medium/w_3.png"
2428        }
2429    },
2430    "datePublished": "2025-06-20T22:34:07+08:00",
2431    "dateModified": "2025-06-25T19:35:55+08:00",
2432    "mainEntityOfPage": {
2433        "@type": "WebPage",
2434        "@id": "https://www.shampoo.hk/freesfloker"
2435    }
2436}        </script>
2436
2437    	</head>
2438<body>
vendor: 62 bytes, lines 2438-2440
2438
2439
2440			<script src="https://www.googletagmanager.com/gtag/js?id=
2440AW-1011940329
vendor: 14 bytes, lines 2440-2441
2440"></script>
2441		
2441<i onclick="topFunction()" id="toTopBtn" class="fa fa-arrow-circle-up"></i>
2442<script>window.dataLayer = window.dataLayer || [];
2443			function gtag(){dataLayer.push(arguments);}
2444			gtag('js', new Date());
2445
2446			gtag('config','1011940329');
2447if (typeof GoogleAdsTrackEvents !='function') {
2448				window.GoogleAdsTrackEvents = function(type) {
2449					switch (type) {
2450		
2451						case'ALL':
2452							gtag('event','conversion', { send_to:'AW-1011940329/OiBECMaq144bEOn3w-ID'});
2453						break;
2454			
2455						case'AFTER_CHECKOUT':
2456							gtag('event','conversion', { send_to:'AW-1011940329/Qy3QCPTU1Y4bEOn3w-ID'});
2457						break;
2458			
2459						case'BEFORE_CHECKOUT':
2460							gtag('event','conversion', { send_to:'AW-1011940329/LrksCOXC_o4bEOn3w-ID'});
2461						break;
2462			
2463					}
2464				};
2465			}</script>
2465		<div class="becup-pc-header">
2466  <header class="common-header becup-header ">
2467  
2468				<div id="slideshow-announcement-container" class="announcement-bar common-announcement-bar-wrapper slider-pro" style="background-color:#f9c3f5">
2469					<div class="sp-slides">
2470						<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
2471<html><body><div class="sp-slide" style="text-align: center;"><a data-page-type="posifypage" href="/page/page/385/%E8%B2%B7%E6%BB%BF%24600%E5%85%8D%E9%81%8B%E8%B2%BB%E6%A2%9D%E6%AC%BE%E8%88%87%E7%B4%B0%E5%89%87" rel="notSet"><span style="color:#ffffff;">買滿600元免費送貨上門(不是順豐,需時2至5個工作天,點我觀看條款與細則)</span></a></div>
2472<div class="sp-slide" style="text-align: center;"><a data-page-type="posifypage" href="/pages/freesfloker" rel="notSet"><span style="color:#ffffff;">買滿300元順豐智能櫃或順豐站取件免運費!(點我觀看條款與細則)</span></a></div>
2473<div class="sp-slide" style="text-align: center;"><a data-page-type="posifypage" href="/pages/pages/shopping-credits-program-1" rel="notSet"><span style="color:#ffffff;">會員購物每 HKD$800 可獲得 HKD$40 購物金(點我觀看條款與細則)</span></a></div>
2474</body></html>
2475
2476						
2477 					</div>
2478				</div><div class="becup-header-layout-with-center">
2479        <div class="layout-top">
2480          <ul class="left-tools">
2481                          <li class="tool-item search-item">
2482                <div class="product-search-container" id="common-product-search-6ab8a4cd3742c" data-token="6ab8a4cd3742c">
2483										<div class="flat search-input-container" id="common-desk-search">
2484				<div class="input-group input-group-sm">
2485					<input type="text" v-model="searchVal" class="form-control" placeholder="輸入您想找的商品..." @focus="handleSearchInputFocus" @input="handleSearchInputChange" @keyup.enter="handleSearchClick"/>
2486										<span class="input-group-btn">
2487						<button class="btn btn-primary btn-search" type="button" @click="handleSearchClick">
2488							<i class="fa fa-search"></i>
2489						</button>
2490					</span>
2491				</div>
2492			</div>
2493						<div id="common-desk-search-ul" class="sub-menu">
2494						<div class="search-group" v-show="searchVal">
2495				<div class="search-loading text-center" v-if="searchLoading"><i class="fa fa-spinner fa-spin"></i></div>
2496				<div class="search-results-empty" v-else-if="searchResults.length == 0">沒有商品				</div>
2497				<div class="search-results" v-else>
2498					<h4>商品</h4>
2499					<ul>
2500						<li v-for="product in searchResults">
2501							<a @click="()=> handleSearchResultItemClick(product)">{{product.name}}</a>
2502						</li>
2503					</ul>
2504				</div>
2505			</div>
2506			<div class="search-group-wrapper" v-show="!searchVal">
2507				<div class="search-group search-history-wrapper">
2508					<p class="search-group-title">搜尋記錄</p>
2509					<div :class="['search-history', {'show-more-his': showMoreHistoryItem}]">
2510						<div :class="['history', {'more-his': index> 5}]" v-for="(item, index) in searchHistoryList" :key="index">
2511							<i class="fa fa-clock-o left-icon"></i>
2512							<span @click="()=> handleSearchHistoryItemClick(item)">{{ item }}</span>
2513							<a class="pull-right search-history-remove" @click="()=> handleSearchHistoryItemRemove(item)">
2514								<i class="fa fa-times"></i>
2515							</a>
2516						</div>
2517						<p class="empty-history" v-if="searchHistoryList.length == 0">暫無紀錄</p>
2518					</div>
2519					<div class="show-more-control" v-if="searchHistoryList.length> 5">
2520						<a id="desk-top-show-more" class="load-more-btn" v-show="!showMoreHistoryItem" @click="()=> toggleMoreHistory(true)"><i class="fa fa-caret-down"></i></a>
2521						<a id="desk-top-hide-more" class="load-more-btn" v-show="showMoreHistoryItem" @click="()=> toggleMoreHistory(false)"><i class="fa fa-caret-up"></i></a>
2522					</div>
2523				</div>
2524				<div class="search-group search-recommend-wrapper">
2525					<p class="search-group-title">熱門推薦</p>
2526					<div :class="['search-recommend', {'show-more-tag': showRecommendMore}]">
2527							<span v-for="(item, index) in recommends" :key="index" :class="[{'more-tag': index> 5}]"
2528								@click="() => handleRecommendClick(item)"
2529							>
2530								{{ item.keyword }}
2531							</span>
2532					</div>
2533					<div class="show-more-control" v-if="recommends.length> 5">
2534						<a id="desk-top-show-more" class="load-more-btn" v-show="!showRecommendMore" @click="()=> toggleMoreRecommend(true)"><i class="fa fa-caret-down"></i></a>
2535						<a id="desk-top-hide-more" class="load-more-btn" v-show="showRecommendMore" @click="()=> toggleMoreRecommend(false)"><i class="fa fa-caret-up"></i></a>
2536					</div>
2537				</div>
2538			</div></div>
2539	</div>              </li>
2540                      </ul>
2541          <a class="header-logo-wrapper" href="/">
2542            <img class="header-logo" src="/cdn/shop-logo/medium/w_3.png" alt="Shampoo hk"/>
2543          </a>
2544          <ul class="right-tools">
2545            <li class="tool-item referral-share-item">
2546              
2547			<a id="common-desk-referral-share" class="text-theme-color referral-share" title="邀請好友">
2548				<i class="fa fa-share-alt"></i>
2549			</a>
2550		            </li>
2551
2552            
2553                          <li class="tool-item language-item">
2554                
2555						<a id="6ab8a4cd38fa1-widget" class="dropdown-toggle lang-button" href="javascript:void(0);">
2556							
2557							繁體中文 <span class="caret"></span>
2558						</a>
2559						<ul class="dropdown-menu lang-menus">
2560					
2561								<li>
2562									<a href="javascript:;" class="btn-lang-switch" data-lang="EN_US">
2563										
2564										English
2565									</a>
2566								</li>
2567							
2568						</ul>
2569					              </li>
2570            
2571            
2572                          <li class="tool-item web-push-item">
2573                
2574			<a href="#" id="common-web-push" class=""><i class="fa fa-bell"></i>
2575			</a>
2576		              </li>
2577            
2578                                      <li class="tool-item upload-receipt-item">
2579                
2580					<a href="/page/upload-receipt" class="upload-receipt" title="上傳單據">
2581						<i class="fa fa-upload"></i>
2582					</a>
2583				              </li>
2584            
2585                          <li class="tool-item member-item">
2586                <div class="common-sign-in-wrapper ">
2587      <a class="link-item " href="https://www.shampoo.hk/account/login">
2588              <span class="icon"> 
2589          <i class="fa fa-user"></i>        </span>
2590                </a>
2591      </div>              </li>
2592            
2593                          <li class="tool-item shopping-cart-item">
2594                <button id="common-desk-cart-6ab8a4cd3aa40" class="common-shipping-cart-trigger">
2595  <span class="icon" @click="handleTriggerClick">
2596          <i class="fa fa-shopping-cart"></i>
2597      </span>
2598    <template v-if="hasCount">
2599    <i class="count">{{count > 99 ? '99+' : count}}</i>
2600  </template>
2601</button>              </li>
2602                      </ul>
2603        </div>
2604        <nav class="menus-container">
2605          <div class="menus theme-tile common-menus-6ab8a4cd3aff4" id="common-menus">
2606  <div class="menu-item theme-tile" data-level="1">
2607    <a href="/page/all-brands" class="text" target="_top" style="color:">
2608    所有品牌      </a>
2609  </div>
2610<div class="menu-item theme-tile" data-level="1">
2611    <a href="/collections/0-all" class="text" target="_top" style="color:">
2612    所有商品      </a>
2613  </div>
2614<div class="menu-item theme-tile" data-level="1">
2615    <a href="/" class="text" target="_top" style="color: #000000">
2616    首頁      </a>
2617  </div>
2618<div class="menu-item theme-tile" data-level="1">
2619    <a href="/collections/380-%E6%96%B0%E5%93%81%E4%B8%8A%E5%B8%82" class="text" target="_top" style="color:">
2620    新品上市      </a>
2621  </div>
2622<div class="menu-item theme-tile" data-level="1">
2623    <a href="/collections/381-%E7%B2%BE%E9%81%B8%E5%95%86%E5%93%81" class="text" target="_top" style="color:">
2624    精選商品      </a>
2625  </div>
2626<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
2627  <div class="sub-menus-title">
2628        <a href="/collections/32-%E5%93%81%E7%89%8C" class="text" style="color: #000000">
2629      品牌                        <i class="fa fa-caret-down"></i>
2630                  </a>
2631  </div>
2632            <div class="menus">
2633                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2634  <div class="sub-menus-title">
2635        <a href="/collections/33-collection" class="text" style="color:">
2636      0                        <i class="fa fa-chevron-right"></i>
2637                  </a>
2638  </div>
2639            <div class="menus sub-menus-content">
2640                  <div class="menu-item theme-tile" data-level="3">
2641    <a href="/collections/61-003-Deuxer" class="text" target="_top" style="color:">
2642    003-Deuxer      </a>
2643  </div>                      </div>
2644      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2645  <div class="sub-menus-title">
2646        <a href="/collections/34-2" class="text" style="color:">
2647      2                        <i class="fa fa-chevron-right"></i>
2648                  </a>
2649  </div>
2650            <div class="menus sub-menus-content">
2651                  <div class="menu-item theme-tile" data-level="3">
2652    <a href="/collections/62-2001" class="text" target="_top" style="color:">
2653    2001      </a>
2654  </div>                      </div>
2655      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2656  <div class="sub-menus-title">
2657        <a href="/collections/35-A" class="text" style="color:">
2658      A                        <i class="fa fa-chevron-right"></i>
2659                  </a>
2660  </div>
2661            <div class="menus sub-menus-content">
2662                  <div class="menu-item theme-tile" data-level="3">
2663    <a href="/collections/aveda" class="text" target="_top" style="color:">
2664    Aveda      </a>
2665  </div>                  <div class="menu-item theme-tile" data-level="3">
2666    <a href="/collections/64-American+Crew" class="text" target="_top" style="color:">
2667    American Crew      </a>
2668  </div>                  <div class="menu-item theme-tile" data-level="3">
2669    <a href="/collections/65-Alfaparf" class="text" target="_top" style="color:">
2670    Alfaparf      </a>
2671  </div>                  <div class="menu-item theme-tile" data-level="3">
2672    <a href="/collections/66-Architex" class="text" target="_top" style="color:">
2673    Architex      </a>
2674  </div>                  <div class="menu-item theme-tile" data-level="3">
2675    <a href="/collections/67-Amorous+%E9%BB%91%E5%BD%A9" class="text" target="_top" style="color:">
2676    Amorous 黑彩      </a>
2677  </div>                  <div class="menu-item theme-tile" data-level="3">
2678    <a href="/collections/68-ATS" class="text" target="_top" style="color:">
2679    ATS      </a>
2680  </div>                  <div class="menu-item theme-tile" data-level="3">
2681    <a href="/collections/69-Arimino-Spice" class="text" target="_top" style="color:">
2682    Arimino-Spice      </a>
2683  </div>                  <div class="menu-item theme-tile" data-level="3">
2684    <a href="/collections/70-Affinage-WhiteIce" class="text" target="_top" style="color:">
2685    Affinage-WhiteIce      </a>
2686  </div>                  <div class="menu-item theme-tile" data-level="3">
2687    <a href="/collections/71-Ailete+Ash" class="text" target="_top" style="color:">
2688    Ailete Ash      </a>
2689  </div>                  <div class="menu-item theme-tile" data-level="3">
2690    <a href="/collections/425-Argan+Oil" class="text" target="_top" style="color:">
2691    Argan Oil      </a>
2692  </div>                      </div>
2693      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2694  <div class="sub-menus-title">
2695        <a href="/collections/36-B" class="text" style="color:">
2696      B                        <i class="fa fa-chevron-right"></i>
2697                  </a>
2698  </div>
2699            <div class="menus sub-menus-content">
2700                  <div class="menu-item theme-tile" data-level="3">
2701    <a href="/collections/72-Bed+Head" class="text" target="_top" style="color:">
2702    Bed Head      </a>
2703  </div>                  <div class="menu-item theme-tile" data-level="3">
2704    <a href="/collections/blumaan" class="text" target="_top" style="color:">
2705    BluMaan      </a>
2706  </div>                  <div class="menu-item theme-tile" data-level="3">
2707    <a href="/collections/74-Brazilian+Blowout" class="text" target="_top" style="color:">
2708    Brazilian Blowout      </a>
2709  </div>                  <div class="menu-item theme-tile" data-level="3">
2710    <a href="/collections/79-Biomed+%2F+Biomed+Hairtherapy" class="text" target="_top" style="color:">
2711    Biomed / Biomed Hairtherapy      </a>
2712  </div>                  <div class="menu-item theme-tile" data-level="3">
2713    <a href="/collections/75-Bonacure" class="text" target="_top" style="color:">
2714    Bonacure      </a>
2715  </div>                  <div class="menu-item theme-tile" data-level="3">
2716    <a href="/collections/84-BaByliss" class="text" target="_top" style="color:">
2717    BaByliss      </a>
2718  </div>                  <div class="menu-item theme-tile" data-level="3">
2719    <a href="/collections/76-Beaver" class="text" target="_top" style="color:">
2720    Beaver      </a>
2721  </div>                  <div class="menu-item theme-tile" data-level="3">
2722    <a href="/collections/77-Batiste" class="text" target="_top" style="color:">
2723    Batiste      </a>
2724  </div>                  <div class="menu-item theme-tile" data-level="3">
2725    <a href="/collections/78-Biofriendly" class="text" target="_top" style="color:">
2726    Biofriendly      </a>
2727  </div>                  <div class="menu-item theme-tile" data-level="3">
2728    <a href="/collections/81-Butterfly" class="text" target="_top" style="color:">
2729    Butterfly      </a>
2730  </div>                  <div class="menu-item theme-tile" data-level="3">
2731    <a href="/collections/82-Barbar" class="text" target="_top" style="color:">
2732    Barbar      </a>
2733  </div>                  <div class="menu-item theme-tile" data-level="3">
2734    <a href="/collections/83-Bealite" class="text" target="_top" style="color:">
2735    Bealite      </a>
2736  </div>                      </div>
2737      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2738  <div class="sub-menus-title">
2739        <a href="/collections/37-C" class="text" style="color:">
2740      C                        <i class="fa fa-chevron-right"></i>
2741                  </a>
2742  </div>
2743            <div class="menus sub-menus-content">
2744                  <div class="menu-item theme-tile" data-level="3">
2745    <a href="/collections/87-Carzy+Color" class="text" target="_top" style="color:">
2746    Carzy Color      </a>
2747  </div>                  <div class="menu-item theme-tile" data-level="3">
2748    <a href="/collections/88-Crown" class="text" target="_top" style="color:">
2749    Crown      </a>
2750  </div>                  <div class="menu-item theme-tile" data-level="3">
2751    <a href="/collections/89-Cool+Grease" class="text" target="_top" style="color:">
2752    Cool Grease      </a>
2753  </div>                  <div class="menu-item theme-tile" data-level="3">
2754    <a href="/collections/419-Caprice+Maker" class="text" target="_top" style="color:">
2755    Caprice Maker      </a>
2756  </div>                  <div class="menu-item theme-tile" data-level="3">
2757    <a href="/collections/86-Coolean" class="text" target="_top" style="color:">
2758    Coolean      </a>
2759  </div>                  <div class="menu-item theme-tile" data-level="3">
2760    <a href="/collections/90-Crema+Color" class="text" target="_top" style="color:">
2761    Crema Color      </a>
2762  </div>                      </div>
2763      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2764  <div class="sub-menus-title">
2765        <a href="/collections/38-D" class="text" style="color:">
2766      D                        <i class="fa fa-chevron-right"></i>
2767                  </a>
2768  </div>
2769            <div class="menus sub-menus-content">
2770                  <div class="menu-item theme-tile" data-level="3">
2771    <a href="/collections/davroe" class="text" target="_top" style="color:">
2772    Davroe      </a>
2773  </div>                  <div class="menu-item theme-tile" data-level="3">
2774    <a href="/collections/davines-alchemic" class="text" target="_top" style="color:">
2775    Davines-Alchemic      </a>
2776  </div>                  <div class="menu-item theme-tile" data-level="3">
2777    <a href="/collections/davines-essential" class="text" target="_top" style="color:">
2778    Davines-Essential      </a>
2779  </div>                  <div class="menu-item theme-tile" data-level="3">
2780    <a href="/collections/davines-more-inside" class="text" target="_top" style="color:">
2781    Davines-More Inside      </a>
2782  </div>                  <div class="menu-item theme-tile" data-level="3">
2783    <a href="/collections/davines-natural-tech" class="text" target="_top" style="color:">
2784    Davines-Natural Tech      </a>
2785  </div>                  <div class="menu-item theme-tile" data-level="3">
2786    <a href="/collections/davines-oi" class="text" target="_top" style="color:">
2787    Davines-OI      </a>
2788  </div>                  <div class="menu-item theme-tile" data-level="3">
2789    <a href="/collections/97-Dr.+Jr-TOKIO+IE" class="text" target="_top" style="color:">
2790    Dr. Jr-TOKIO IE      </a>
2791  </div>                  <div class="menu-item theme-tile" data-level="3">
2792    <a href="/collections/98-Demi-Uevo" class="text" target="_top" style="color:">
2793    Demi-Uevo      </a>
2794  </div>                  <div class="menu-item theme-tile" data-level="3">
2795    <a href="/collections/99-Denman" class="text" target="_top" style="color:">
2796    Denman      </a>
2797  </div>                  <div class="menu-item theme-tile" data-level="3">
2798    <a href="/collections/100-Diosys" class="text" target="_top" style="color:">
2799    Diosys      </a>
2800  </div>                      </div>
2801      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2802  <div class="sub-menus-title">
2803        <a href="/collections/39-E" class="text" style="color:">
2804      E                        <i class="fa fa-chevron-right"></i>
2805                  </a>
2806  </div>
2807            <div class="menus sub-menus-content">
2808                  <div class="menu-item theme-tile" data-level="3">
2809    <a href="/collections/106-Elence+2001" class="text" target="_top" style="color:">
2810    Elence 2001      </a>
2811  </div>                  <div class="menu-item theme-tile" data-level="3">
2812    <a href="/collections/104-Excel+%2F+Alpha+Excel" class="text" target="_top" style="color:">
2813    Excel / Alpha Excel      </a>
2814  </div>                  <div class="menu-item theme-tile" data-level="3">
2815    <a href="/collections/102-ECO" class="text" target="_top" style="color:">
2816    ECO      </a>
2817  </div>                  <div class="menu-item theme-tile" data-level="3">
2818    <a href="/collections/103-E.B.L." class="text" target="_top" style="color:">
2819    E.B.L.      </a>
2820  </div>                  <div class="menu-item theme-tile" data-level="3">
2821    <a href="/collections/101-EuroStil" class="text" target="_top" style="color:">
2822    EuroStil      </a>
2823  </div>                  <div class="menu-item theme-tile" data-level="3">
2824    <a href="/collections/105-Echosline" class="text" target="_top" style="color:">
2825    Echosline      </a>
2826  </div>                  <div class="menu-item theme-tile" data-level="3">
2827    <a href="/collections/107-Envie" class="text" target="_top" style="color:">
2828    Envie      </a>
2829  </div>                      </div>
2830      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2831  <div class="sub-menus-title">
2832        <a href="/collections/40-F" class="text" style="color:">
2833      F                        <i class="fa fa-chevron-right"></i>
2834                  </a>
2835  </div>
2836            <div class="menus sub-menus-content">
2837                  <div class="menu-item theme-tile" data-level="3">
2838    <a href="/collections/108-Fiole-Neoprocess+N.P.3.1" class="text" target="_top" style="color:">
2839    Fiole-Neoprocess N.P.3.1      </a>
2840  </div>                  <div class="menu-item theme-tile" data-level="3">
2841    <a href="/collections/109-Fiole-Qualucia" class="text" target="_top" style="color:">
2842    Fiole-Qualucia      </a>
2843  </div>                  <div class="menu-item theme-tile" data-level="3">
2844    <a href="/collections/110-Fiole-F.Protect" class="text" target="_top" style="color:">
2845    Fiole-F.Protect      </a>
2846  </div>                  <div class="menu-item theme-tile" data-level="3">
2847    <a href="/collections/111-Fiole-Purifica" class="text" target="_top" style="color:">
2848    Fiole-Purifica      </a>
2849  </div>                  <div class="menu-item theme-tile" data-level="3">
2850    <a href="/collections/112-Feelings-Power+Point" class="text" target="_top" style="color:">
2851    Feelings-Power Point      </a>
2852  </div>                  <div class="menu-item theme-tile" data-level="3">
2853    <a href="/collections/113-Feelings-Show" class="text" target="_top" style="color:">
2854    Feelings-Show      </a>
2855  </div>                  <div class="menu-item theme-tile" data-level="3">
2856    <a href="/collections/fanola" class="text" target="_top" style="color:">
2857    Fanola      </a>
2858  </div>                  <div class="menu-item theme-tile" data-level="3">
2859    <a href="/collections/114-Farmagan" class="text" target="_top" style="color:">
2860    Farmagan      </a>
2861  </div>                  <div class="menu-item theme-tile" data-level="3">
2862    <a href="/collections/115-FarmaVita" class="text" target="_top" style="color:">
2863    FarmaVita      </a>
2864  </div>                  <div class="menu-item theme-tile" data-level="3">
2865    <a href="/collections/116-Firsthand" class="text" target="_top" style="color:">
2866    Firsthand      </a>
2867  </div>                  <div class="menu-item theme-tile" data-level="3">
2868    <a href="/collections/117-Ford-Water+Matrix" class="text" target="_top" style="color:">
2869    Ford-Water Matrix      </a>
2870  </div>                  <div class="menu-item theme-tile" data-level="3">
2871    <a href="/collections/118-Ford-CE3" class="text" target="_top" style="color:">
2872    Ford-CE3      </a>
2873  </div>                  <div class="menu-item theme-tile" data-level="3">
2874    <a href="/collections/119-Fudge" class="text" target="_top" style="color:">
2875    Fudge      </a>
2876  </div>                  <div class="menu-item theme-tile" data-level="3">
2877    <a href="/collections/121-FBT" class="text" target="_top" style="color:">
2878    FBT      </a>
2879  </div>                  <div class="menu-item theme-tile" data-level="3">
2880    <a href="/collections/122-Finesse" class="text" target="_top" style="color:">
2881    Finesse      </a>
2882  </div>                  <div class="menu-item theme-tile" data-level="3">
2883    <a href="/collections/123-Faddy" class="text" target="_top" style="color:">
2884    Faddy      </a>
2885  </div>                      </div>
2886      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2887  <div class="sub-menus-title">
2888        <a href="/collections/41-G" class="text" style="color:">
2889      G                        <i class="fa fa-chevron-right"></i>
2890                  </a>
2891  </div>
2892            <div class="menus sub-menus-content">
2893                  <div class="menu-item theme-tile" data-level="3">
2894    <a href="/collections/goldwell-kerasilk" class="text" target="_top" style="color:">
2895    Goldwell-Kerasilk      </a>
2896  </div>                  <div class="menu-item theme-tile" data-level="3">
2897    <a href="/collections/126-Goldwell-Stylesign" class="text" target="_top" style="color:">
2898    Goldwell-Stylesign      </a>
2899  </div>                  <div class="menu-item theme-tile" data-level="3">
2900    <a href="/collections/127-Goldwell-Topchic" class="text" target="_top" style="color:">
2901    Goldwell-Topchic      </a>
2902  </div>                  <div class="menu-item theme-tile" data-level="3">
2903    <a href="/collections/125-Goldwell-System" class="text" target="_top" style="color:">
2904    Goldwell-System      </a>
2905  </div>                  <div class="menu-item theme-tile" data-level="3">
2906    <a href="/collections/128-Got2b" class="text" target="_top" style="color:">
2907    Got2b      </a>
2908  </div>                  <div class="menu-item theme-tile" data-level="3">
2909    <a href="/collections/417-Girl+Boy" class="text" target="_top" style="color:">
2910    Girl Boy      </a>
2911  </div>                  <div class="menu-item theme-tile" data-level="3">
2912    <a href="/collections/129-Gonzo" class="text" target="_top" style="color:">
2913    Gonzo      </a>
2914  </div>                      </div>
2915      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2916  <div class="sub-menus-title">
2917        <a href="/collections/42-H" class="text" style="color:">
2918      H                        <i class="fa fa-chevron-right"></i>
2919                  </a>
2920  </div>
2921            <div class="menus sub-menus-content">
2922                  <div class="menu-item theme-tile" data-level="3">
2923    <a href="/collections/133-Hairchitect" class="text" target="_top" style="color:">
2924    Hairchitect      </a>
2925  </div>                  <div class="menu-item theme-tile" data-level="3">
2926    <a href="/collections/134-Hair+Code" class="text" target="_top" style="color:">
2927    Hair Code      </a>
2928  </div>                  <div class="menu-item theme-tile" data-level="3">
2929    <a href="/collections/136-Hairlink" class="text" target="_top" style="color:">
2930    Hairlink      </a>
2931  </div>                  <div class="menu-item theme-tile" data-level="3">
2932    <a href="/collections/137-Head+Code" class="text" target="_top" style="color:">
2933    Head Code      </a>
2934  </div>                  <div class="menu-item theme-tile" data-level="3">
2935    <a href="/collections/436-Hilary+Rhoda" class="text" target="_top" style="color:">
2936    Hilary Rhoda      </a>
2937  </div>                  <div class="menu-item theme-tile" data-level="3">
2938    <a href="/collections/132-Hairart" class="text" target="_top" style="color:">
2939    Hairart      </a>
2940  </div>                  <div class="menu-item theme-tile" data-level="3">
2941    <a href="/collections/138-Hakio" class="text" target="_top" style="color:">
2942    Hakio      </a>
2943  </div>                      </div>
2944      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2945  <div class="sub-menus-title">
2946        <a href="/collections/43-I" class="text" style="color:">
2947      I                        <i class="fa fa-chevron-right"></i>
2948                  </a>
2949  </div>
2950            <div class="menus sub-menus-content">
2951                  <div class="menu-item theme-tile" data-level="3">
2952    <a href="/collections/420-Ice+Cream" class="text" target="_top" style="color:">
2953    Ice Cream      </a>
2954  </div>                  <div class="menu-item theme-tile" data-level="3">
2955    <a href="/collections/139-Ikemoto" class="text" target="_top" style="color:">
2956    Ikemoto      </a>
2957  </div>                  <div class="menu-item theme-tile" data-level="3">
2958    <a href="/collections/140-Indians" class="text" target="_top" style="color:">
2959    Indians      </a>
2960  </div>                  <div class="menu-item theme-tile" data-level="3">
2961    <a href="/collections/141-Insight" class="text" target="_top" style="color:">
2962    Insight      </a>
2963  </div>                  <div class="menu-item theme-tile" data-level="3">
2964    <a href="/collections/142-Insigna" class="text" target="_top" style="color:">
2965    Insigna      </a>
2966  </div>                  <div class="menu-item theme-tile" data-level="3">
2967    <a href="/collections/143-Inebrya-Ice+Cream" class="text" target="_top" style="color:">
2968    Inebrya-Ice Cream      </a>
2969  </div>                  <div class="menu-item theme-tile" data-level="3">
2970    <a href="/collections/144-IDA-Faddy" class="text" target="_top" style="color:">
2971    IDA-Faddy      </a>
2972  </div>                  <div class="menu-item theme-tile" data-level="3">
2973    <a href="/collections/145-Itely" class="text" target="_top" style="color:">
2974    Itely      </a>
2975  </div>                      </div>
2976      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
2977  <div class="sub-menus-title">
2978        <a href="/collections/44-J" class="text" style="color:">
2979      J                        <i class="fa fa-chevron-right"></i>
2980                  </a>
2981  </div>
2982            <div class="menus sub-menus-content">
2983                  <div class="menu-item theme-tile" data-level="3">
2984    <a href="/collections/151-Jaaam" class="text" target="_top" style="color:">
2985    Jaaam      </a>
2986  </div>                  <div class="menu-item theme-tile" data-level="3">
2987    <a href="/collections/148-John+Masters+Organics" class="text" target="_top" style="color:">
2988    John Masters Organics      </a>
2989  </div>                  <div class="menu-item theme-tile" data-level="3">
2990    <a href="/collections/149-Joico-Cleanse+%26+Care" class="text" target="_top" style="color:">
2991    Joico-Cleanse &amp; Care      </a>
2992  </div>                  <div class="menu-item theme-tile" data-level="3">
2993    <a href="/collections/150-Joico-Style+%26+Finish" class="text" target="_top" style="color:">
2994    Joico-Style &amp; Finish      </a>
2995  </div>                  <div class="menu-item theme-tile" data-level="3">
2996    <a href="/collections/146-Japan" class="text" target="_top" style="color:">
2997    Japan      </a>
2998  </div>                  <div class="menu-item theme-tile" data-level="3">
2999    <a href="/collections/147-Jamy-%E5%AF%B6%E7%B5%B2%E9%9C%B2" class="text" target="_top" style="color:">
3000    Jamy-寶絲露      </a>
3001  </div>                      </div>
3002      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3003  <div class="sub-menus-title">
3004        <a href="/collections/45-K" class="text" style="color:">
3005      K                        <i class="fa fa-chevron-right"></i>
3006                  </a>
3007  </div>
3008            <div class="menus sub-menus-content">
3009                  <div class="menu-item theme-tile" data-level="3">
3010    <a href="/collections/kerastase" class="text" target="_top" style="color:">
3011    Kerastase      </a>
3012  </div>                  <div class="menu-item theme-tile" data-level="3">
3013    <a href="/collections/k18" class="text" target="_top" style="color:">
3014    K18      </a>
3015  </div>                  <div class="menu-item theme-tile" data-level="3">
3016    <a href="/collections/kevin-murphy" class="text" target="_top" style="color:">
3017    Kevin Murphy      </a>
3018  </div>                  <div class="menu-item theme-tile" data-level="3">
3019    <a href="/collections/kerasilk" class="text" target="_top" style="color:">
3020    Kerasilk      </a>
3021  </div>                  <div class="menu-item theme-tile" data-level="3">
3022    <a href="/collections/156-Kms" class="text" target="_top" style="color:">
3023    Kms      </a>
3024  </div>                  <div class="menu-item theme-tile" data-level="3">
3025    <a href="/collections/435-Kadus" class="text" target="_top" style="color:">
3026    Kadus      </a>
3027  </div>                  <div class="menu-item theme-tile" data-level="3">
3028    <a href="/collections/157-Kose-Bioliss" class="text" target="_top" style="color:">
3029    Kose-Bioliss      </a>
3030  </div>                  <div class="menu-item theme-tile" data-level="3">
3031    <a href="/collections/158-Kin-Kinactif" class="text" target="_top" style="color:">
3032    Kin-Kinactif      </a>
3033  </div>                  <div class="menu-item theme-tile" data-level="3">
3034    <a href="/collections/159-Kin-Essences" class="text" target="_top" style="color:">
3035    Kin-Essences      </a>
3036  </div>                  <div class="menu-item theme-tile" data-level="3">
3037    <a href="/collections/161-KAI" class="text" target="_top" style="color:">
3038    KAI      </a>
3039  </div>                  <div class="menu-item theme-tile" data-level="3">
3040    <a href="/collections/162-Kanebo" class="text" target="_top" style="color:">
3041    Kanebo      </a>
3042  </div>                  <div class="menu-item theme-tile" data-level="3">
3043    <a href="/collections/163-Korea" class="text" target="_top" style="color:">
3044    Korea      </a>
3045  </div>                  <div class="menu-item theme-tile" data-level="3">
3046    <a href="/collections/164-Kalanxuan" class="text" target="_top" style="color:">
3047    Kalanxuan      </a>
3048  </div>                  <div class="menu-item theme-tile" data-level="3">
3049    <a href="/collections/166-KH" class="text" target="_top" style="color:">
3050    KH      </a>
3051  </div>                      </div>
3052      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3053  <div class="sub-menus-title">
3054        <a href="/collections/46-L" class="text" style="color:">
3055      L                        <i class="fa fa-chevron-right"></i>
3056                  </a>
3057  </div>
3058            <div class="menus sub-menus-content">
3059                  <div class="menu-item theme-tile" data-level="3">
3060    <a href="/collections/167-Loreal" class="text" target="_top" style="color:">
3061    Loreal      </a>
3062  </div>                  <div class="menu-item theme-tile" data-level="3">
3063    <a href="/collections/168-Loreal-Kerastase" class="text" target="_top" style="color:">
3064    Loreal-Kerastase      </a>
3065  </div>                  <div class="menu-item theme-tile" data-level="3">
3066    <a href="/collections/169-Loreal-Serie+Expert" class="text" target="_top" style="color:">
3067    Loreal-Serie Expert      </a>
3068  </div>                  <div class="menu-item theme-tile" data-level="3">
3069    <a href="/collections/171-Loreal-Serioxyl" class="text" target="_top" style="color:">
3070    Loreal-Serioxyl      </a>
3071  </div>                  <div class="menu-item theme-tile" data-level="3">
3072    <a href="/collections/172-Loreal-Elnett" class="text" target="_top" style="color:">
3073    Loreal-Elnett      </a>
3074  </div>                  <div class="menu-item theme-tile" data-level="3">
3075    <a href="/collections/173-Loreal-Tecni.art" class="text" target="_top" style="color:">
3076    Loreal-Tecni.art      </a>
3077  </div>                  <div class="menu-item theme-tile" data-level="3">
3078    <a href="/collections/175-Loreal-iNOA" class="text" target="_top" style="color:">
3079    Loreal-iNOA      </a>
3080  </div>                  <div class="menu-item theme-tile" data-level="3">
3081    <a href="/collections/living-proof" class="text" target="_top" style="color:">
3082    Living Proof      </a>
3083  </div>                  <div class="menu-item theme-tile" data-level="3">
3084    <a href="/collections/427-Lakme" class="text" target="_top" style="color:">
3085    Lakme      </a>
3086  </div>                  <div class="menu-item theme-tile" data-level="3">
3087    <a href="/collections/178-Lakme-Teknia" class="text" target="_top" style="color:">
3088    Lakme-Teknia      </a>
3089  </div>                  <div class="menu-item theme-tile" data-level="3">
3090    <a href="/collections/179-Lakme-K.Therapy" class="text" target="_top" style="color:">
3091    Lakme-K.Therapy      </a>
3092  </div>                  <div class="menu-item theme-tile" data-level="3">
3093    <a href="/collections/176-Lakme-K.Style" class="text" target="_top" style="color:">
3094    Lakme-K.Style      </a>
3095  </div>                  <div class="menu-item theme-tile" data-level="3">
3096    <a href="/collections/177-Lakme-K.Blonde" class="text" target="_top" style="color:">
3097    Lakme-K.Blonde      </a>
3098  </div>                  <div class="menu-item theme-tile" data-level="3">
3099    <a href="/collections/181-Lebel-IAU" class="text" target="_top" style="color:">
3100    Lebel-IAU      </a>
3101  </div>                  <div class="menu-item theme-tile" data-level="3">
3102    <a href="/collections/184-Lebel-Viege" class="text" target="_top" style="color:">
3103    Lebel-Viege      </a>
3104  </div>                  <div class="menu-item theme-tile" data-level="3">
3105    <a href="/collections/183-Lebel-Trie" class="text" target="_top" style="color:">
3106    Lebel-Trie      </a>
3107  </div>                  <div class="menu-item theme-tile" data-level="3">
3108    <a href="/collections/182-Lebel-Natural+Hair" class="text" target="_top" style="color:">
3109    Lebel-Natural Hair      </a>
3110  </div>                  <div class="menu-item theme-tile" data-level="3">
3111    <a href="/collections/180-Lebel-Cool+orange" class="text" target="_top" style="color:">
3112    Lebel-Cool orange      </a>
3113  </div>                  <div class="menu-item theme-tile" data-level="3">
3114    <a href="/collections/186-Lazulite" class="text" target="_top" style="color:">
3115    Lazulite      </a>
3116  </div>                  <div class="menu-item theme-tile" data-level="3">
3117    <a href="/collections/187-Luxurious" class="text" target="_top" style="color:">
3118    Luxurious      </a>
3119  </div>                  <div class="menu-item theme-tile" data-level="3">
3120    <a href="/collections/188-Leilu" class="text" target="_top" style="color:">
3121    Leilu      </a>
3122  </div>                      </div>
3123      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3124  <div class="sub-menus-title">
3125        <a href="/collections/47-M" class="text" style="color:">
3126      M                        <i class="fa fa-chevron-right"></i>
3127                  </a>
3128  </div>
3129            <div class="menus sub-menus-content">
3130                  <div class="menu-item theme-tile" data-level="3">
3131    <a href="/collections/189-Milbon-Premium+Position" class="text" target="_top" style="color:">
3132    Milbon-Premium Position      </a>
3133  </div>                  <div class="menu-item theme-tile" data-level="3">
3134    <a href="/collections/190-Milbon-Signature" class="text" target="_top" style="color:">
3135    Milbon-Signature      </a>
3136  </div>                  <div class="menu-item theme-tile" data-level="3">
3137    <a href="/collections/191-Milbon-Cronna" class="text" target="_top" style="color:">
3138    Milbon-Cronna      </a>
3139  </div>                  <div class="menu-item theme-tile" data-level="3">
3140    <a href="/collections/192-Milbon-Elujuda" class="text" target="_top" style="color:">
3141    Milbon-Elujuda      </a>
3142  </div>                  <div class="menu-item theme-tile" data-level="3">
3143    <a href="/collections/193-Milbon-Grand+Linkage" class="text" target="_top" style="color:">
3144    Milbon-Grand Linkage      </a>
3145  </div>                  <div class="menu-item theme-tile" data-level="3">
3146    <a href="/collections/194-Milbon-Inphenom" class="text" target="_top" style="color:">
3147    Milbon-Inphenom      </a>
3148  </div>                  <div class="menu-item theme-tile" data-level="3">
3149    <a href="/collections/195-Milbon-Jemile+Fran" class="text" target="_top" style="color:">
3150    Milbon-Jemile Fran      </a>
3151  </div>                  <div class="menu-item theme-tile" data-level="3">
3152    <a href="/collections/197-Milbon-Plarmia" class="text" target="_top" style="color:">
3153    Milbon-Plarmia      </a>
3154  </div>                  <div class="menu-item theme-tile" data-level="3">
3155    <a href="/collections/198-Milbon-LX%2FLifa" class="text" target="_top" style="color:">
3156    Milbon-LX/Lifa      </a>
3157  </div>                  <div class="menu-item theme-tile" data-level="3">
3158    <a href="/collections/199-Milbon-Nigelle+Wave+Collection" class="text" target="_top" style="color:">
3159    Milbon-Nigelle Wave Collection      </a>
3160  </div>                  <div class="menu-item theme-tile" data-level="3">
3161    <a href="/collections/200-Milbon-Nigelle+Dressia+Collection" class="text" target="_top" style="color:">
3162    Milbon-Nigelle Dressia Collection      </a>
3163  </div>                  <div class="menu-item theme-tile" data-level="3">
3164    <a href="/collections/201-Milbon-Prejume" class="text" target="_top" style="color:">
3165    Milbon-Prejume      </a>
3166  </div>                  <div class="menu-item theme-tile" data-level="3">
3167    <a href="/collections/202-Milbon-Nigelle+Lafusion" class="text" target="_top" style="color:">
3168    Milbon-Nigelle Lafusion      </a>
3169  </div>                  <div class="menu-item theme-tile" data-level="3">
3170    <a href="/collections/204-Milbon-Monochromatic" class="text" target="_top" style="color:">
3171    Milbon-Monochromatic      </a>
3172  </div>                  <div class="menu-item theme-tile" data-level="3">
3173    <a href="/collections/moroccanoil" class="text" target="_top" style="color:">
3174    Moroccanoil      </a>
3175  </div>                  <div class="menu-item theme-tile" data-level="3">
3176    <a href="/collections/my-organics" class="text" target="_top" style="color:">
3177    My Organics      </a>
3178  </div>                  <div class="menu-item theme-tile" data-level="3">
3179    <a href="/collections/megi" class="text" target="_top" style="color:">
3180    Megi Wellness      </a>
3181  </div>                  <div class="menu-item theme-tile" data-level="3">
3182    <a href="/collections/208-MoltoBene" class="text" target="_top" style="color:">
3183    MoltoBene      </a>
3184  </div>                  <div class="menu-item theme-tile" data-level="3">
3185    <a href="/collections/209-Meq" class="text" target="_top" style="color:">
3186    Meq      </a>
3187  </div>                  <div class="menu-item theme-tile" data-level="3">
3188    <a href="/collections/211-Massini" class="text" target="_top" style="color:">
3189    Massini      </a>
3190  </div>                  <div class="menu-item theme-tile" data-level="3">
3191    <a href="/collections/212-Mefapo" class="text" target="_top" style="color:">
3192    Mefapo      </a>
3193  </div>                      </div>
3194      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3195  <div class="sub-menus-title">
3196        <a href="/collections/48-N" class="text" style="color:">
3197      N                        <i class="fa fa-chevron-right"></i>
3198                  </a>
3199  </div>
3200            <div class="menus sub-menus-content">
3201                  <div class="menu-item theme-tile" data-level="3">
3202    <a href="/collections/nioxin" class="text" target="_top" style="color:">
3203    Nioxin      </a>
3204  </div>                  <div class="menu-item theme-tile" data-level="3">
3205    <a href="/collections/214-NP+3.1" class="text" target="_top" style="color:">
3206    NP 3.1      </a>
3207  </div>                  <div class="menu-item theme-tile" data-level="3">
3208    <a href="/collections/215-Napla" class="text" target="_top" style="color:">
3209    Napla      </a>
3210  </div>                  <div class="menu-item theme-tile" data-level="3">
3211    <a href="/collections/217-Nakano-Foliage" class="text" target="_top" style="color:">
3212    Nakano-Foliage      </a>
3213  </div>                  <div class="menu-item theme-tile" data-level="3">
3214    <a href="/collections/218-No+Brand" class="text" target="_top" style="color:">
3215    No Brand      </a>
3216  </div>                  <div class="menu-item theme-tile" data-level="3">
3217    <a href="/collections/219-New+Image" class="text" target="_top" style="color:">
3218    New Image      </a>
3219  </div>                      </div>
3220      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3221  <div class="sub-menus-title">
3222        <a href="/collections/49-O" class="text" style="color:">
3223      O                        <i class="fa fa-chevron-right"></i>
3224                  </a>
3225  </div>
3226            <div class="menus sub-menus-content">
3227                  <div class="menu-item theme-tile" data-level="3">
3228    <a href="/collections/olaplex" class="text" target="_top" style="color:">
3229    Olaplex      </a>
3230  </div>                  <div class="menu-item theme-tile" data-level="3">
3231    <a href="/collections/osis" class="text" target="_top" style="color:">
3232    Osis      </a>
3233  </div>                  <div class="menu-item theme-tile" data-level="3">
3234    <a href="/collections/223-Orofluido" class="text" target="_top" style="color:">
3235    Orofluido      </a>
3236  </div>                  <div class="menu-item theme-tile" data-level="3">
3237    <a href="/collections/434-Ohanic" class="text" target="_top" style="color:">
3238    Ohanic      </a>
3239  </div>                  <div class="menu-item theme-tile" data-level="3">
3240    <a href="/collections/224-Osmo" class="text" target="_top" style="color:">
3241    Osmo      </a>
3242  </div>                      </div>
3243      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3244  <div class="sub-menus-title">
3245        <a href="/collections/50-P" class="text" style="color:">
3246      P                        <i class="fa fa-chevron-right"></i>
3247                  </a>
3248  </div>
3249            <div class="menus sub-menus-content">
3250                  <div class="menu-item theme-tile" data-level="3">
3251    <a href="/collections/paul-mitchell" class="text" target="_top" style="color:">
3252    Paul Mitchell      </a>
3253  </div>                  <div class="menu-item theme-tile" data-level="3">
3254    <a href="/collections/226-Power+Point" class="text" target="_top" style="color:">
3255    Power Point      </a>
3256  </div>                  <div class="menu-item theme-tile" data-level="3">
3257    <a href="/collections/227-Panasonic" class="text" target="_top" style="color:">
3258    Panasonic      </a>
3259  </div>                  <div class="menu-item theme-tile" data-level="3">
3260    <a href="/collections/previa" class="text" target="_top" style="color:">
3261    Previa      </a>
3262  </div>                  <div class="menu-item theme-tile" data-level="3">
3263    <a href="/collections/ph" class="text" target="_top" style="color:">
3264    PH      </a>
3265  </div>                  <div class="menu-item theme-tile" data-level="3">
3266    <a href="/collections/230-Parlux" class="text" target="_top" style="color:">
3267    Parlux      </a>
3268  </div>                  <div class="menu-item theme-tile" data-level="3">
3269    <a href="/collections/231-Prosil" class="text" target="_top" style="color:">
3270    Prosil      </a>
3271  </div>                  <div class="menu-item theme-tile" data-level="3">
3272    <a href="/collections/232-Peterkin" class="text" target="_top" style="color:">
3273    Peterkin      </a>
3274  </div>                  <div class="menu-item theme-tile" data-level="3">
3275    <a href="/collections/233-Plantiam" class="text" target="_top" style="color:">
3276    Plantiam      </a>
3277  </div>                  <div class="menu-item theme-tile" data-level="3">
3278    <a href="/collections/234-Philips" class="text" target="_top" style="color:">
3279    Philips      </a>
3280  </div>                      </div>
3281      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3282  <div class="sub-menus-title">
3283        <a href="/collections/51-Q" class="text" style="color:">
3284      Q                        <i class="fa fa-chevron-right"></i>
3285                  </a>
3286  </div>
3287            <div class="menus sub-menus-content">
3288                  <div class="menu-item theme-tile" data-level="3">
3289    <a href="/collections/235-Quico" class="text" target="_top" style="color:">
3290    Quico      </a>
3291  </div>                  <div class="menu-item theme-tile" data-level="3">
3292    <a href="/collections/236-Q8" class="text" target="_top" style="color:">
3293    Q8      </a>
3294  </div>                      </div>
3295      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3296  <div class="sub-menus-title">
3297        <a href="/collections/52-R" class="text" style="color:">
3298      R                        <i class="fa fa-chevron-right"></i>
3299                  </a>
3300  </div>
3301            <div class="menus sub-menus-content">
3302                  <div class="menu-item theme-tile" data-level="3">
3303    <a href="/collections/reuzel" class="text" target="_top" style="color:">
3304    Reuzel      </a>
3305  </div>                  <div class="menu-item theme-tile" data-level="3">
3306    <a href="/collections/238-Rene+Furterer" class="text" target="_top" style="color:">
3307    Rene Furterer      </a>
3308  </div>                  <div class="menu-item theme-tile" data-level="3">
3309    <a href="/collections/239-Real" class="text" target="_top" style="color:">
3310    Real      </a>
3311  </div>                  <div class="menu-item theme-tile" data-level="3">
3312    <a href="/collections/240-Revlon" class="text" target="_top" style="color:">
3313    Revlon      </a>
3314  </div>                  <div class="menu-item theme-tile" data-level="3">
3315    <a href="/collections/241-Revlon-Equave" class="text" target="_top" style="color:">
3316    Revlon-Equave      </a>
3317  </div>                  <div class="menu-item theme-tile" data-level="3">
3318    <a href="/collections/242-Revlon-Orofluido" class="text" target="_top" style="color:">
3319    Revlon-Orofluido      </a>
3320  </div>                  <div class="menu-item theme-tile" data-level="3">
3321    <a href="/collections/243-Revlon-Uniq+One" class="text" target="_top" style="color:">
3322    Revlon-Uniq One      </a>
3323  </div>                  <div class="menu-item theme-tile" data-level="3">
3324    <a href="/collections/245-Revlon-Style+Masters" class="text" target="_top" style="color:">
3325    Revlon-Style Masters      </a>
3326  </div>                  <div class="menu-item theme-tile" data-level="3">
3327    <a href="/collections/246-Revlon-Pro+You" class="text" target="_top" style="color:">
3328    Revlon-Pro You      </a>
3329  </div>                  <div class="menu-item theme-tile" data-level="3">
3330    <a href="/collections/247-Redken" class="text" target="_top" style="color:">
3331    Redken      </a>
3332  </div>                  <div class="menu-item theme-tile" data-level="3">
3333    <a href="/collections/249-Rockstar" class="text" target="_top" style="color:">
3334    Rockstar      </a>
3335  </div>                  <div class="menu-item theme-tile" data-level="3">
3336    <a href="/collections/250-Ranger" class="text" target="_top" style="color:">
3337    Ranger      </a>
3338  </div>                  <div class="menu-item theme-tile" data-level="3">
3339    <a href="/collections/251-Robero" class="text" target="_top" style="color:">
3340    Robero      </a>
3341  </div>                      </div>
3342      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3343  <div class="sub-menus-title">
3344        <a href="/collections/53-S" class="text" style="color:">
3345      S                        <i class="fa fa-chevron-right"></i>
3346                  </a>
3347  </div>
3348            <div class="menus sub-menus-content">
3349                  <div class="menu-item theme-tile" data-level="3">
3350    <a href="/collections/252-Schwarzkopf" class="text" target="_top" style="color:">
3351    Schwarzkopf      </a>
3352  </div>                  <div class="menu-item theme-tile" data-level="3">
3353    <a href="/collections/253-Schwarzkopf-Bonacure" class="text" target="_top" style="color:">
3354    Schwarzkopf-Bonacure      </a>
3355  </div>                  <div class="menu-item theme-tile" data-level="3">
3356    <a href="/collections/254-Schwarzkopf-Osis" class="text" target="_top" style="color:">
3357    Schwarzkopf-Osis      </a>
3358  </div>                  <div class="menu-item theme-tile" data-level="3">
3359    <a href="/collections/schwarzkopf-silhouette" class="text" target="_top" style="color:">
3360    Schwarzkopf-Silhouette      </a>
3361  </div>                  <div class="menu-item theme-tile" data-level="3">
3362    <a href="/collections/256-Schwarzkopf-Fibre+Clinix" class="text" target="_top" style="color:">
3363    Schwarzkopf-Fibre Clinix      </a>
3364  </div>                  <div class="menu-item theme-tile" data-level="3">
3365    <a href="/collections/257-Schwarzkopf-Igora+Royal" class="text" target="_top" style="color:">
3366    Schwarzkopf-Igora Royal      </a>
3367  </div>                  <div class="menu-item theme-tile" data-level="3">
3368    <a href="/collections/259-Schwarzkopf-Natural+Styling" class="text" target="_top" style="color:">
3369    Schwarzkopf-Natural Styling      </a>
3370  </div>                  <div class="menu-item theme-tile" data-level="3">
3371    <a href="/collections/260-Schwarzkopf-Strait+Therapy" class="text" target="_top" style="color:">
3372    Schwarzkopf-Strait Therapy      </a>
3373  </div>                  <div class="menu-item theme-tile" data-level="3">
3374    <a href="/collections/sebastian" class="text" target="_top" style="color:">
3375    Sebastian      </a>
3376  </div>                  <div class="menu-item theme-tile" data-level="3">
3377    <a href="/collections/262-Suavecito" class="text" target="_top" style="color:">
3378    Suavecito      </a>
3379  </div>                  <div class="menu-item theme-tile" data-level="3">
3380    <a href="/collections/shiseido-adenovital" class="text" target="_top" style="color:">
3381    Shiseido-Adenovital      </a>
3382  </div>                  <div class="menu-item theme-tile" data-level="3">
3383    <a href="/collections/264-Shiseido-Sublimic" class="text" target="_top" style="color:">
3384    Shiseido-Sublimic      </a>
3385  </div>                  <div class="menu-item theme-tile" data-level="3">
3386    <a href="/collections/265-Shiseido-Primience" class="text" target="_top" style="color:">
3387    Shiseido-Primience      </a>
3388  </div>                  <div class="menu-item theme-tile" data-level="3">
3389    <a href="/collections/267-Shiseido-Stage+Works" class="text" target="_top" style="color:">
3390    Shiseido-Stage Works      </a>
3391  </div>                  <div class="menu-item theme-tile" data-level="3">
3392    <a href="/collections/268-Shiseido-The+Grooming" class="text" target="_top" style="color:">
3393    Shiseido-The Grooming      </a>
3394  </div>                  <div class="menu-item theme-tile" data-level="3">
3395    <a href="/collections/269-Shiseido-Crystallizing+Straight" class="text" target="_top" style="color:">
3396    Shiseido-Crystallizing Straight      </a>
3397  </div>                  <div class="menu-item theme-tile" data-level="3">
3398    <a href="/collections/270-Shiseido-Crystallizing+Qurl" class="text" target="_top" style="color:">
3399    Shiseido-Crystallizing Qurl      </a>
3400  </div>                  <div class="menu-item theme-tile" data-level="3">
3401    <a href="/collections/273-Scalp+%26+Care" class="text" target="_top" style="color:">
3402    Scalp &amp; Care      </a>
3403  </div>                  <div class="menu-item theme-tile" data-level="3">
3404    <a href="/collections/274-Stella+World" class="text" target="_top" style="color:">
3405    Stella World      </a>
3406  </div>                  <div class="menu-item theme-tile" data-level="3">
3407    <a href="/collections/275-Syoss" class="text" target="_top" style="color:">
3408    Syoss      </a>
3409  </div>                  <div class="menu-item theme-tile" data-level="3">
3410    <a href="/collections/276-Slick+Gorilla" class="text" target="_top" style="color:">
3411    Slick Gorilla      </a>
3412  </div>                  <div class="menu-item theme-tile" data-level="3">
3413    <a href="/collections/277-Subtil" class="text" target="_top" style="color:">
3414    Subtil      </a>
3415  </div>                  <div class="menu-item theme-tile" data-level="3">
3416    <a href="/collections/278-Spiky+Greax" class="text" target="_top" style="color:">
3417    Spiky Greax      </a>
3418  </div>                  <div class="menu-item theme-tile" data-level="3">
3419    <a href="/collections/279-SML" class="text" target="_top" style="color:">
3420    SML      </a>
3421  </div>                  <div class="menu-item theme-tile" data-level="3">
3422    <a href="/collections/282-Selecin" class="text" target="_top" style="color:">
3423    Selecin      </a>
3424  </div>                  <div class="menu-item theme-tile" data-level="3">
3425    <a href="/collections/salon-de-pro" class="text" target="_top" style="color:">
3426    Salon De Pro      </a>
3427  </div>                  <div class="menu-item theme-tile" data-level="3">
3428    <a href="/collections/285-Sky" class="text" target="_top" style="color:">
3429    Sky      </a>
3430  </div>                  <div class="menu-item theme-tile" data-level="3">
3431    <a href="/collections/286-Samyang" class="text" target="_top" style="color:">
3432    Samyang      </a>
3433  </div>                  <div class="menu-item theme-tile" data-level="3">
3434    <a href="/collections/288-Studio+Line" class="text" target="_top" style="color:">
3435    Studio Line      </a>
3436  </div>                      </div>
3437      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3438  <div class="sub-menus-title">
3439        <a href="/collections/54-T" class="text" style="color:">
3440      T                        <i class="fa fa-chevron-right"></i>
3441                  </a>
3442  </div>
3443            <div class="menus sub-menus-content">
3444                  <div class="menu-item theme-tile" data-level="3">
3445    <a href="/collections/289-Tigi-Bed+Head" class="text" target="_top" style="color:">
3446    Tigi-Bed Head      </a>
3447  </div>                  <div class="menu-item theme-tile" data-level="3">
3448    <a href="/collections/291-TOKIO+IE" class="text" target="_top" style="color:">
3449    TOKIO IE      </a>
3450  </div>                  <div class="menu-item theme-tile" data-level="3">
3451    <a href="/collections/292-Therapy-g" class="text" target="_top" style="color:">
3452    Therapy-g      </a>
3453  </div>                  <div class="menu-item theme-tile" data-level="3">
3454    <a href="/collections/293-Tecno+Elettra" class="text" target="_top" style="color:">
3455    Tecno Elettra      </a>
3456  </div>                  <div class="menu-item theme-tile" data-level="3">
3457    <a href="/collections/294-To-Plan" class="text" target="_top" style="color:">
3458    To-Plan      </a>
3459  </div>                  <div class="menu-item theme-tile" data-level="3">
3460    <a href="/collections/295-Titania" class="text" target="_top" style="color:">
3461    Titania      </a>
3462  </div>                  <div class="menu-item theme-tile" data-level="3">
3463    <a href="/collections/296-Togethair" class="text" target="_top" style="color:">
3464    Togethair      </a>
3465  </div>                  <div class="menu-item theme-tile" data-level="3">
3466    <a href="/collections/297-Top" class="text" target="_top" style="color:">
3467    Top      </a>
3468  </div>                  <div class="menu-item theme-tile" data-level="3">
3469    <a href="/collections/298-Tescom" class="text" target="_top" style="color:">
3470    Tescom      </a>
3471  </div>                      </div>
3472      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3473  <div class="sub-menus-title">
3474        <a href="/collections/55-U" class="text" style="color:">
3475      U                        <i class="fa fa-chevron-right"></i>
3476                  </a>
3477  </div>
3478            <div class="menus sub-menus-content">
3479                  <div class="menu-item theme-tile" data-level="3">
3480    <a href="/collections/299-Uevo" class="text" target="_top" style="color:">
3481    Uevo      </a>
3482  </div>                  <div class="menu-item theme-tile" data-level="3">
3483    <a href="/collections/300-Uniq+One" class="text" target="_top" style="color:">
3484    Uniq One      </a>
3485  </div>                  <div class="menu-item theme-tile" data-level="3">
3486    <a href="/collections/uppercut" class="text" target="_top" style="color:">
3487    Uppercut      </a>
3488  </div>                  <div class="menu-item theme-tile" data-level="3">
3489    <a href="/collections/302-Utena-Matomage" class="text" target="_top" style="color:">
3490    Utena-Matomage      </a>
3491  </div>                      </div>
3492      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3493  <div class="sub-menus-title">
3494        <a href="/collections/57-V" class="text" style="color:">
3495      V                        <i class="fa fa-chevron-right"></i>
3496                  </a>
3497  </div>
3498            <div class="menus sub-menus-content">
3499                  <div class="menu-item theme-tile" data-level="3">
3500    <a href="/collections/303-V%26G" class="text" target="_top" style="color:">
3501    V&amp;G      </a>
3502  </div>                  <div class="menu-item theme-tile" data-level="3">
3503    <a href="/collections/304-V-up" class="text" target="_top" style="color:">
3504    V-up      </a>
3505  </div>                  <div class="menu-item theme-tile" data-level="3">
3506    <a href="/collections/305-Vantachi" class="text" target="_top" style="color:">
3507    Vantachi      </a>
3508  </div>                  <div class="menu-item theme-tile" data-level="3">
3509    <a href="/collections/306-Vess" class="text" target="_top" style="color:">
3510    Vess      </a>
3511  </div>                  <div class="menu-item theme-tile" data-level="3">
3512    <a href="/collections/309-Vivltone" class="text" target="_top" style="color:">
3513    Vivltone      </a>
3514  </div>                  <div class="menu-item theme-tile" data-level="3">
3515    <a href="/collections/410-Venezel" class="text" target="_top" style="color:">
3516    Venezel      </a>
3517  </div>                  <div class="menu-item theme-tile" data-level="3">
3518    <a href="/collections/307-Vigor" class="text" target="_top" style="color:">
3519    Vigor      </a>
3520  </div>                  <div class="menu-item theme-tile" data-level="3">
3521    <a href="/collections/308-Vifa" class="text" target="_top" style="color:">
3522    Vifa      </a>
3523  </div>                      </div>
3524      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3525  <div class="sub-menus-title">
3526        <a href="/collections/58-W" class="text" style="color:">
3527      W                        <i class="fa fa-chevron-right"></i>
3528                  </a>
3529  </div>
3530            <div class="menus sub-menus-content">
3531                  <div class="menu-item theme-tile" data-level="3">
3532    <a href="/collections/311-Wella-EIMI" class="text" target="_top" style="color:">
3533    Wella-EIMI      </a>
3534  </div>                  <div class="menu-item theme-tile" data-level="3">
3535    <a href="/collections/312-Wella-Fusion" class="text" target="_top" style="color:">
3536    Wella-Fusion      </a>
3537  </div>                  <div class="menu-item theme-tile" data-level="3">
3538    <a href="/collections/313-Wella-SP" class="text" target="_top" style="color:">
3539    Wella-SP      </a>
3540  </div>                  <div class="menu-item theme-tile" data-level="3">
3541    <a href="/collections/315-Wahl" class="text" target="_top" style="color:">
3542    Wahl      </a>
3543  </div>                  <div class="menu-item theme-tile" data-level="3">
3544    <a href="/collections/433-Wheek" class="text" target="_top" style="color:">
3545    Wheek      </a>
3546  </div>                      </div>
3547      </div>                  <div class="menu-item theme-tile" data-level="2">
3548    <a href="/collections/59-Y" class="text" target="" style="color:">
3549    Y      </a>
3550  </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3551  <div class="sub-menus-title">
3552        <a href="/collections/60-Z" class="text" style="color:">
3553      Z                        <i class="fa fa-chevron-right"></i>
3554                  </a>
3555  </div>
3556            <div class="menus sub-menus-content">
3557                  <div class="menu-item theme-tile" data-level="3">
3558    <a href="/collections/316-Zen" class="text" target="_top" style="color:">
3559    Zen      </a>
3560  </div>                      </div>
3561      </div>                      </div>
3562      </div>
3563<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3564  <div class="sub-menus-title">
3565        <a href="/collections/12-%E6%B4%97%E8%AD%B7%E7%94%A2%E5%93%81" class="text" style="color:">
3566      洗護產品                        <i class="fa fa-caret-down"></i>
3567                  </a>
3568  </div>
3569            <div class="menus">
3570                  <div class="menu-item theme-tile" data-level="2">
3571    <a href="/collections/13-%E6%97%85%E8%A1%8C%E8%A3%9D%2F%E8%A9%A6%E7%94%A8%E8%A3%9D" class="text" target="" style="color:">
3572    旅行裝/試用裝      </a>
3573  </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3574  <div class="sub-menus-title">
3575        <a href="/collections/14-%E6%B4%97%E9%AB%AE%E6%B0%B4" class="text" style="color:">
3576      洗髮水                        <i class="fa fa-chevron-right"></i>
3577                  </a>
3578  </div>
3579            <div class="menus sub-menus-content">
3580                  <div class="menu-item theme-tile" data-level="3">
3581    <a href="/collections/shampo" class="text" target="_top" style="color:">
3582    乾洗劑      </a>
3583  </div>                  <div class="menu-item theme-tile" data-level="3">
3584    <a href="/collections/19-%E8%A3%9C%E8%89%B2%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3585    補色洗頭水      </a>
3586  </div>                      </div>
3587      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3588  <div class="sub-menus-title">
3589        <a href="/collections/15-%E8%AD%B7%E9%AB%AE%E7%B4%A0" class="text" style="color:">
3590      護髮素                        <i class="fa fa-chevron-right"></i>
3591                  </a>
3592  </div>
3593            <div class="menus sub-menus-content">
3594                  <div class="menu-item theme-tile" data-level="3">
3595    <a href="/collections/20-%E8%A3%9C%E8%89%B2%E8%AD%B7%E9%AB%AE%E7%B4%A0" class="text" target="_top" style="color:">
3596    補色護髮素      </a>
3597  </div>                      </div>
3598      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3599  <div class="sub-menus-title">
3600        <a href="/collections/16-%E6%97%A5%E7%94%A8%E8%AD%B7%E9%AB%AE" class="text" style="color:">
3601      日用護髮                        <i class="fa fa-chevron-right"></i>
3602                  </a>
3603  </div>
3604            <div class="menus sub-menus-content">
3605                  <div class="menu-item theme-tile" data-level="3">
3606    <a href="/collections/21-%E6%91%A9%E6%B4%9B%E5%93%A5%E6%B2%B9%2F%E5%A0%85%E6%9E%9C%E6%B2%B9" class="text" target="_top" style="color:">
3607    摩洛哥油/堅果油      </a>
3608  </div>                  <div class="menu-item theme-tile" data-level="3">
3609    <a href="/collections/22-%E9%AB%AE%E5%B0%BE%E6%B2%B9" class="text" target="_top" style="color:">
3610    髮尾油      </a>
3611  </div>                  <div class="menu-item theme-tile" data-level="3">
3612    <a href="/collections/23-%E6%9F%94%E9%A0%86%E6%B6%B2" class="text" target="_top" style="color:">
3613    柔順液      </a>
3614  </div>                  <div class="menu-item theme-tile" data-level="3">
3615    <a href="/collections/24-%E5%85%8D%E6%B2%96%E6%B0%B4%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3616    免沖水護理      </a>
3617  </div>                  <div class="menu-item theme-tile" data-level="3">
3618    <a href="/collections/25-%E6%8A%97%E7%86%B1%E7%94%A2%E5%93%81" class="text" target="_top" style="color:">
3619    抗熱產品      </a>
3620  </div>                      </div>
3621      </div>                  <div class="menu-item theme-tile" data-level="2">
3622    <a href="/collections/17-%E8%AD%B7%E9%AB%AE%E7%84%97%E6%B2%B9%2F%E9%AB%AE%E8%86%9C" class="text" target="" style="color:">
3623    護髮焗油/髮膜      </a>
3624  </div>                      </div>
3625      </div>
3626<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3627  <div class="sub-menus-title">
3628        <a href="/collections/11-%E9%80%A0%E5%9E%8B%E7%94%A2%E5%93%81" class="text" style="color:">
3629      造型產品                        <i class="fa fa-caret-down"></i>
3630                  </a>
3631  </div>
3632            <div class="menus">
3633                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3634  <div class="sub-menus-title">
3635        <a href="/collections/26-%E9%80%A0%E5%9E%8B%E6%B3%A5" class="text" style="color:">
3636      造型泥  
3636                      <i class="fa fa-chevron-right"></i>
3637                  </a>
3638  </div>
3639            <div class="menus sub-menus-content">
3640                  <div class="menu-item theme-tile" data-level="3">
3641    <a href="/collections/27-%E6%9C%89%E8%89%B2%E9%AB%AE%E6%B3%A5" class="text" target="_top" style="color:">
3642    有色髮泥      </a>
3643  </div>                      </div>
3644      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3645  <div class="sub-menus-title">
3646        <a href="/collections/28-%E5%99%B4%E9%AB%AE%E8%86%A0" class="text" style="color:">
3647      噴髮膠                        <i class="fa fa-chevron-right"></i>
3648                  </a>
3649  </div>
3650            <div class="menus sub-menus-content">
3651                  <div class="menu-item theme-tile" data-level="3">
3652    <a href="/collections/31-%E6%97%85%E8%A1%8C%E8%A3%9D" class="text" target="_top" style="color:">
3653    旅行裝      </a>
3654  </div>                      </div>
3655      </div>                  <div class="menu-item theme-tile" data-level="2">
3656    <a href="/collections/29-%E6%B2%B9%E8%87%98%2F%E9%AB%AE%E8%87%98" class="text" target="" style="color:">
3657    油臘/髮臘      </a>
3658  </div>                  <div class="menu-item theme-tile" data-level="2">
3659    <a href="/collections/30-%E9%B9%BD%E6%B0%B4%2F%E9%B9%BD%E7%B2%89" class="text" target="" style="color:">
3660    鹽水/鹽粉      </a>
3661  </div>                  <div class="menu-item theme-tile" data-level="2">
3662    <a href="/collections/319-%E9%AC%88%E9%AB%AE%E6%88%96%E7%9B%B4%E9%AB%AE%E9%80%A0%E5%9E%8B%E4%B9%B3%E9%9C%9C" class="text" target="" style="color:">
3663    鬈髮或直髮造型乳霜      </a>
3664  </div>                  <div class="menu-item theme-tile" data-level="2">
3665    <a href="/collections/318-%E5%95%AB%E5%96%B1%E8%86%8F" class="text" target="" style="color:">
3666    啫喱膏      </a>
3667  </div>                  <div class="menu-item theme-tile" data-level="2">
3668    <a href="/collections/320-%E5%95%AB%E5%96%B1%E6%B0%B4" class="text" target="" style="color:">
3669    啫喱水      </a>
3670  </div>                  <div class="menu-item theme-tile" data-level="2">
3671    <a href="/collections/377-%E9%80%A0%E5%9E%8B%E6%91%A9%E7%B5%B2" class="text" target="" style="color:">
3672    造型摩絲      </a>
3673  </div>                  <div class="menu-item theme-tile" data-level="2">
3674    <a href="/collections/378-%E5%AE%9A%E5%9E%8B%E6%B0%B4" class="text" target="" style="color:">
3675    定型水      </a>
3676  </div>                      </div>
3677      </div>
3678<div class="menu-item theme-tile" data-level="1">
3679    <a href="/collections/10-%E5%A2%9E%E9%AB%AE%E5%99%B4%E9%9C%A7%2F%E5%A2%9E%E9%AB%AE%E7%BA%96%E7%B6%AD" class="text" target="_top" style="color:">
3680    增髮噴霧 / 增髮纖維      </a>
3681  </div>
3682<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3683  <div class="sub-menus-title">
3684        <a href="/collections/9-%E9%A0%AD%E7%9A%AE%E6%B2%BB%E7%99%82%E8%AD%B7%E7%90%86" class="text" style="color:">
3685      頭皮治療護理                        <i class="fa fa-caret-down"></i>
3686                  </a>
3687  </div>
3688            <div class="menus">
3689                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3690  <div class="sub-menus-title">
3691        <a href="/collections/321-%E9%98%B2%E8%84%AB%E9%AB%AE%2F%E5%A2%9E%E9%AB%AE%E7%94%A2%E5%93%81" class="text" style="color:">
3692      防脫髮/增髮產品                        <i class="fa fa-chevron-right"></i>
3693                  </a>
3694  </div>
3695            <div class="menus sub-menus-content">
3696                  <div class="menu-item theme-tile" data-level="3">
3697    <a href="/collections/326-%E9%98%B2%E8%84%AB%E9%AB%AE%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3698    防脫髮洗頭水      </a>
3699  </div>                  <div class="menu-item theme-tile" data-level="3">
3700    <a href="/collections/327-%E9%98%B2%E8%84%AB%E9%AB%AE%E8%AD%B7%E9%AB%AE%E7%B4%A0" class="text" target="_top" style="color:">
3701    防脫髮護髮素      </a>
3702  </div>                  <div class="menu-item theme-tile" data-level="3">
3703    <a href="/collections/328-%E7%B2%BE%E8%8F%AF%E7%B4%A0" class="text" target="_top" style="color:">
3704    精華素      </a>
3705  </div>                  <div class="menu-item theme-tile" data-level="3">
3706    <a href="/collections/329-%E9%98%B2%E8%84%AB%E9%AB%AE%E9%A0%AD%E7%9A%AE%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3707    防脫髮頭皮護理      </a>
3708  </div>                      </div>
3709      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3710  <div class="sub-menus-title">
3711        <a href="/collections/322-%E5%8E%BB%E9%A0%AD%E7%9A%AE%E7%94%A2%E5%93%81" class="text" style="color:">
3712      去頭皮產品                        <i class="fa fa-chevron-right"></i>
3713                  </a>
3714  </div>
3715            <div class="menus sub-menus-content">
3716                  <div class="menu-item theme-tile" data-level="3">
3717    <a href="/collections/330-%E5%8E%BB%E9%A0%AD%E7%9A%AE%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3718    去頭皮洗頭水      </a>
3719  </div>                  <div class="menu-item theme-tile" data-level="3">
3720    <a href="/collections/331-%E5%8E%BB%E9%A0%AD%E7%9A%AE%E9%A0%AD%E7%9A%AE%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3721    去頭皮頭皮護理      </a>
3722  </div>                      </div>
3723      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3724  <div class="sub-menus-title">
3725        <a href="/collections/323-%E6%8E%A7%E6%B2%B9%E7%94%A2%E5%93%81" class="text" style="color:">
3726      控油產品                        <i class="fa fa-chevron-right"></i>
3727                  </a>
3728  </div>
3729            <div class="menus sub-menus-content">
3730                  <div class="menu-item theme-tile" data-level="3">
3731    <a href="/collections/332-%E6%8E%A7%E6%B2%B9%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3732    控油洗頭水      </a>
3733  </div>                  <div class="menu-item theme-tile" data-level="3">
3734    <a href="/collections/333-%E6%8E%A7%E6%B2%B9%E9%A0%AD%E7%9A%AE%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3735    控油頭皮護理      </a>
3736  </div>                      </div>
3737      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3738  <div class="sub-menus-title">
3739        <a href="/collections/324-%E6%95%8F%E6%84%9F%E9%A0%AD%E7%9A%AE" class="text" style="color:">
3740      敏感頭皮                        <i class="fa fa-chevron-right"></i>
3741                  </a>
3742  </div>
3743            <div class="menus sub-menus-content">
3744                  <div class="menu-item theme-tile" data-level="3">
3745    <a href="/collections/334-%E9%98%B2%E6%95%8F%E6%84%9F%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3746    防敏感洗頭水      </a>
3747  </div>                  <div class="menu-item theme-tile" data-level="3">
3748    <a href="/collections/335-%E9%98%B2%E6%95%8F%E6%84%9F%E9%A0%AD%E7%9A%AE%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3749    防敏感頭皮護理      </a>
3750  </div>                  <div class="menu-item theme-tile" data-level="3">
3751    <a href="/collections/336-%E9%98%B2%E6%95%8F%E6%84%9F%E7%B2%BE%E8%8F%AF%E7%B4%A0" class="text" target="_top" style="color:">
3752    防敏感精華素      </a>
3753  </div>                      </div>
3754      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3755  <div class="sub-menus-title">
3756        <a href="/collections/325-%E9%98%B2%E7%99%BD%E9%AB%AE" class="text" style="color:">
3757      防白髮                        <i class="fa fa-chevron-right"></i>
3758                  </a>
3759  </div>
3760            <div class="menus sub-menus-content">
3761                  <div class="menu-item theme-tile" data-level="3">
3762    <a href="/collections/337-%E9%98%B2%E7%99%BD%E9%AB%AE%E6%B4%97%E9%A0%AD%E6%B0%B4" class="text" target="_top" style="color:">
3763    防白髮洗頭水      </a>
3764  </div>                  <div class="menu-item theme-tile" data-level="3">
3765    <a href="/collections/338-%E9%98%B2%E7%99%BD%E9%AB%AE%E7%B2%BE%E8%8F%AF%E7%B4%A0" class="text" target="_top" style="color:">
3766    防白髮精華素      </a>
3767  </div>                      </div>
3768      </div>                      </div>
3769      </div>
3770<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3771  <div class="sub-menus-title">
3772        <a href="/collections/8-%E9%9B%BB%2F%E6%9F%93%2F%E7%9B%B4%E9%AB%AE%E7%94%A2%E5%93%81" class="text" style="color:">
3773      電/染/直髮產品                        <i class="fa fa-caret-down"></i>
3774                  </a>
3775  </div>
3776            <div class="menus">
3777                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3778  <div class="sub-menus-title">
3779        <a href="/collections/339-%E6%9F%93%E9%AB%AE%E5%93%81" class="text" style="color:">
3780      染髮品                        <i class="fa fa-chevron-right"></i>
3781                  </a>
3782  </div>
3783            <div class="menus sub-menus-content">
3784                  <div class="menu-item theme-tile" data-level="3">
3785    <a href="/collections/340-%E7%89%B9%E5%83%B9%E6%9F%93%E9%AB%AE%E5%8A%91" class="text" target="_top" style="color:">
3786    特價染髮劑      </a>
3787  </div>                  <div class="menu-item theme-tile" data-level="3">
3788    <a href="/collections/341-%E6%8C%81%E4%B9%85%E6%80%A7%E6%9F%93%E9%AB%AE%E5%8A%91" class="text" target="_top" style="color:">
3789    持久性染髮劑      </a>
3790  </div>                  <div class="menu-item theme-tile" data-level="3">
3791    <a href="/collections/342-%E5%8D%8A%E6%B0%B8%E4%B9%85%E6%9F%93%E9%AB%AE%E5%8A%91" class="text" target="_top" style="color:">
3792    半永久染髮劑      </a>
3793  </div>                  <div class="menu-item theme-tile" data-level="3">
3794    <a href="/collections/343-%E9%9B%99%E6%B0%A7%E5%A5%B6" class="text" target="_top" style="color:">
3795    雙氧奶      </a>
3796  </div>                  <div class="menu-item theme-tile" data-level="3">
3797    <a href="/collections/344-%E6%BC%82%E7%B2%89" class="text" target="_top" style="color:">
3798    漂粉      </a>
3799  </div>                  <div class="menu-item theme-tile" data-level="3">
3800    <a href="/collections/345-%E7%9F%AF%E8%89%B2%E5%8A%91" class="text" target="_top" style="color:">
3801    矯色劑      </a>
3802  </div>                  <div class="menu-item theme-tile" data-level="3">
3803    <a href="/collections/346-%E6%9A%AB%E6%99%82%E6%80%A7%E6%9F%93%E9%AB%AE%E5%8A%91" class="text" target="_top" style="color:">
3804    暫時性染髮劑      </a>
3805  </div>                  <div class="menu-item theme-tile" data-level="3">
3806    <a href="/collections/347-%E8%93%8B%E7%99%BD%E9%AB%AE%E5%B0%88%E7%94%A8" 
3806class="text" target="_top" style="color:">
3807    蓋白髮專用      </a>
3808  </div>                  <div class="menu-item theme-tile" data-level="3">
3809    <a href="/collections/348-%E6%B5%81%E8%A1%8C%E9%AB%AE%E8%89%B2" class="text" target="_top" style="color:">
3810    流行髮色      </a>
3811  </div>                  <div class="menu-item theme-tile" data-level="3">
3812    <a href="/collections/349-%E6%9F%93%E5%89%8D%E8%AD%B7%E7%90%86" class="text" target="_top" style="color:">
3813    染前護理      </a>
3814  </div>                  <div class="menu-item theme-tile" data-level="3">
3815    <a href="/collections/350-%E9%A1%8F%E8%89%B2%E6%B8%85%E9%99%A4%E5%8A%91" class="text" target="_top" style="color:">
3816    顏色清除劑      </a>
3817  </div>                  <div class="menu-item theme-tile" data-level="3">
3818    <a href="/collections/351-%E6%9F%93%E9%AB%AE%E7%94%A8%E5%85%B7" class="text" target="_top" style="color:">
3819    染髮用具      </a>
3820  </div>                      </div>
3821      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3822  <div class="sub-menus-title">
3823        <a href="/collections/352-%E7%9B%B4%E9%AB%AE%E7%94%A2%E5%93%81" class="text" style="color:">
3824      直髮產品                        <i class="fa fa-chevron-right"></i>
3825                  </a>
3826  </div>
3827            <div class="menus sub-menus-content">
3828                  <div class="menu-item theme-tile" data-level="3">
3829    <a href="/collections/353-%E8%B2%A0%E9%9B%A2%E5%AD%90%E8%86%8F" class="text" target="_top" style="color:">
3830    負離子膏      </a>
3831  </div>                  <div class="menu-item theme-tile" data-level="3">
3832    <a href="/collections/354-%E7%9B%B4%E9%AB%AE%E8%86%8F" class="text" target="_top" style="color:">
3833    直髮膏      </a>
3834  </div>                  <div class="menu-item theme-tile" data-level="3">
3835    <a href="/collections/355-%E8%B2%A0%E9%9B%A2%E5%AD%90%E5%A4%BE+%2F+%E7%9B%B4%E9%AB%AE%E5%A4%BE" class="text" target="_top" style="color:">
3836    負離子夾 / 直髮夾      </a>
3837  </div>                      </div>
3838      </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3839  <div class="sub-menus-title">
3840        <a href="/collections/356-%E9%9B%BB%E9%AB%AE%E7%94%A2%E5%93%81" class="text" style="color:">
3841      電髮產品                        <i class="fa fa-chevron-right"></i>
3842                  </a>
3843  </div>
3844            <div class="menus sub-menus-content">
3845                  <div class="menu-item theme-tile" data-level="3">
3846    <a href="/collections/357-%E9%9B%BB%E9%AB%AE%E6%B0%B4" class="text" target="_top" style="color:">
3847    電髮水      </a>
3848  </div>                  <div class="menu-item theme-tile" data-level="3">
3849    <a href="/collections/358-%E9%9B%BB%E9%AB%AE%E7%94%A8%E5%85%B7" class="text" target="_top" style="color:">
3850    電髮用具      </a>
3851  </div>                      </div>
3852      </div>                      </div>
3853      </div>
3854<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3855  <div class="sub-menus-title">
3856        <a href="/collections/7-%E7%BE%8E%E9%AB%AE%E5%B7%A5%E5%85%B7%E5%8F%8A%E5%84%80%E5%99%A8" class="text" style="color:">
3857      美髮工具及儀器                        <i class="fa fa-caret-down"></i>
3858                  </a>
3859  </div>
3860            <div class="menus">
3861                  <div class="menu-item theme-tile" data-level="2">
3862    <a href="/collections/360-%E9%A2%A8%E7%BD%A9" class="text" target="" style="color:">
3863    風罩      </a>
3864  </div>                  <div class="menu-item theme-tile" data-level="2">
3865    <a href="/collections/359-%E5%B0%88%E6%A5%AD%E9%A2%A8%E7%AD%92" class="text" target="" style="color:">
3866    專業風筒      </a>
3867  </div>                  <div class="menu-item theme-tile" data-level="2">
3868    <a href="/collections/361-%E7%9B%B4%E9%AB%AE%E5%A4%BE+%2F+%E8%B2%A0%E9%9B%A2%E5%AD%90%E5%A4%BE" class="text" target="" style="color:">
3869    直髮夾 / 負離子夾      </a>
3870  </div>                  <div class="menu-item theme-tile" data-level="2">
3871    <a href="/collections/362-%E7%B2%9F%E7%B1%B3%E5%A4%BE" class="text" target="" style="color:">
3872    粟米夾      </a>
3873  </div>                  <div class="menu-item theme-tile" data-level="2">
3874    <a href="/collections/363-%E6%9B%B2%E9%AB%AE%E5%99%A8%E6%9D%90" class="text" target="" style="color:">
3875    曲髮器材      </a>
3876  </div>                  <div class="sub-menus theme-tile" data-level="2" data-theme="tile">
3877  <div class="sub-menus-title">
3878        <a href="/collections/364-%E5%89%AA%E9%AB%AE%E5%99%A8%E6%9D%90" class="text" style="color:">
3879      剪髮器材                        <i class="fa fa-chevron-right"></i>
3880                  </a>
3881  </div>
3882            <div class="menus sub-menus-content">
3883                  <div class="menu-item theme-tile" data-level="3">
3884    <a href="/collections/365-%E9%9B%BB%E5%8B%95%E9%AB%AE%E5%89%AA" class="text" target="_top" style="color:">
3885    電動髮剪      </a>
3886  </div>                  <div class="menu-item theme-tile" data-level="3">
3887    <a href="/collections/366-%E8%BC%83%E5%89%AA+%2F+%E7%89%99%E5%89%AA" class="text" target="_top" style="color:">
3888    較剪 / 牙剪      </a>
3889  </div>                  <div class="menu-item theme-tile" data-level="3">
3890    <a href="/collections/367-%E5%89%AA%E9%AB%AE%E6%A2%B3" class="text" target="_top" style="color:">
3891    剪髮梳      </a>
3892  </div>                  <div class="menu-item theme-tile" data-level="3">
3893    <a href="/collections/368-%E5%89%8A%E5%88%80+%2F+%E5%89%8A%E6%A2%B3" class="text" target="_top" style="color:">
3894    削刀 / 削梳      </a>
3895  </div>                  <div class="menu-item theme-tile" data-level="3">
3896    <a href="/collections/369-%E8%BC%94%E5%8A%A9%E5%B7%A5%E5%85%B7" class="text" target="_top" style="color:">
3897    輔助工具      </a>
3898  </div>                      </div>
3899      </div>                  <div class="menu-item theme-tile" data-level="2">
3900    <a href="/collections/370-%E5%AF%B5%E7%89%A9%E9%9B%BB%E5%89%AA" class="text" target="" style="color:">
3901    寵物電剪      </a>
3902  </div>                  <div class="menu-item theme-tile" data-level="2">
3903    <a href="/collections/371-%E6%A2%B3" class="text" target="" style="color:">
3904    梳      </a>
3905  </div>                      </div>
3906      </div>
3907<div class="menu-item theme-tile" data-level="1">
3908    <a href="/collections/6-%E6%97%85%E8%A1%8C%E8%A3%9D%2F%E8%A9%A6%E7%94%A8%E8%A3%9D" class="text" target="_top" style="color:">
3909    旅行裝 / 試用裝      </a>
3910  </div>
3911<div class="menu-item theme-tile" data-level="1">
3912    <a href="/collections/5-%E9%A0%AD%E9%AB%AE%E7%87%9F%E9%A4%8A%E5%8A%91" class="text" target="_top" style="color:">
3913    頭髮營養劑      </a>
3914  </div>
3915<div class="menu-item theme-tile" data-level="1">
3916    <a href="/collections/4-%E7%94%B7%E5%A3%AB%E5%B0%88%E7%94%A8" 
3916class="text" target="_top" style="color:">
3917    男士專用      </a>
3918  </div>
3919<div class="menu-item theme-tile" data-level="1">
3920    <a href="/collections/3-%E5%AC%B0%E5%85%92%2F%E5%B0%8F%E5%AD%A9%E5%B0%88%E7%94%A8" class="text" target="_top" style="color:">
3921    嬰兒 / 小孩專用      </a>
3922  </div>
3923<div class="sub-menus theme-tile" data-level="1" data-theme="tile">
3924  <div class="sub-menus-title">
3925        <a href="/collections/2-%E5%85%B6%E4%BB%96" class="text" style="color:">
3926      其他                        <i class="fa fa-caret-down"></i>
3927                  </a>
3928  </div>
3929            <div class="menus">
3930                  <div class="menu-item theme-tile" data-level="2">
3931    <a href="/collections/372-%E9%A0%AD%E9%A3%BE" class="text" target="" style="color:">
3932    頭飾      </a>
3933  </div>                  <div class="menu-item theme-tile" data-level="2">
3934    <a href="/collections/373-%E6%B3%B5" class="text" target="" style="color:">
3935    æ³µ      </a>
3936  </div>                  <div class="menu-item theme-tile" data-level="2">
3937    <a href="/collections/374-%E7%A9%BA%E7%93%B6" class="text" target="" style="color:">
3938    空瓶      </a>
3939  </div>                  <div class="menu-item theme-tile" data-level="2">
3940    <a href="/collections/375-%E5%99%B4%E6%B0%B4%E5%A3%BA" class="text" target="" style="color:">
3941    噴水壺      </a>
3942  </div>                  <div class="menu-item theme-tile" data-level="2">
3943    <a href="/collections/376-%E4%BB%80%E8%B2%A8" class="text" target="" style="color:">
3944    什貨      </a>
3945  </div>                      </div>
3946      </div>
3947<div class="menu-item theme-tile" data-level="1">
3948    <a href="/shopping-credits-program-1" class="text" target="_top" style="color:">
3949    購物金計劃      </a>
3950  </div></div>        </nav>
3951      </div>
3952      </header>
3953</div>
3954		<div class="main-container">
3955		<div id="page-body"><div id="6ab8a4cd23490-component-container" class="pc-component-container php-component-container
3956				absolute
3957				
3958								
3959				" style="margin-top: 0px;
3960				margin-right: 0px;
3961				margin-bottom: 0px;
3962				margin-left: 0px;
3963				padding-top: 0px;
3964				padding-right: 0px;
3965				padding-bottom: 0px;
3966				padding-left: 0px;
3967				
3968				
3969				
3970							width:calc(100% - 0px - 0px);" data-sticky="no">
3971		
3972			<div id="6ab8a4cd234de-php-component" class="pc-component pc-component-text php-component php-component-text
3973				
3974				
3975				
3976				" data-component-token="6ab8a4cd234de" gs-x="19" gs-y="0" gs-w="31" gs-h="27" style="margin-top: 0px;
3977					margin-right: 0px;
3978					margin-bottom: 0px;
3979					margin-left: 0px;
3980					padding-top: 5px;
3981					padding-right: 5px;
3982					padding-bottom: 5px;
3983					padding-left: 5px;" data-row-id="33271">
3984				
3985			<div class="reset-this-wrapper" style=""><div class="reset-this"><p>&nbsp;</p>
3986<p style="text-align: center;"><span style="font-size:20px;"><strong>買滿300元順豐智能櫃或順豐站取件免運費</strong></span></p>
3987<h1 ng-non-bindable="" style="text-align: center;"><span style="font-size:16px;">* 免運費優惠需扣除積分、折扣後惠顧滿港幣$300或以上。<br/>
3988* 結帳時請選擇 [順豐站或順豐智能櫃取件] 送貨方式以取得優惠。<br/>
3989* 免運費優惠並不包括以下品牌及產品(系統會自動屏除):<br/>
3990&nbsp; &nbsp;- Benvol, Parlux, Panasonic, Hitachi, Paul Mitchell 1Gal, 所有Davroe 15ml 試用裝<br/>
3991* 每日兩點前存入貨款,同一天發貨(缺貨產品或預訂貨品除外),恕不另行通知發貨日期。<br/>
3992* 顧客需自行留意順豐短信通知到櫃時間,以免被順豐徵收超時費用。<br/>
3993* 如順豐超時費用產生,SHAMPOO HK 不會為此附上責任,顧客需自行向順豐交涉,敬請留意。</span></h1>
3994</div>
3995			</div>
3996		
3997			</div>
3998		
3999			</div>
4000				</div>
4001		
4002			<div id="page-body-overlay">
4003				<i class="fa fa-spinner fa-spin" style="display:none;"></i>
4004			</div>
4005			<div id="ajax-loader-progress"></div>
4006			</div>
4007		<div class="footer-container">
4008		<div id="page-footer">
4009			
4010			<div id="6ab8a4cd3e4a9-component-container" class="pc-component-container php-component-container
4011				absolute
4012				
4013								
4014				" style="margin-top: 0px;
4015				margin-right: 0px;
4016				margin-bottom: 0px;
4017				margin-left: 0px;
4018				padding-top: 0px;
4019				padding-right: 0px;
4020				padding-bottom: 0px;
4021				padding-left: 0px;
4022				
4023				
4024				
4025							width:calc(100% - 0px - 0px);" data-sticky="no">
4026		
4027			<div id="6ab8a4cd3e4da-php-component" class="pc-component pc-component-text php-component php-component-text
4028				
4029				
4030				
4031				" data-component-token="6ab8a4cd3e4da" gs-x="6" gs-y="0" gs-w="48" gs-h="12" style="margin-top: 0px;
4032					margin-right: 0px;
4033					margin-bottom: 0px;
4034					margin-left: 0px;
4035					padding-top: 5px;
4036					padding-right: 5px;
4037					padding-bottom: 35px;
4038					padding-left: 5px;" data-row-id="33958">
4039				
4040			<div class="reset-this-wrapper" style=""><div class="reset-this"><hr/>
4041<p>&nbsp;</p>
4042</div>
4043			</div>
4044		
4045			</div>
4046		
4047			<div id="6ab8a4cd3e507-php-component" class="pc-component pc-component-text php-component php-component-text
4048				
4049				
4050				
4051				" data-component-token="6ab8a4cd3e507" gs-x="6" gs-y="12" gs-w="16" gs-h="21" style="margin-top: 0px;
4052					margin-right: 0px;
4053					margin-bottom: 0px;
4054					margin-left: 0px;
4055					padding-top: 5px;
4056					padding-right: 5px;
4057					padding-bottom: 5px;
4058					padding-left: 5px;" data-row-id="33955">
4059				
4060			<div class="reset-this-wrapper" style=""><div class="reset-this"><p style="text-align: center;"><strong><span style="font-size:18px;">關於我們</span></strong></p><p style="text-align: center;"><span style="font-size:16px;"><a data-page-type="posifypage" href="/pages/about" rel="notSet">歡迎光臨 Shampoo.hk</a></span></p><p style="text-align: center;"><span style="font-size:16px;"><a data-page-type="posifypage" href="/pages/find-us-on-google-maps" rel="notSet">分店地圖</a></span></p><p style="text-align: center;"><span style="font-size:16px;"><a data-page-type="posifypage" href="/shopping-credits-program-1" rel="notSet">購物金</a></span></p><p style="text-align: center;"><span style="font-size:16px;"><a data-page-type="posifypage" href="/pages/wholesale-inquiry" rel="notSet">批發查詢</a></span></p><p style="text-align: center;"><span style="font-size:16px;"><a data-page-type="posifypage" href="/recruit" rel="noopener" target="_blank">人才招募</a></span></p></div>
4061			</div>
4062		
4063			</div>
4064		
4065			<div id="6ab8a4cd3e524-php-component" class="pc-component pc-component-text php-component php-component-text
4066				
4067				
4068				
4069				" data-component-token="6ab8a4cd3e524" gs-x="22" gs-y="12" gs-w="15" gs-h="20" style="margin-top: 0px;
4070					margin-right: 0px;
4071					margin-bottom: 0px;
4072					margin-left: 0px;
4073					padding-top: 5px;
4074					padding-right: 5px;
4075					padding-bottom: 5px;
4076					padding-left: 5px;" data-row-id="33956">
4077				
4078			<div class="reset-this-wrapper" style=""><div class="reset-this"><p style="text-align: center;"><strong><span style="font-size:18px;">顧客服務</span></strong></p><p style="text-align: center;"><a data-page-type="posifypage" href="/faq3" rel="notSet">常見問題</a></p><p style="text-align: center;"><a data-page-type="posifypage" href="/pages/shipping-returns" rel="notSet">送貨詳情</a></p><p style="text-align: center;"><a data-page-type="posifypage" href="/pages/payment-methods" rel="notSet">付款方式</a></p><p style="text-align: center;"><a href="/pages/membership-terms-and-conditions" rel="notSet">條款與細則</a></p><p style="text-align: center;"><a href="/pages/privacy-policy" rel="notSet">私隱權保護聲明</a></p></div>
4079			</div>
4080		
4081			</div>
4082		
4083			<div id="6ab8a4cd3e53e-php-component" class="pc-component pc-component-text php-component php-component-text
4084				
4085				
4086				
4087				" data-component-token="6ab8a4cd3e53e" gs-x="37" gs-y="12" gs-w="17" gs-h="95" style="margin-top: 0px;
4088					margin-right: 0px;
4089					margin-bottom: 0px;
4090					margin-left: 0px;
4091					padding-top: 5px;
4092					padding-right: 5px;
4093					padding-bottom: 5px;
4094					padding-left: 5px;" data-row-id="33957">
4095				
4096			<div class="reset-this-wrapper" style=""><div class="reset-this"><p style="text-align: center;"><strong><span style="font-size:18px;">聯絡我們</span></strong></p><p style="text-align: center;">WhatsApp:&nbsp;<a href="https://wa.me/85255991517">852 5599 1517</a><br/>
4096
4097(只限信息,不設通話)</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">電郵:&nbsp;<a href="mailto:[email protected]" rel="noopener" target="_blank">[email protected]</a></p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">康城店<br/>
4098營業時間 : 12:00-20:30<br/>
4099電話: +852 2886 3987<br/>
4100地址: 將軍澳康城 The LOHAS 4樓 406B舖<br/>
4101&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(康城站B出口)</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">上環店<br/>
4102營業時間 : 11:30-20:00<br/>
4103電話: +852 3705 9192<br/>
4104地址: 上環皇后大道中273-277號禧利大廈地下<br/>
4105&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;A舖(上環站A2出口)</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">筲箕灣店<br/>
4106營業時間 : 12:00-20:30<br/>
4107電話: +852 2153 0628<br/>
4108地址: 筲箕灣東大街59-99號東威大廈地下8A舖<br/>
4109&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(筲箕灣站B2出口)</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">旺角店<br/>
4110營業時間 : 12:00-20:30<br/>
4111電話: +852 2384 4377<br/>
4112地址: 旺角彌敦道577號高氏大樓地下6號舖<br/>
4113&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(旺角站 E1 出口)</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;">馬鞍山店<br/>
4114營業時間 : 12:00-20:30<br/>
4115電話: +852 2633 9560<br/>
4116地址: 馬鞍山廣場2樓239號舖&nbsp;<br/>
4117&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(馬鞍山站 A 出口)</p><p style="text-align: center;">坑口店<br/>
4118營業時間 : 12:00-20:30<br/>
4119電話: +852 &nbsp;2180 2581<br/>
4120地址: 將軍澳坑口東港城 2樓 261號舖(坑口 站A1出口)</p></div>
4121			</div>
4122		
4123			</div>
4124		
4125			<div id="6ab8a4cd3e586-php-component" class="pc-component pc-component-image php-component php-component-image
4126				
4127				
4128				
4129				" data-component-token="6ab8a4cd3e586" gs-x="9" gs-y="157" gs-w="41" gs-h="6" style="margin-top: 0px;
4130					margin-right: 0px;
4131					margin-bottom: 0px;
4132					margin-left: 0px;
4133					padding-top: 5px;
4134					padding-right: 5px;
4135					padding-bottom: 5px;
4136					padding-left: 5px;" data-row-id="33959">
4137				
4138				<img class="" src="https://cdn21.posify.me/docs/shampoohk/image-component/large/33959_zh_hk.png" alt=""/>
4139			
4140			</div>
4141		
4142			</div>
4143		
4144			<div id="6ab8a4cd3e6f3-component-container" class="pc-component-container php-component-container
4145				absolute
4146				
4147								
4148				" style="margin-top: 0px;
4149				margin-right: 0px;
4150				margin-bottom: 0px;
4151				margin-left: 0px;
4152				padding-top: 0px;
4153				padding-right: 0px;
4154				padding-bottom: 0px;
4155				padding-left: 0px;
4156				
4157				
4158				
4159							width:calc(100% - 0px - 0px);" data-sticky="no">
4160		
4161			</div>
4162				</div>
4163	</div>
4164		
4165			<div id="accept-cookies-modal">
4166				<div class="container">
4167					<div>
4168						<div class="h3">我們使用 Cookies</div>
4169						<p>我們使用 Cookies 等工具來啟用我們網站上的基本服務和功能,並收集有關訪問者如何與我們的網站、產品和服務互動的數據。單擊接受即表示您同意我們使用這些工具進行廣告、分析和支持。</p>
4170						<button class="accept-cookies btn btn-success marg-top-10">接受</button>
4171						<button class="decline-cookies btn btn-danger marg-top-10 marg-left-10">拒絕</button>
4172					</div>
4173				</div>
4174			</div>
4175		
4176			<footer style="opacity:0; background-color: ; color: rgba(209, 209, 209, 0.5); padding: 10px 0;">
4177				<div class="footer-bottom">
4178					<div class="container">
4179						
4180						<div class="pull-right text-in-center" style="opacity: 0; line-height: 0.1;">
4181							<ul>
4182								<li><a href="https://www.posify.me/hk/?ref=shampoohk" target="_blank">www.posify.me</a></li>
4183							</ul>
4184						</div>
4185					</div>
4186				</div>
4187			</footer><div id="shared-full-modal" data-color="" class="modal fade" tabindex="-1" role="dialog">
4188				<div class="modal-dialog modal-full">
4189					<div class="modal-content">
4190						<div class="modal-body">
4191							<div class="arrow-back" data-dismiss="modal"><i class="fa fa-arrow-left"></i></div>
4192							<div class="content-container"></div>
4193						</div>
4194					</div>
4195				</div>
4196			</div>
4197			<div id="shared-modal" class="modal fade ada-form-wrapper" tabindex="-1" role="dialog">
4198				<div class="modal-dialog modal-xs">
4199					<div class="modal-content">
4200						<div class="modal-body">
4201							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4202							<div class="content-container"></div>
4203						</div>
4204					</div>
4205				</div>
4206			</div>
4207			<div id="ada-header-sign-in-modal" class="modal fade ada-form-wrapper" tabindex="-1" role="dialog">
4208				<div class="modal-dialog modal-xs">
4209					<div class="modal-content">
4210						<div class="modal-body">
4211							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4212							<div class="h3 text-center marg-top-40 chinese-spacing">登入</div>
4213							<form id="ada-header-sign-in-form" action="/account/login?next_action=index" method="post" role="form" novalidate="">
4214								<input type="hidden" name="_csrf" value="HDnFPQEi1AWtXs_N8ZKpJe_zXCGwE6ESO2pP7Ofh7tYlcIFTNlShQO4R_57JwMhtpoJlFIZS539OLBnV366hrA==">
4215								<div class="form-group">
4216									<input type="text" class="form-control" name="email" placeholder="電子郵件" data-parsley-required="true" data-parsley-required-message="請輸入電子郵件。"/>
4217								</div>
4218								<div class="form-group readonly">
4219									<input type="hidden" name="country_code" class="intl-tel-country-code"/><input class="form-control intl-tel disabled" type="text" name="mobile" placeholder="電話號碼" autocomplete="off" data-parsley-intl-tel="" data-parsley-trigger="change keyup" data-parsley-group="mobile" data-country-code="" data-tel-no="" data-parsley-required="false" data-parsley-required-message="請輸入電話號碼。"/>
4220								</div>
4221								<div class="form-group">
4222									<div class="input-group" id="show_hide_password">
4223										<input type="password" autocomplete="off" class="form-control" name="password" placeholder="密碼" data-parsley-required-message="請輸入密碼。" required/>
4224										<div class="input-group-addon">
4225											<a href="javascript:;"><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
4226										</div>
4227									</div>
4228								</div>
4229								<div class="form-group">
4230									<label><input type="checkbox" id="l-remember"> 保持登入</label>
4231								</div>
4232								<div class="error-container text-danger"></div>
4233								<div class="form-group text-right">
4234									<a class="text-sm" id="forgot-password" href="javascript:;">忘記密碼?</a>
4235								</div>
4236								<div class="form-group text-center">
4237									<button type="submit" class="btn btn-primary btn-block login-button">登入</button>
4238								</div>
4239								<div class="text-center login-register-section chinese-spacing" style="margin-top:15px;"><a href="/account/login?next_action=index&register=yes">註冊新會員</a></div>
4240								<input type="hidden" name="next_action" value="index">
4241								<input type="hidden" name="next_action_params" value="">
4242								<input type="hidden" name="redirect" value="">
4243								<input type="hidden" name="action" id="action1" value="login">
4244								<input type="hidden" name="calling_from" id="calling_from" value="member">
4245							</form>
4246						</div>
4247					</div>
4248				</div>
4249			</div>
4250			<div id="common-form-modal" class="modal fade" tabindex="-1" role="dialog">
4251				<div class="modal-dialog modal-sm">
4252					<div class="modal-content">
4253						<div class="modal-header">
4254							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4255							<div class="modal-title"></div>
4256						</div>
4257						<div class="modal-body">
4258							<div class="modal-loading"><i class="fa fa-refresh fa-spin"></i></div>
4259							<div class="modal-data"></div>
4260						</div>
4261					</div>
4262				</div>
4263			</div><div id="ad-popup-modal" class="modal fade" tabindex="-1" role="dialog">
4264					<div class="modal-dialog">
4265						<div class="modal-content">
4266							<div class="modal-header">
4267								<span class="form-check">
4268									<input type="checkbox" id="dont-show-again-for-one-day" class="form-check-input"/>
4269									<label for="dont-show-again-for-one-day" class="form-check-label" style="margin-bottom:0;">一天內不再顯示</label>
4270								</span>
4271								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4272							</div>
4273							<div class="modal-body">
4274								<div id="ad-popup-content"></div>
4275							</div>
4276						</div>
4277					</div>
4278				</div>
4279			<div id="booking-detail-modal" class="modal fade" tabindex="-1" role="dialog">
4280				<div class="modal-dialog modal-sm">
4281					<div class="modal-content">
4282						<div class="modal-header">
4283							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4284							<div class="h4 modal-title">選擇日期及時間</div>
4285						</div>
4286						<div class="modal-body">
4287							<div class="modal-loading"><i class="fa fa-refresh fa-spin"></i></div>
4288							<div class="modal-data"></div>
4289						</div>
4290					</div>
4291				</div>
4292			</div>
4293			<div id="build-to-order-modal" class="modal fade" tabindex="-1" role="dialog">
4294				<div class="modal-dialog modal-sm">
4295					<div class="modal-content">
4296						<div class="modal-header">
4297							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4298							<div class="h4 modal-title">自訂商品</div>
4299						</div>
4300						<div class="modal-body">
4301							<div class="modal-loading"><i class="fa fa-refresh fa-spin"></i></div>
4302							<div class="modal-data"></div>
4303						</div>
4304					</div>
4305				</div>
4306			</div>
4307			
4308			<div class="modal fade" id="productSetailsModalAjax" tabindex="-1" role="dialog" aria-labelledby="productSetailsModalAjaxLabel" aria-hidden="true">
4309				<div class="modal-dialog">
4310					<div class="modal-content">
4311						<div class="modal-loading"><i class="fa fa-refresh fa-spin"></i></div>
4312						<div class="modal-data"></div>
4313					</div>
4314				</div>
4315			</div>		
4316
4317			<div id="registration-completed" class="modal fade modal-center" tabindex="-1" role="dialog">
4318				<div class="modal-dialog modal-sm">
4319					<div class="modal-content">
4320						<div class="modal-header">
4321							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4322							<div class="h4 modal-title">訊息</div>
4323						</div>
4324						<div class="modal-body text-center">
4325							<p class="icon-lg icon-success"><i class="fa fa-check-circle-o"></i></p>
4326							<strong>您已成功註冊!</strong>
4327							<p class="text-center continue-checkout">即將為您重新導向致結賬頁面...</p>
4328							<p class="text-center go-to-member-mine">即將為您重新導向致會員中心頁面...</p>
4329							<p>&nbsp;</p>
4330						</div>
4331						<div class="modal-footer">
4332							<button type="button" class="btn btn-primary" data-dismiss="modal">關閉</button>
4333						</div>
4334					</div>
4335				</div>
4336			</div>
4337
4338			<div id="reset-password" class="modal fade" tabindex="-1" role="dialog">
4339				<div class="modal-dialog modal-xs">
4340					<div class="modal-content">
4341						<div class="modal-header">
4342							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4343							<div class="h4 modal-title">忘記密碼?</div>
4344						</div>
4345						<div class="modal-body">
4346							<div class="ada-form-wrapper">
4347								<form id="forgot-password-form">
4348									
4349										<div class="form-group">
4350											<label>請輸入您的電子郵件,系統將重設您的密碼並發送電郵給您。</label>
4351											<input class="form-control" type="text" id="forgot-email" placeholder="請輸入"/>
4352										</div>
4353									
4354									
4355									
4356										<div class="font-line"><span>或</span></div>
4357									
4358
4359									
4360										<div id="otp-forgot-password">
4361											<div class="form-group">
4362												<label>請輸入您註冊時的手機號碼,系統將以短訊發送一次性密碼給您。</label>
4363												<input type="hidden" name="forgot_mobile_country_code" id="forgot-mobile-country-code" class="intl-tel-country-code"/>
4364												<input class="form-control intl-tel" type="text" name="forgot_mobile" id="forgot-mobile" placeholder="請輸入" autocomplete="off" data-parsley-intl-tel="" data-parsley-trigger="change keyup" data-parsley-group="mobile" data-country-code="" data-tel-no="" data-parsley-required="false" data-parsley-required-message="請輸入電話號碼。"/>
4365											</div>								
4366										</div>
4367									
4368									 <input type="hidden" id="forgot-channel" value=""/>
4369								</form>
4370							</div>
4371						</div>
4372						<div class="modal-footer">
4373							<button type="button" class="btn btn-block btn-primary" id="forgot-confirm">提交</button>
4374						</div>
4375					</div>
4376				</div>
4377			</div>
4378
4379			<div id="repay-supplement-info-modal" class="modal fade" tabindex="-1" role="dialog">
4380				<div class="modal-dialog modal-xs">
4381					<div class="modal-content">
4382						<div class="modal-header">
4383							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4384							<div class="h4 modal-title">重新付款</div>
4385						</div>
4386						<div class="modal-body">
4387							<p>您選擇的期望日期及時段已過期,請重新選擇。</p>
4388							<div class="form-group">
4389								<label>期望送貨日期 <sup class="text-danger">*</sup></label>
4390								<input class="form-control" type="text" name="expected_delivery_date" placeholder="請輸入" readonly style="background-color:transparent;"/>
4391								<select class="form-control" name="expected_delivery_time">
4392								</select>
4393							</div>	
4394						</div>
4395						<div class="modal-footer">
4396							<button type="button" class="btn btn-primary btn-confirm">提交</button>
4397						</div>
4398					</div>
4399				</div>
4400			</div>
4401
4402			<div id="booking-info" class="modal fade modal-center" tabindex="-1" role="dialog">
4403				<div class="modal-dialog modal-sm">
4404					<div class="modal-content">
4405						<div class="modal-header">
4406							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4407							<div class="h4 modal-title">客戶資料</div>
4408						</div>
4409						<div class="modal-body">
4410							<form id="booking-info-form" action="/pages/freesfloker" method="post" role="form">							
4411								<div class="form-group">
4412									<label>顧問</label>
4413									<select class="form-control" name="technician_id" placeholder="請選擇"></select>
4414								</div>
4415								<div class="equipment-selection-group"></div>
4416								<div class="form-group">
4417									<label>備註</label>
4418									<textarea class="form-control" name="remarks" placeholder="請輸入" rows="5"></textarea>
4419								</div>
4420								<input type="hidden" name="_csrf" value="6ab8a4cd4e09e">
4421							</form>
4422						</div>
4423						<div class="modal-footer">
4424							<button type="button" id="cancel-booking" class="btn btn-danger pull-left"><i class="fa fa-times-circle"></i> 取消預訂</button>
4425							<button type="button" id="confirm-booking" class="btn btn-info"><i class="fa fa-check-circle"></i> 確認</button>
4426						</div>
4427					</div>
4428				</div>
4429			</div>
4430			
4431			<div id="otp-modal" class="modal fade" tabindex="-1" role="dialog">
4432				<div class="modal-dialog modal-xs">
4433					<div class="modal-content">
4434						<div class="modal-header">
4435							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4436							<div class="h4 modal-title">以短信發送一次性密碼</div>
4437						</div>
4438						<div class="modal-body text-center">
4439							<div id="otp-tel-section">
4440								<p class="text-left">手機號碼<span class="text-danger">*</span></p>
4441								<input type="hidden" name="login_country_code" id="login-country-code" value=""/>
4442								<input type="text" class="form-control" name="login_mobile" id="l-login-mobile" placeholder="請輸入" value="" data-parsley-intl-tel=""/>								</div>						
4443							<div id="otp-password-section">
4444								<p class="text-left">請輸入一次性密碼</p>
4445								<input type="text" class="form-control" id="one-time-password" maxlength="5" placeholder="請輸入"/>
4446							</div>
4447						</div>
4448						<div class="modal-footer">
4449							<button type="button" class="btn btn-primary modal-button" id="otp-send">發送短訊</button>
4450							<button type="button" class="btn btn-primary modal-button hidden" id="otp-resend" disabled>重發簡訊<span id="otp-countdown"> (45)</span></button>
4451							<button type="button" class="btn btn-primary modal-button" id="otp-confirm">登入</button>
4452						</div>
4453					</div>
4454				</div>
4455			</div>
4456
4457			<div id="migrate-profile" class="modal fade" tabindex="-1" role="dialog">
4458				<div class="modal-dialog modal-sm">
4459					<div class="modal-content">
4460						<div class="modal-header">
4461							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4462							<div class="h4 modal-title">將送貨聯繫資料遷移到個人資料?</div>
4463						</div>
4464						<div class="modal-body text-center">
4465							<p class="text-left">將送貨聯繫資料遷移到個人資料?</p>
4466						</div>						
4467						<div class="modal-footer">
4468							<button type="button" class="btn btn-primary" id="migrate-confirm">遷移</button>
4469						</div>
4470					</div>
4471				</div>
4472			</div>
4473			
4474			<div id="user-supplement" class="modal fade" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
4475				<div class="modal-dialog modal-sm">
4476					<div class="modal-content">
4477						<div class="modal-header"><div class="h4 modal-title">補充資料</div>
4478						</div>
4479						<div class="modal-footer">
4480							<button type="button" class="btn btn-primary modal-button" id="supplement-confirm">提交</button>
4481						</div>
4482					</div>
4483				</div>
4484			</div>
4485			
4486			<div class="modal fade" id="popupBundleModal" tabindex="-1" role="dialog" aria-labelledby="popupBundleModalTitle" aria-hidden="true">
4487				<div class="modal-dialog popup-bundle-dialog" role="document">
4488					<div class="modal-content popup-bundle-content"><div class="modal-header popup-bundle-header">
4489							<div class="modal-title popup-bundle-title">組合商品<br/><span style="font-size:14px;">選擇<span class="bundleItemCount"></span>件產品於<span id="bundleItemName"></span>中</span><span class="pull-right" style="font-size:14px; line-height:34px;">已選擇&nbsp;<span class="bundleItemSelectedCount">0</span>/<span class="bundleItemCount"></span></span></div>
4490							<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="opacity:1;">
4491					  			<span aria-hidden="true" class="popup-bundle-close">&times;</span>
4492							</button>
4493							<button type="button" class="close" style="opacity:1;">
4494					  			<span aria-hidden="true" class="popup-bundle-back"><i class="fas fa-angle-left"></i></span>
4495							</button>							
4496				  		</div><div class="modal-body popup-bundle-body"><div class="row first-layer hidden-xs" style="border-bottom: 1px solid #ccc;">
4497								<div class="col-xs-12">
4498									<div class="f-right">
4499										<div class="w100 clearfix center-xs-inner">
4500											<p class="pull-left shrtByP center-xs">
4501											</p>
4502											<div class="pull-right">
4503												<p class="pull-right change-view-flat">
4504													<span>顯示:</span>
4505													<a href="#" title="Grid" class="grid-view"><i class="fa fa-th-large"></i></a>
4506													|
4507													<a href="#" title="List" class="list-view"><i class="fa fa-th-list"></i></a>
4508												</p>
4509											</div>
4510										</div>
4511									</div>
4512								</div>							
4513							</div><div id="bundleItemList" class="row first-layer no-marg-row no-hori-padding categoryProduct equal-height col-12" style="margin-top:15px;"></div>
4514							<div class="loader" style="display:none;"></div><div id="bundleItemDetail" class="row second-layer">
4515							</div>
4516				  		</div>
4517					</div>
4518			  	</div>
4519			</div><div id="sms-verification-channel" class="modal fade modal-center" tabindex="-1" role="dialog">
4520				<div class="modal-dialog modal-sm">
4521					<div class="modal-content">
4522						<div class="modal-header">
4523							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4524							<div class="h4 modal-title">確認</div>
4525						</div>
4526						<div class="modal-body">請選擇接收驗證碼的方式。</div>
4527						<div class="modal-footer text-center">
4528							<button type="button" class="btn btn-primary pull-left" id="verify-by-sms">使用短信</button>
4529							<button type="button" class="btn btn-primary pull-left" id="verify-by-whatsapp">使用WhatsApp</button>
4530							<button type="button" class="btn btn-primary pull-left" id="verify-by-weixin">使用微信</button>
4531							<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
4532						</div>
4533					</div>
4534				</div>
4535			</div>
4536	
4537			<div id="system-confirm" class="modal fade modal-center" tabindex="-1" role="dialog">
4538				<div class="modal-dialog modal-sm">
4539					<div class="modal-content">
4540						<div class="modal-header">
4541							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4542							<div class="h4 modal-title">確認</div>
4543						</div>
4544						<div class="modal-body">
4545						...
4546						</div>
4547						<div class="modal-footer">
4548							<button type="button" class="btn btn-primary" id="confirm-yes">確定</button>
4549							<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
4550						</div>
4551					</div>
4552				</div>
4553			</div>
4554
4555			<div id="system-info" class="modal fade modal-center " tabindex="-1" role="dialog">
4556				<div class="modal-dialog modal-sm">
4557					<div class="modal-content">
4558						<div class="modal-header">
4559							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4560							<div class="h4 modal-title">訊息</div>
4561						</div>
4562						<div class="modal-body">
4563						...
4564						</div>
4565						<div class="modal-footer">
4566							<button type="button" class="btn btn-primary" data-dismiss="modal">確定</button>
4567						</div>
4568					</div>
4569				</div>
4570			</div><div id="onepageslip-login" class="modal fade" tabindex="-1" role="dialog">
4571				<div class="modal-dialog modal-lg">
4572					<div class="modal-content">
4573						<div class="modal-header">
4574							<div class="h4 modal-title">登入<a class="pull-right" data-dismiss="modal"><i class="fas fa-times"></i></a></div>
4575						</div>
4576						<div class="modal-body">
4577						</div>
4578					</div>
4579				</div>
4580			</div><div class="modal fade modal-center" id="arrival-subscribe-modal" tabindex="-1" role="dialog">
4581				<div class="modal-dialog modal-xs">
4582					<div class="modal-content">
4583						<div class="modal-body">
4584							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4585							<div class="h3 text-center marg-top-40 chinese-spacing">到貨通知</div>
4586							<form id="arrival-subscribe-form" role="form" novalidate="">
4587								<input type="hidden" name="_csrf" value="HDnFPQEi1AWtXs_N8ZKpJe_zXCGwE6ESO2pP7Ofh7tYlcIFTNlShQO4R_57JwMhtpoJlFIZS539OLBnV366hrA==">
4588								<div class="error-container text-danger"></div>
4589								<div class="form-group text-center">
4590									<button type="submit" class="btn btn-primary btn-block">訂閱</button>
4591								</div>
4592							</form>
4593						</div>
4594					</div>
4595				</div>
4596			</div>			
4597
4598			<div id="verify-sms" class="modal fade" tabindex="-1" role="dialog">
4599				<div class="modal-dialog modal-sm">
4600					<div class="modal-content">
4601						<div class="modal-header">
4602							<button type="button" class="close base-modal-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4603							<div class="h4 modal-title">電郵驗證</div>
4604						</div>
4605						<div class="modal-body text-center">
4606							<p class="icon-lg icon-success"><i class="fa fa-check-circle"></i></p>
4607							<p class="text-center input-hints">驗證碼已以電郵發出,請輸入驗證碼:</p>
4608							<p class="text-center">&nbsp;</p>
4609							<input type="text" class="text-center" id="verify-code" maxlength="5" placeholder="請輸入"/>
4610						</div>
4611						<div class="modal-footer">
4612							<button type="button" class="btn btn-primary modal-button" id="verify-resend" disabled><span class="reset-text">重發電郵</span><span id="verify-countdown"> (45)</span></button>
4613							<button type="button" class="btn btn-primary modal-button" id="verify-confirm">驗證</button>
4614						</div>
4615					</div>
4616				</div>
4617			</div><div class="modal fade modal-center " id="check-free-shipping-modal" role="dialog">
4618  <div class="modal-dialog" style="max-width: 700px">
4619    <div class="modal-content">
4620      <div class="modal-header">
4621        <span>通知</span>
4622        <i class="fa fa-close" id="close-btn"></i>
4623      </div>
4624      <div class="modal-body">
4625        <div class="banner" id="check-free-shipping-modal-banner">
4626                  </div>
4627        <div class="content">
4628          <p class="title">添加成功!</p>
4629          <p class="sub-title">商品已成功加入購物車</p>
4630          <div id="promotion-process"></div>
4631        </div>
4632      </div>
4633      <div class="modal-footer">
4634        <button class="modal-btn" id="keep-shipping-btn">繼續購物</button>
4635        <button class="modal-btn primary" id="go-checkout-btn">前往結算</button>
4636      </div>
4637    </div>
4638  </div>
4639</div><div class="hidden modal fade modal-center " id="product-item-remark-modal" role="dialog">
4640  <div class="modal-dialog" style="max-width: 700px">
4641    <div class="modal-content">
4642      <div class="modal-header">
4643        <span>備註</span>
4644        <i class="fa fa-close" id="close-btn" @click="closeRemarkModal"></i>
4645      </div>
4646      <div class="modal-body">
4647        <textarea class="content" :disabled="loading" v-model="inputVal" placeholder="請輸入備註"></textarea>
4648      </div>
4649      <div class="modal-footer">
4650        <button class="modal-btn primary" @click="handleSubmit" :disabled="loading">
4651          <i class="loading-icon fa fa-spinner fa-spin" v-if="loading"></i>
4652          確認        </button>
4653      </div>
4654    </div>
4655  </div>
4656</div>
4657	
4658	<section class="common-side-cart-container hidden" id="common-side-cart">
4659  <div class="cart-mask-layer" v-show="showCart" @click="closeCartModal"></div>
4660  <div :class="['cart-wrapper', {'in': showCart}]">
4661    <div class="cart-title">
4662      <button type="button" class="close-btn" @click="closeCartModal"><i class="fa fa-times"></i></button>
4663      <p class="title">購物車</p>
4664      <button type="button" class="clear-btn" @click="handleCartClear">
4665        <span class="text">清除</span>
4666        <i class="fa fa-trash-o" aria-hidden="true"></i>
4667      </button>
4668    </div>
4669        <div class="cart-select-all">
4670      <label class="checkbox-wrapper">
4671        <div class="checkbox-inline">
4672          <input type="checkbox" :checked="selectAll" @change="handleSelectAll" :disabled="isSelectedAllDisabled"/>
4673          <div class="checkbox-inner"></div>
4674        </div>
4675        <div class="text">選擇全部 {{ selectedItemCount }} 商品</div>
4676      </label>
4677    </div>
4678    <div class="cart-items">
4679      <div class="loading-item" v-if="loading">
4680        <i class="loading-icon fa-2x fa fa-spinner fa-spin"></i>
4681      </div><div class="product-item" v-for="product in cart.products" :key="product.item_id">
4682        <label class="checkbox-wrapper" v-if="!product.gift_add_benefit_id">
4683          <div class="checkbox-inline">
4684            <input type="checkbox" :checked="!cart.excludeItemIds.includes(product.item_id)" @input="(e)=> handleProductCheck(e, product)"
4685              :disabled="product.outOfStock"
4686            />
4687            <div class="checkbox-inner"></div>
4688          </div>
4689        </label>
4690        <div class="gift-icon" v-else>
4691          <i class="fa fa-gift"></i>
4692        </div>
4693        <div class="product-wrapper">
4694          <div class="product-content">
4695            <a class="product-cover" :href="product.detailUrl">
4696              <img :src="product.photo" :alt="product.name">
4697            </a>
4698            <div class="product-info">
4699              <a :href="product.detailUrl" class="name">{{product.name}}</a>
4700              <p v-if="product.sku_desc" class="sku-desc">{{product.sku_desc}}</p>
4701              <p v-if="product.rentalDesc" class="rental-desc">{{product.rentalDesc}}</p>
4702              <span class="price">{{product.currencySymbol + ' ' + addThousandSeparator(product.unit_price)}}</span>
4703              <div class="qty-wrapper">
4704                <div class="adjust-control-wrapper" v-if="!product.gift_add_benefit_id">
4705                  <div class="item-qty" :class="{disabled: product.outOfStock}" v-show="!product.loading">
4706                    <button class="adjust-btn adjust-minus-btn" @click="()=> handleQtyMinus(product)"></button>
4707                    <input type="number" :value.number="product.qty" :min="product.moq" :disabled="product.outOfStock" :max="product.max_order_quantity" @change="(event)=> handleQtyChange(event.target.value, product)" 
4708                    />
4709                    <button class="adjust-btn adjust-plus-btn" @click="()=> handleQtyPlus(product)"></button>
4710                  </div>
4711                  <span class="item-loading" v-show="product.loading">
4712                    <i class="loading-icon fa fa-spinner fa-spin"></i>
4713                  </span>
4714                </div>
4715                <p class="text-qty" v-else>{{product.qty}}</p>
4716                <span class="weight" v-show="!product.loading && product.needScale">{{getTotalWeight(product)}}</span>
4717              </div>
4718            </div>
4719            <div class="product-operate">
4720              <button type="button" class="edit-btn" :disabled="product.outOfStock" @click="()=> handleProductRemarkEdit(product)">
4721                <i class="fa fa-edit" aria-hidden="true"></i>
4722              </button>
4723              <button type="button" class="clear-btn" @click="()=> handleProductRemove(product)">
4724                <i class="fa fa-trash-o" aria-hidden="true"></i>
4725              </button>
4726            </div>
4727          </div>
4728          <div class="product-remark" v-if="product.item_remarks">
4729            <p class="name">備註</p>
4730            <p class="value" v-html="product.item_remarks"></p>
4731          </div><div class="product-promotion-item-container" v-if="hasPromotions(product)"><div class="product-promotion-item" v-if="getActivePromotions(product.relatedPromotions)> 0">
4732              <p class="title">已享優惠</p>
4733              <div class="item-promotion-list">
4734                <template v-for="promotion in product.relatedPromotions">
4735                  <span class="promotion-tag active" v-if="promotion.active" :key="promotion.promotion_id">
4736                    {{promotion.promotion_name}}
4737                  </span>
4738                </template>
4739              </div>
4740            </div></div>
4741        </div>
4742      </div><div class="promotion-item" v-if="parseFloat(cart.tax_total)> 0 && !hideTaxFee">
4743        <div class="title">稅額</div>
4744        <div class="value">{{cart.currencySymbol}} {{addThousandSeparator(cart.tax_total)}}</div>
4745      </div><div class="promotion-item" v-if="parseFloat(cart.delivery_total)> 0 && !hideShippingFee">
4746        <div class="title">運費</div>
4747        <div class="value">{{cart.currencySymbol}} {{addThousandSeparator(cart.delivery_total)}}</div>
4748      </div><div class="promotion-item" v-if="parseFloat(cart.handling_fee_total)> 0 && !hideHandingFee">
4749        <div class="title">手續費</div>
4750        <div class="value">{{cart.currencySymbol}} {{addThousandSeparator(cart.handling_fee_total)}}</div>
4751      </div>
4752    </div>
4753    <div class="discount-list-container border-left border-right" v-if="cart.promotion_bd && cart.promotion_bd.length && !hidePromotion">
4754      <div class="discount-list-item" v-for="promotion in cart.promotion_bd">
4755        <span class="text">{{ promotion.name }}</span>
4756        <span class="price">(HK$ {{ promotion.amount }})</span>
4757      </div>
4758    </div>
4759    <div class="cart-summary">
4760      <div class="bundle-sales-list" v-if="hasGiftsExist">
4761        <div class="bundle-sales-item" v-for="bundleSale in cart.item_selection" :key="bundleSale.gift_add_benefit_id" @click="()=> openPromotionModal(bundleSale)"
4762        >
4763          <b class="bundle-tag">推廣</b>
4764          <p class="bundle-title">{{ bundleSale.gift_title }}</p>
4765          <i class="fa fa-angle-right rotate-icon"></i>
4766        </div>
4767      </div>
4768      <div class="grand-total">
4769        <p class="grand-total-label">小計</p>
4770        <template v-if="!hideDiscountTotal">
4771          <div class="discounts">
4772            <p class="origin-price" v-if="originTotalPrice> 0">{{cart.currencySymbol}} {{addThousandSeparator(originTotalPrice)}}</p>
4773            <p class="discount-price" v-if="cart.discount_total> 0">(節省 {{cart.currencySymbol}} {{cart.discount_total}})</p>
4774          </div>
4775        </template>
4776        <b class="grand-total-price">
4777          {{cart.currencySymbol}} {{ addThousandSeparator(!hideDiscountTotal ? grandTotal : cart.item_total) }}
4778        </b>
4779      </div>
4780
4781      <div class="checkout">
4782        <button class="btn btn-block btn-block btn-primary" @click="handleGoCheckout">
4783          前往結算        </button>
4784      </div>
4785    </div>
4786  </div><div class="modal fade" id="gift-promotion-modal" role="dialog">
4787    <div class="modal-dialog" style="max-width: 1000px;">
4788      <div class="modal-content">
4789        <div class="modal-header">
4790          <p class="modal-title">推廣</p>
4791          <p class="desc" v-if="selectGiftPromotion">{{selectGiftPromotion.gift_title}}</p>
4792          <i class="fa fa-close" id="close-btn" @click="closePromotionModal"></i>
4793        </div>
4794        <div class="modal-body">
4795          <div class="product-list" v-if="selectGiftPromotion">
4796            <div class="product-item" v-for="item in selectGiftPromotion.gift_opts" :key="item.pid">
4797              <div class="cover">
4798                <img :src="item.photo" :alt="item.name">
4799              </div>
4800              <p class="name" v-html="item.name"></p>
4801              <div class="adjust-control-wrapper">
4802                <div class="item-qty">
4803                  <span class="adjust-btn adjust-minus-btn" @click="()=> handleGiftQtyMinus(item)"></span>
4804                  <input type="number" v-model.number="item.qty" min="0" :max="item.ava_qty" @change="(event)=> handleGiftQtyChange(event.target.value, item)" 
4805                  />
4806                  <span class="adjust-btn adjust-plus-btn" @click="()=> handleGiftQtyPlus(item)"></span>
4807                </div>
4808              </div>
4809            </div>
4810          </div>
4811        </div>
4812        <div class="modal-footer">
4813          <p class="select-gift-desc" v-if="selectGiftPromotion">
4814            已選擇 {{computedSelectedGift}}/{{selectGiftPromotion.gift_qty}}
4815          </p>
4816          <button class="btn btn-primary" @click="handleAddGiftItem">
4817            <template v-if="loading">
4818              <i class="loading-icon fa fa-spinner fa-spin"></i>
4819            </template>
4820            <template v-else>
4821              加入購物車            </template>
4822          </button>
4823        </div>
4824      </div>
4825    </div>
4826  </div>
4827</section> 
4827<script src="/js/popper/popper.min.js"></script>
vendor: 1 bytes, line 4827
4827
4828<script src="https://cdn21.posify.me/9.3.01.2403.0625.18/js/jquery-2.2.4.min.js"></script>
vendor: 1 bytes, line 4828
4828
4829<script src="/assets/d181be77e4cce098dbf08d0b89fcf036/yii.js"></script>
vendor: 1 bytes, line 4829
4829
4830<script src="https://cdn21.posify.me/9.3.01.2403.0625.18/js/compiled/compiled-3rd-party.min.js?v=9.3.01.2403.0625.18"></script>
vendor: 1 bytes, line 4830
4830
4831<script src="https://cdn21.posify.me/9.3.01.2403.0625.18/js/compiled/compiled-component.min.js?v=9.3.01.2403.0625.18"></script>
vendor: 1 bytes, line 4831
4831
4832<script src="/core-assets/js/posify.web-push.js"></script>
vendor: 1 bytes, line 4832
4832
4833<script src="/js/qrcode.js"></script>
vendor: 1 bytes, line 4833
4833
4834<script>jQuery(function ($) {
4835if (typeof GoogleAdsTrackEvents =='function') {
4836		GoogleAdsTrackEvents('ALL');
4837	}
4838	if (typeof GoogleRemarketingTrackEvents =='function') {
4839		GoogleRemarketingTrackEvents('ALL');
4840	}
4841$('body').attr('style','');
4842initComponentContainer("6ab8a4cd23490", { show_image: false, parallax_scroll: false, backgroundImage:"", renderMode:"absolute", fullWidth: false, equalHeight: false });
4843initComponentCommon("6ab8a4cd234de", {"componentId":"6ab8a4cd234de","componentType":"component-text","minWidth": 0,"maxWidth": 0 });
4844initComponentText("6ab8a4cd234de", { enableFontSizePxToVw: false, isPosifyApp: false });
4845setTimeout(function() {
4846		$(window).trigger('posify:windowResized');
4847	}, 2000);
4848$.cookie.json = true;
4849				resizeWidth = $(window).width();
4850				window.onscroll = function() {
4851					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
4852						document.getElementById('toTopBtn').style.display ='inline-block';
4853						if (backToTopTimeout != undefined) {
4854							clearTimeout(backToTopTimeout);
4855						}
4856						backToTopTimeout = setTimeout(function() {
4857							$('#toTopBtn').fadeOut();
4858						}, 3000);
4859					} else {
4860						document.getElementById('toTopBtn').style.display ='none';
4861					}
4862					if (sessionStorage.getItem('currentOffsetY') == null || window.pageYOffset != 0) {
4863						sessionStorage.setItem('currentOffsetY', window.pageYOffset);
4864					}
4865				};
4866				function resizeEnd() {
4867					if (new Date() - resizeTime < resizeDelta) {
4868						setTimeout(resizeEnd, resizeDelta);
4869					} else {
4870						resizeTimeout = false;
4871						$(window).trigger('posify:windowResized');
4872					}
4873				}
4874				$(window).resize(function() {
4875					pageTopResize();
4876				});
4877				setTimeout(function(){pageTopResize();}, 1000);
4878				function pageTopResize(){
4879					if (resizeWidth != $(window).width()) {
4880						resizeWidth = $(window).width();
4881						resizeTime = new Date();
4882						if (resizeTimeout === false) {
4883							resizeTimeout = true;
4884							setTimeout(resizeEnd, resizeDelta);
4885						}
4886					}
4887					switch ('becup') {
4888						case'magic':
4889							$('.magic-pc-header').css('min-height', parseFloat($('.magic-header').outerHeight()) +'px');
4890							$('.becup-member-menu').css('top', $('.magic-pc-header').outerHeight() +'px');
4891						break;
4892						case'boss':
4893							var height = $(window).scrollTop();
4894							if(height < 10){
4895								$('.common-product-category-menu').css('top', $('#boss-header').height() +'px');
4896							}else{
4897								$('.common-product-category-menu').css('top', $('.sticky-wrapper').height() +'px');
4898							}
4899							if($('.menu-tag-dropdown-content-item').width() < 350){
4900								$('.second-tier-image').hide();
4901							}else{
4902								$('.second-tier-image').show();
4903							}
4904						break;
4905					}
4906				}
4907
4908				$(window).scroll(function(){
4909					switch ('becup') {
4910						case'boss':
4911							var height = $(window).scrollTop();
4912							if(height < 10){
4913								$('.common-product-category-menu').css('top', $('#boss-header').height() +'px');
4914							}else{
4915								$('.common-product-category-menu').css('top', $('.sticky-wrapper').height() +'px');
4916							}
4917						break;
4918					}
4919				});
4920				switch ('becup') {
4921					case'boss':
4922						if($('.menu-tag-dropdown-content-item').width() < 350){
4923							$('.second-tier-image').hide();
4924						}else{
4925							$('.second-tier-image').show();
4926						}
4927					break;
4928				}
4929				setTimeout(function() {
4930					if ($('.pc-component-slideshow-full-page').length == 0) {
4931						$('footer').css('opacity','1');
4932					}
4933				}, 3000);
4934				$.post('/page/new-user-supplement', {
4935					 _csrf: new Date().getTime(),
4936					 action:'check',
4937				}, function(data) {
4938					var path = window.location.href;
4939					if(!path.includes('login?action=supplement')){
4940						$.globalEval(data);
4941					}
4942				});
4943				function inputEnd(input) {
4944					if (new Date() - inputTime < inputDelta) {
4945						setTimeout(function() {
4946							inputEnd(input);
4947						}, inputDelta);
4948					} else {
4949						inputTimeout = false;
4950						$(input).trigger('posify:inputEnd');
4951					}
4952				}
4953				function listenInputEnd(input) {
4954					inputTime = new Date();
4955					if (inputTimeout === false) {
4956						inputTimeout = true;
4957						setTimeout(function() {
4958							inputEnd(input);
4959						}, inputDelta);
4960					}
4961				}
4962				function changeEnd(input) {
4963					if (new Date() - changeTime < changeDelta) {
4964						setTimeout(function() {
4965							changeEnd(input);
4966						}, changeDelta);
4967					} else {
4968						changeTimeout = false;
4969						$(input).trigger('posify:changeEnd');
4970					}
4971				}
4972				function listenChangeEnd(input) {
4973					changeTime = new Date();
4974					if (changeTimeout === false) {
4975						changeTimeout = true;
4976						setTimeout(function() {
4977							changeEnd(input);
4978						}, changeDelta);
4979					}
4980				}
4981				$.fancybox.defaults.hash = false;
4982				$('.lazy-image').lazy({ delay: 0 });
4983				$('a[data-ajax-loader][href!="#"]').click(function() {
4984					if (navigator.userAgent.match(/iPad/i) != null && $(this).data('toggle') =='dropdown') {
4985						var subMenu = $(this).closest('.dropdown').children('.dropdown-menu');
4986						if (subMenu.is(':visible')) {
4987							subMenu.hide();
4988						} else {
4989							subMenu.fadeIn();
4990						}
4991						return false;
4992					}
4993					if ($('.pc-component-slideshow-full-page').length == 0 && $('.parallax-mirror').length == 0) {
4994						ajaxLoad($(this).attr('href'), true);
4995						return false;
4996					}
4997				});
4998				window.addEventListener('beforeunload', function(e) {
4999					sessionStorage.setItem('lastOffsetY', sessionStorage.getItem('currentOffsetY'));
5000				});
5001				window.addEventListener('popstate', function(e) {
5002					if (e['state'] != undefined && e.state['ajaxUrl'] != undefined) {
5003						if ($('.pc-component-slideshow-full-page').length == 0 && $('.parallax-mirror').length == 0 && e.state['ajaxUrl'].indexOf('/product-list') == -1) {
5004							ajaxLoad(e.state['ajaxUrl'], false);
5005						} else {
5006							window.location.href = e.state['ajaxUrl'];
5007						}
5008					}
5009				});
5010				$(window).on('posify:ajaxLoaded', function() {
5011					setTimeout(function() {
5012						$('a[data-ajax-loader][href!="#"]').unbind('click').click(function() {
5013							if (navigator.userAgent.match(/iPad/i) != null && $(this).data('toggle') =='dropdown') {
5014								var subMenu = $(this).closest('.dropdown').children('.dropdown-menu');
5015								if (subMenu.is(':visible')) {
5016									subMenu.hide();
5017								} else {
5018									subMenu.fadeIn();
5019								}
5020								return false;
5021							}
5022							if ($('.pc-component-slideshow-full-page').length == 0 && $('.parallax-mirror').length == 0) {
5023								if ($(this).closest('.product[data-impression-data]').length) {
5024									if (typeof GoogleEnhancedEcommerceProductClick =='function') {
5025										GoogleEnhancedEcommerceProductClick($(this).closest('.product[data-impression-data]'));
5026									}
5027								}
5028								ajaxLoad($(this).attr('href'), true);
5029								return false;
5030							}
5031						});
5032					});
5033				});
5034				window.onerror = function(msg, url, line, col, error) {
5035					
5036								return true;
5037							
5038				};
5039
5040				ckeditorMobilify();
5041
5042						if (true) {
5043						}
5044						$.get('/page/get-mail-count', {}, function(data) {
5045							if (parseInt(data) > 0) {
5046								$('#member-menu-mail-badge').addClass('has-badge');
5047								$('#ada-mail-dashboard').find('.has-badge').html(data).show();
5048							} else {
5049								$('#member-menu-mail-badge').removeClass('has-badge');
5050								$('#ada-mail-dashboard').find('.has-badge').html('').hide();
5051							}
5052						});
5053						$(window).on('posify:cartReloaded', function(e, cart) {
5054							if (typeof EmarsysReloadCart =='function') {
5055								EmarsysReloadCart(cart);
5056							}
5057						});
5058
5059			var preferIso = [], disableIso = [];
5060			var preferCountries = [{"ID":"95","CREATE_USER":null,"UPDATE_USER":"33317","CREATE_DATE":"1714128695","UPDATE_DATE":"1717382682","NAME":"Hong Kong (\u9999\u6e2f)","SORTING":"0","PREFER":"1","ENABLED":"1","ISO":"hk","DIAL_CODE":"852","SHOP_ID":"29201"}];
5061			var disableCountries = [];
5062			for(let country of preferCountries) preferIso.push(country['ISO']);
5063			for(let country of disableCountries) disableIso.push(country['ISO']);
5064
5065			window.intlTelInputPlugins = function(el) {
5066				var that = el;
5067				var dropdownBody = $(el).data('dropdown-body') ? document.body : null;
5068				var separateDialCode = false;
5069				if ($(el).data('separate-dial-code') === true) {
5070					separateDialCode = true;
5071				}
5072				$(el).intlTelInput({
5073					preferredCountries: preferIso,
5074					excludeCountries: disableIso,
5075					initialCountry: preferCountries.length ? preferCountries[0]['ISO'] :'auto',
5076					dropdownContainer: dropdownBody,
5077					separateDialCode: separateDialCode,
5078					geoIpLookup: function(callback) {setTimeout(function() {
5079							callback('hk');
5080						});
5081					},
5082					utilsScript:'https://www.shampoo.hk/js/intl-tel-input/utils.js'});
5083				$(el).on('countrychange', function() {
5084					var telInput = $(this).parents('.form-group, .td').find('.intl-tel');
5085					if (telInput.data('init') !='yes') {
5086						telInput.data('init','yes');
5087					} else {
5088					 	telInput.parsley().validate({'group':'mobile'});
5089					}
5090					$(this).parents('.form-group, .td').find('.intl-tel-country-code').val('+'+ $(this).intlTelInput('getSelectedCountryData').dialCode);
5091				});
5092				setTimeout(function() {
5093					var countryCode = String($(that).data('country-code')).trim();
5094					if (countryCode ==''|| countryCode =='+') {
5095						if (preferCountries.length) {
5096							$(that).data('country-code','+'+ preferCountries[0]['DIAL_CODE']);
5097							countryCode ='+'+ preferCountries[0]['DIAL_CODE'];
5098						} else {
5099							$(that).data('country-code','+852');
5100							countryCode ='+852';
5101						}
5102					}
5103					$(that).parents('.form-group, .td').find('.intl-tel-country-code').val(countryCode);
5104					var telNo = String($(that).data('tel-no')).trim();
5105					if (telNo !='') {
5106						$(that).intlTelInput('setNumber', countryCode +' '+ telNo);
5107						$(that).val(telNo);
5108						$(that).trigger('input');
5109					}
5110				}, 300);
5111			};
5112
5113			$('#arrival-subscribe-form').find('.intl-tel').each(function() {
5114				window.intlTelInputPlugins(this);
5115			});
5116$('#arrival-subscribe-form').parsley();
5117			$('#arrival-subscribe-form').on('submit', function(e){
5118				e.preventDefault();
5119				e.stopImmediatePropagation();
5120				if(!$(this).find('[name="email"]').val() && !$(this).find('[name="mobile"]').val()){
5121					showSystemInfo('至少填一項');
5122					return;
5123				}
5124				$.post('/page/add-product-arrival', {
5125					action:'add',
5126					productId: $(this).data('product-id'),
5127					email: $(this).find('[name="email"]').val(),
5128					country_code: $(this).find('[name="country_code"]').val(),
5129					mobile: $(this).find('[name="mobile"]').val(),
5130				}, function(data){
5131					$('#arrival-subscribe-modal').modal('hide');
5132					$.globalEval(data);
5133				});
5134			});
5135$("#fitboxx-ad-popup-modal .close-btn").click(function() {
5136				$("#fitboxx-ad-popup-modal").fadeOut(300);
5137			});
5138
5139			$("#ad-popup-modal").find(".ome-ad-close, .close").click(function() {
5140				var checked = $("#dont-show-again-for-one-day").prop("checked");
5141				$.cookie("dont-show-ad-again-for-one-day", 1, { expires: 1 });
5142			});
5143$('.sub-menu.scroll-handler').scroll(function() {
5144				if ($(this).closest('.becup-header').length || $(this).closest('.wshop-header').length) {
5145					var ul = this;
5146					clearTimeout($.data(this,'scrollTimer'));
5147					$.data(this,'scrollTimer', setTimeout(function() {
5148						$(ul).children('li.dropdown').each(function() {
5149							var liTop = $(this).offset().top - $(window).scrollTop();
5150							var liMarginTop = 0;
5151							if (liTop + $(this).children('ul.sub-menu').outerHeight() + 20 > $(window).height()) {
5152								liMarginTop = 0 - (liTop + $(this).children('ul.sub-menu').outerHeight() - $(window).height() + 20);
5153							}
5154							$(this).children('ul.sub-menu').css('top', liTop +'px').css('margin-top', liMarginTop +'px');
5155						});
5156					}, 250));
5157				}
5158			});
5159			$('.sub-menu.scroll-handler').trigger('scroll');
5160			$('.sub-menu.scroll-handler').find('li.dropdown').hover(function() {
5161				$(this).find('.sub-menu.scroll-handler').trigger('scroll');
5162			}, function() {
5163			});
5164
5165$('.becup-product-category-menu').css('top', ($('.becup-header').outerHeight(true) - 1) +'px')
5166  .css('margin-top','0');
5167$('.becup-member-menu').css('top', ($('.becup-header').outerHeight(true) - 1) +'px');
5168
5169$(document).ready(function() {
5170  $('.becup-header').find('.menus-container ul > li.dropdown').hover(function() {
5171    console.log($(this));
5172  });
5173
5174  if ($('.becup-mobile-header').length) {
5175    var container = $('.becup-mobile-header').find('.common-header');
5176    var hasAd = $('.becup-mobile-header').find('.announcement-bar,.common-announcement-bar-wrapper');
5177
5178    if (hasAd.length) {
5179      var adHeight = hasAd.outerHeight(true);
5180      var mergeHeight = adHeight + container.outerHeight(true);
5181      $('.becup-mobile-header').css('height', mergeHeight +'px')
5182      container.css('top', adHeight +'px');
5183    }
5184  }
5185});
5186var len = $('#slideshow-announcement-container').find('.sp-slide').length;
5187
5188			$('#slideshow-announcement-container.slider-pro').sliderPro({
5189				width:'100%',
5190				height: 60,
5191				autoHeight: false,
5192				autoSlideSize: false,
5193				visibleSize:'auto',
5194				fade: false,
5195				imageScaleMode:'exact',
5196				arrows: false,
5197				buttons: false,
5198				touchSwipe: len > 1,
5199				autoplay: true,
5200				autoplayDelay: 5000,
5201				reachVideoAction:'playVideo',
5202				endVideoAction:'startAutoplay',
5203				fadeArrows: false,
5204				keyboard: false,
5205				autoplayOnHover:'pause'});
5206
5207			var countDowns = $('#slideshow-announcement-container').find('.ad-count-down');
5208
5209			$.each(countDowns, function(index, el) {
5210				var currentTime ='1790485709';
5211				var promotionEndTime = (Date.parse($(el).data('deadline-time'))) || 0;
5212				var closeAt = promotionEndTime;
5213
5214				if (closeAt != 0) {
5215					$(el).countdown(closeAt).on('update.countdown', function(e) {
5216						var format ='';
5217						if (e.offset.seconds > 0) {
5218							format ='%-S 秒 '+ format;
5219						}
5220						if (e.offset.minutes > 0) {
5221							format ='%-M 分鐘 '+ format;
5222						}
5223						if (e.offset.hours > 0) {
5224							format ='%-H 小時 '+ format;
5225						}
5226						if (e.offset.days > 0) {
5227							format ='%-D 日 '+ format;
5228						}$(this).html(e.strftime(format));
5229					})
5230					.on('finish.countdown', function(e) {
5231						$(this).html('<span class="text-danger">優惠已過期!</span>');
5232					});
5233				}
5234			});
5235var showMoreNum = 5;
5236
5237function throttle(fn, delay = 200) {
5238  let lastTime = 0;
5239  return function () {
5240    let _this = this;
5241    let _arguments = arguments;
5242    let now = new Date().getTime();
5243    if (now - lastTime > delay) {
5244      fn.apply(_this, _arguments);
5245      lastTime = now;
5246    }
5247  };
5248}
5249
5250function compressImageToBase64(file, quality, maxWidth) {
5251  return new Promise((resolve, reject) => {
5252    quality = quality || 0.7;
5253    maxWidth = maxWidth || 800;
5254
5255    var reader = new FileReader();
5256
5257    reader.readAsDataURL(file);
5258
5259    reader.onload = (event) => {
5260      var img = new Image();
5261      img.src = event.target.result;
5262
5263      img.onload = function () {
5264        var canvas = document.createElement('canvas');
5265        var ctx = canvas.getContext('2d');
5266        let { width, height } = img;
5267        if (width > maxWidth) {
5268          height = Math.round((maxWidth / width) * height);
5269          width = maxWidth;
5270        }
5271
5272        canvas.width = width;
5273        canvas.height = height;
5274        ctx.drawImage(img, 0, 0, width, height);
5275        var base64 = canvas.toDataURL('image/jpeg', quality);
5276        resolve(base64);
5277      };
5278
5279      img.onerror = reject;
5280    };
5281
5282    reader.onerror = reject;
5283  });
5284}
5285
5286var searchRequest;
5287
5288(function (Vue) {
5289  var app = Vue.createApp({
5290    setup() {
5291      var cacheKey ='searchHistory_shampoohk';
5292
5293      var ref = Vue.ref;
5294      var reactive = Vue.reactive;
5295      var onMounted = Vue.onMounted;
5296      var watch = Vue.watch;
5297
5298      var customTrigger;
5299      var popperInstance;
5300      var searchHistoryList = ref([]);
5301      var searchResults = ref([]);
5302      var searching = ref(false);
5303      var searchLoading = ref(false);
5304      var searchVal = ref();
5305      var recommends = ref([]);
5306
5307
5308      var allowedTypes = ['image/jpeg','image/png','image/webp'];
5309
5310      var fileInput = Vue.ref(null);
5311
5312      var imageSearch = reactive({
5313        isDragOver: false,
5314        image:'',
5315        errorMsg:'',
5316      });
5317      var showMoreHistoryItem = ref(false);
5318      var showRecommendMore = ref(false);
5319
5320      function refreshSearchHistory() {
5321        if ($.cookie(cacheKey) != undefined) {
5322          var searchHistory = eval($.cookie(cacheKey));
5323          if ($.isArray(searchHistory)) {
5324            searchHistoryList.value = searchHistory || [];
5325          }
5326        }
5327      }
5328      function getSearchHistory() {
5329        var searchHistory = [];
5330        if ($.cookie(cacheKey) != undefined) {
5331          searchHistory = eval($.cookie(cacheKey));
5332          if (!$.isArray(searchHistory)) {
5333            searchHistory = [];
5334          }
5335        }
5336
5337        return searchHistory;
5338      }
5339      function setSearchHistory(keyword) {
5340        var result = getSearchHistory();
5341
5342        if (result.indexOf(keyword) === -1) {
5343          result.unshift(keyword);
5344        } else {
5345          var oldSearchItem = result.splice(result.indexOf(keyword), 1);
5346          result.unshift(oldSearchItem[0]);
5347        }
5348
5349        $.cookie(cacheKey, result, { expires: 365, path:'/'});
5350      }
5351      function createPopper(trigger) {
5352        var button = $('#common-product-search-6ab8a4cd3742c').find('#common-desk-search');
5353
5354        if (trigger) {
5355          button = trigger;
5356          customTrigger = trigger
5357        } else if (customTrigger) {
5358          button = customTrigger;
5359        }
5360
5361        var tooltip = $('#common-product-search-6ab8a4cd3742c').find('#common-desk-search-ul');
5362
5363        if (popperInstance) {
5364          popperInstance.destroy();
5365          popperInstance = null;
5366        }
5367
5368        popperInstance = Popper.createPopper(button[0], tooltip[0], {
5369          placement:'bottom-start',
5370          modifiers: [
5371            {
5372              name:'offset',
5373              options: {
5374                offset: [0, 5],
5375              },
5376            },
5377          ],
5378        });
5379
5380        tooltip.show();
5381      }
5382
5383      function destroyPopper() {
5384        popperInstance && popperInstance.destroy();
5385        popperInstance = null;
5386
5387        $('#common-product-search-6ab8a4cd3742c')
5388          .find('#common-desk-search-ul')
5389          .hide();
5390      }
5391
5392      const handleSearchInputChange = throttle(function (e) {
5393        handleSearch(e.target.value);
5394      });
5395
5396      function handleSearch(keyword) {
5397        if (searchRequest != undefined) {
5398          searchRequest.abort();
5399        }
5400
5401        searchLoading.value = true;
5402        searchRequest = $.post(
5403          window.baseUrl +'/index.php?r=api/generic-search',
5404          {
5405            token: accessToken,
5406            locale: locale,
5407            skip_version_check:'y',
5408            keyword: keyword,
5409          },
5410          function (res) {
5411            searchLoading.value = false;
5412            if (res.data.hotSearch) {
5413              recommends.value = res.data.hotSearch || [];
5414            }
5415            searchResults.value = res.data.relatedProduct || [];
5416          },'json');
5417      }
5418      function handleSearchInputFocus() {
5419        createPopper();
5420      }
5421      function toggleSearchDropdown() {
5422        popperInstance ? destroyPopper() : createPopper();
5423      }
5424      function handleSearchClick() {
5425        var keyword = searchVal.value;
5426        keyword = keyword.replace(/#/g,'');
5427        if (keyword !='') {
5428          setSearchHistory(keyword);
5429          window.location.href ='https://www.shampoo.hk/collections?action=search&keyword='+
5430            encodeURIComponent(keyword);
5431          destroyPopper();
5432        }
5433      }
5434      function handleSearchHistoryItemClick(searchName) {
5435        setSearchHistory(searchName);
5436        window.location.href ='https://www.shampoo.hk/collections?action=search&keyword='+
5437          encodeURIComponent(searchName);
5438      }
5439      function handleSearchHistoryItemRemove(searchName) {
5440        var searchHistory = getSearchHistory();
5441        if ($.isArray(searchHistory)) {
5442          var index = searchHistory.findIndex(function (_) {
5443            return _ === searchName;
5444          });
5445          searchHistory.splice(index, 1);
5446          searchHistoryList.value = searchHistory;
5447          $.cookie(cacheKey, searchHistory, { expires: 365, path:'/'});
5448        }
5449      }
5450      function handleRecommendClick(item) {
5451        window.location.href ='https://www.shampoo.hk/collections?action=search&keyword='+
5452          encodeURIComponent(item.keyword.replace(/\#/g,''));
5453        destroyPopper();
5454      }
5455      function handleSearchResultItemClick(product) {
5456        setSearchHistory(product.name);
5457        window.location.href = product.detailUrl;
5458        destroyPopper();
5459      }
5460      function toggleMoreHistory(flag = true) {
5461        showMoreHistoryItem.value = flag;
5462      }
5463      function toggleMoreRecommend(flag = true) {
5464        showRecommendMore.value = flag;
5465      }
5466
5467      function triggerInput() {
5468        fileInput.value.click();
5469      }
5470
5471      function handleFileChange(event) {
5472        var file = event.target.files[0];
5473        if (!file) return;
5474        setImage(file, handleImageSearchClick);
5475
5476        event.target.value = null;
5477      }
5478
5479      function handleDrop(event) {
5480        imageSearch.isDragOver = false;
5481        const file = event.dataTransfer.files[0];
5482        if (!file) return;
5483        setImage(file);
5484      }
5485
5486      function setImage(file, cb) {
5487        if (!allowedTypes.includes(file.type)) {
5488          imageSearch.errorMsg ='只支持 jpg/jpeg/png/webp 格式的图片';
5489          return;
5490        }
5491        imageSearch.errorMsg ='';
5492        compressImageToBase64(file)
5493          .then(function (base64) {
5494            imageSearch.image = base64;
5495            cb && cb();
5496          })
5497          .catch(function (err) {
5498            console.error('图片压缩失败:', err);
5499          });
5500      }
5501
5502      function handlePaste(event) {
5503        var items = event.clipboardData.items;
5504        for (var i = 0; i < items.length; i++) {
5505          var item = items[i];
5506          if (item.kind ==='file') {
5507            const file = item.getAsFile();
5508            setImage(file);
5509            break;
5510          }
5511        }
5512      }
5513
5514      function handleImageSearchClick() {
5515        if (!imageSearch.image) return;
5516
5517        var arr = [];
5518        for (var i = 0; i < 5; i++) {
5519          arr.push(Math.floor(Math.random() * 256));
5520        }
5521        var randomSuffix = arr.join('_');
5522
5523        var key = `localImgSearchKey1_${randomSuffix}`;
5524
5525        sessionStorage.setItem(key, imageSearch.image);
5526
5527        window.location.href ='https://www.shampoo.hk/collections?action=search&localImgKey='+ key;
5528        destroyPopper();
5529      }
5530      function initSearchRecommend() {
5531        handleSearch();
5532      }
5533
5534      onMounted(function () {
5535        refreshSearchHistory();
5536        initSearchRecommend();
5537        $(document).on('click', function (e) {
5538          if (
5539            e.target.closest('.product-search-container') ||
5540            e.target.closest('#common-desk-search-ul') ||
5541            e.target.closest('.search-trigger')
5542          ) {
5543            return;
5544          }
5545          destroyPopper();
5546        });
5547
5548        if (window['ProductSearchInstance'] == undefined) {
5549          window['ProductSearchInstance'] = {
5550            destroyPopper,
5551            createPopper,
5552          };
5553        }
5554      });
5555
5556      return {
5557        searchHistoryList,
5558        recommends,
5559        handleSearchInputFocus,
5560        handleSearchInputChange,
5561        showMoreHistoryItem,
5562        showRecommendMore,
5563        toggleMoreHistory,
5564        toggleMoreRecommend,
5565        toggleSearchDropdown,
5566        searchVal,
5567        handleSearchClick,
5568        handleSearchHistoryItemRemove,
5569        handleSearchHistoryItemClick,
5570        handleRecommendClick,
5571        handleSearch,
5572        handleSearchResultItemClick,
5573        searchResults,
5574        baseUrl: window.baseUrl,
5575        searching,
5576        searchLoading,
5577        fileInput,
5578        imageSearch,
5579        triggerInput,
5580        handleFileChange,
5581        handleDrop,
5582        handlePaste,
5583        handleImageSearchClick,
5584      };
5585    },
5586  });
5587
5588  app.mount('#common-product-search-6ab8a4cd3742c');
5589})(window.Vue);
5590$('#common-desk-referral-share').click(function() {
5591				$('#ad-popup-content').empty();
5592				$.get('/page/referral-share', {
5593					partial: true
5594				}, function(res) {
5595					$('#ad-popup-content').html(res);
5596					switch ('LG') {
5597						case'SM':
5598							$('#ad-popup-content').closest('.modal-dialog').removeClass('modal-sm modal-md modal-lg').addClass('modal-sm');
5599						break;
5600						case'MD':
5601							$('#ad-popup-content').closest('.modal-dialog').removeClass('modal-sm modal-md modal-lg').addClass('modal-md');
5602						break;
5603						case'LG':
5604							$('#ad-popup-content').closest('.modal-dialog').removeClass('modal-sm modal-md modal-lg').addClass('modal-lg');
5605						break;
5606					}
5607					setTimeout(function() {
5608						$('#ad-popup-content').closest('.modal').modal('show');
5609					});
5610				});
5611			});
5612$('.btn-lang-switch').click(function() {
5613				toggleLangUrl($(this).data('lang'));
5614			});
5615			$('.lang-button').click(function(){
5616				$(this).next('.dropdown-menu').toggle();
5617			});
5618var webPushObj = new webPush({
5619				applicationServerPublicKey:'BEg45rFq3d44YcE0ackTj0496S2BxsTFRq1dzBHP6lb1bzYN41JMIjJQIvpk-LJJ7nBDdlJ25KjXorZdNHHvuKw',
5620				userId: null,
5621				invoiceId: null
5622			});
5623			if (!webPushObj.isGranted()) {
5624				$('#common-web-push').popover({
5625					title:'訂閱通知',
5626					content:' <div id="common-web-push-popover"> <p>我們希望推送給您最新消息及優惠。</p> <div> <button class="btn btn-sm btn-primary pull-right accept">接受</button> <button class="btn btn-sm btn-link pull-right dismiss">不了,謝謝。</button> <div class="clearfix"></div> </div> ',
5627					html: true,
5628					placement:'bottom'});
5629				$('#common-web-push').on('shown.bs.popover', function(e) {
5630					$('#common-web-push-popover').find('.dismiss').unbind('click').click(function() {
5631						$('#common-web-push').popover('hide');
5632					});
5633					$('#common-web-push-popover').find('.accept').unbind('click').click(function() {
5634						$('#common-web-push').popover('hide');
5635						webPushObj.init();
5636					});
5637				});
5638				$('#common-web-push').click(function() {
5639					$('#common-web-push').popover('show');
5640				});
5641			} else {
5642				$('#common-web-push').popover({
5643					title:'訂閱通知',
5644					content:' <div id="common-web-push-popover"> <p>您已訂閱了最新消息及優惠。</p> ',
5645					html: true,
5646					placement:'bottom'});
5647				webPushObj.init();
5648			}
5649$('#sign-in-trigger').off('click').on('click', function(e){
5650  $(this).next('.sign-in-dropdown-menu').toggle();
5651});
5652;(function(Vue) {
5653  var app = Vue.createApp({
5654    setup() {
5655      var ref = Vue.ref;
5656      var onMounted = Vue.onMounted;
5657      var computed = Vue.computed;
5658
5659      var count = ref(0);
5660      var cart = ref({});
5661
5662      var hasCount = computed(function() {
5663        return count.value > 0;
5664      });
5665
5666      onMounted(function() {
5667        $(window).on('posify:cartReloaded', function(e, _cart) {
5668          count.value = _cart.products ? _cart.products.length : 0;
5669          cart.value = _cart;
5670        });
5671      });
5672
5673      function handleTriggerClick() {
5674        var hasBooking = cart.value.products && cart.value.products.some(function (product) {
5675          return product.product_type ==='SERVICE';
5676        });
5677        if (""!=''|| hasBooking) {
5678          window.location.href ='https://www.shampoo.hk/checkout?removeItemIds=[]';
5679        } else {
5680          if ($('.common-side-cart-toggle').length > 0) {
5681            $('.common-side-cart-toggle').trigger('click');
5682          }
5683          $(window).trigger('posify:openCartModal');
5684        }
5685      }
5686
5687      return {
5688        hasCount,
5689        count,
5690        handleTriggerClick
5691      }
5692    }
5693  });
5694
5695  app.mount('#common-desk-cart-6ab8a4cd3aa40');
5696})(window.Vue);
5697var timer;
5698
5699$(document).ready(function() {
5700  $('.common-menus-6ab8a4cd3aff4').find('.sub-menus').mouseenter(function() {
5701    clearTimeout(timer);
5702    var level = $(this).data('level');
5703    var theme = $(this).data('theme');
5704    if (!['vertical','default','tile'].includes(theme)) {
5705      $(window).trigger('posify:menusShow', [this]);
5706      return;
5707    }
5708    $(this).siblings('.sub-menus').find('.menus').hide();
5709    
5710    switch(theme) {
5711      case'descente': {
5712        $(this).find('.menus').show();
5713        if (level == 1) {
5714          $(this).find('.menus').eq(0).stop(true, true).fadeIn(300).css('display','flex');
5715        }
5716        break;
5717      }
5718      case'tile': {
5719        if (level > 1) {
5720          var documentWidth = $(window).outerWidth();
5721          const elRect = $(this)[0].getBoundingClientRect();
5722          var outerLeft = Math.round(elRect.left);
5723          var outerTop = Math.round(elRect.top);
5724          var outerWidth = Math.round(elRect.width);
5725          var left = outerLeft + outerWidth - 15;
5726          var top = outerTop;
5727          if (left + outerWidth > documentWidth) {
5728            left = outerLeft - outerWidth;
5729          }
5730          $(this).find('.menus').eq(0)
5731            .css('left', `${left}px`)
5732            .css('top', `${top}px`)
5733            .css('max-width', outerWidth);
5734        }
5735
5736        $(this).find('.menus').eq(0).stop(true, true).fadeIn(300).css('display','flex');
5737
5738        break;
5739      }
5740      default: {
5741        const elRect = $(this)[0].getBoundingClientRect();
5742        if (level > 1) {
5743          var outerWidth = Math.round(elRect.width);
5744          var outerHeight = Math.round(elRect.height);
5745          var outerLeft = Math.round(elRect.left);
5746          var outerTop = Math.round(elRect.top);
5747          var left = outerWidth + outerLeft - 15;
5748          var top = outerTop;
5749          $(this).find('.menus').eq(0).css('left', `${left}px`).css('top', `${top}px`);
5750        } else {
5751          var outerTop = Math.round(elRect.top);
5752          var outerHeight = elRect.height;
5753          var top = outerTop + outerHeight;
5754  
5755          $(this).find('.menus').eq(0).css('top', `${top}px`);
5756        }
5757  
5758        $(this).find('.menus').eq(0).stop(true, true).fadeIn(300).css('display','flex');
5759
5760        break;
5761      }
5762    }
5763    $(window).trigger('posify:menusShow', [this]);
5764  });
5765  $('.common-menus-6ab8a4cd3aff4').find('.sub-menus').mouseleave(function() {
5766    var _this = $(this);
5767
5768    timer = setTimeout(function() {
5769      _this.find('.menus').hide();
5770      $(window).trigger('posify:menusHide', [this]);
5771    }, 50);
5772  });
5773});
5774initComponentContainer("6ab8a4cd3e4a9", { show_image: false, parallax_scroll: false, backgroundImage:"", renderMode:"absolute", fullWidth: false, equalHeight: false });
5775initComponentCommon("6ab8a4cd3e4da", {"componentId":"6ab8a4cd3e4da","componentType":"component-text","minWidth": 0,"maxWidth": 0 });
5776initComponentText("6ab8a4cd3e4da", { enableFontSizePxToVw: false, isPosifyApp: false });
5777initComponentCommon("6ab8a4cd3e507", {"componentId":"6ab8a4cd3e507","componentType":"component-text","minWidth": 0,"maxWidth": 0 });
5778initComponentText("6ab8a4cd3e507", { enableFontSizePxToVw: false, isPosifyApp: false });
5779initComponentCommon("6ab8a4cd3e524", {"componentId":"6ab8a4cd3e524","componentType":"component-text","minWidth": 0,"maxWidth": 0 });
5780initComponentText("6ab8a4cd3e524", { enableFontSizePxToVw: false, isPosifyApp: false });
5781initComponentCommon("6ab8a4cd3e53e", {"componentId":"6ab8a4cd3e53e","componentType":"component-text","minWidth": 0,"maxWidth": 0 });
5782initComponentText("6ab8a4cd3e53e", { enableFontSizePxToVw: false, isPosifyApp: false });
5783initComponentCommon("6ab8a4cd3e586", {"componentId":"6ab8a4cd3e586","componentType":"component-image","minWidth": 0,"maxWidth": 0 });
5784initComponentImage("6ab8a4cd3e586", { enableFontSizePxToVw: false });
5785initComponentContainer("6ab8a4cd3e6f3", { show_image: false, parallax_scroll: false, backgroundImage:"", renderMode:"absolute", fullWidth: false, equalHeight: false });
5786
5787			if ($('#app-tab-bar').children().length == 0) {
5788				$('#app-tab-bar').hide();
5789			}
5790			$('#app-tab-bar').find('.has-sub-menu').click(function() {
5791				$(this).closest('.tab-button').toggleClass('active');
5792			});
5793			$('#btn-float-back').click(function() {
5794				window.history.go(-1);
5795			});
5796
5797			$('#app-tab-bar').find('a[data-page="QrCodePage"]').click(function() {
5798				$('#shared-full-modal').removeClass(function (index, className) {
5799					return (className.match (/(^|\s)color-\S+/g) || []).join(' ');
5800				}).addClass('color-pink');
5801		
5802				$('#shared-full-modal').find('.content-container').empty().append(' <div class="text-center"> <h1>'+ translate.showQrCodeToStaff +'</h1> <div class="redeem-qrcode"> <img src=""/> </div> <p>&nbsp;</p> <p>&nbsp;</p> <p class="text-center">會員編號</p> <div class="invite-code"></div> </div> ');
5803
5804				$('#shared-full-modal').modal('show');
5805			});
5806
5807			$('#app-tab-bar').find('.nav-button').removeClass('active');
5808			$('#app-tab-bar').find('.nav-button').each(function() {
5809				switch ($(this).data('page')) {
5810					case'CustompagePage':
5811					case'UnknownPage':
5812						if (window.location.href.indexOf($(this).children('a').attr('href')) !== -1) {
5813							$(this).addClass('active');
5814						}
5815					break;
5816					case'CartPage':
5817						if (window.location.href.indexOf('/checkout') !== -1) {
5818							$(this).addClass('active');
5819						}
5820					break;
5821					case'AccountPage':
5822					case'CouponPage':
5823					case'OrderHistoryPage':
5824						if (window.location.href.indexOf('/member') !== -1) {
5825							$(this).addClass('active');
5826						}
5827					break;
5828				}
5829			});
5830			$(window).on('posify:cartReloaded', function(e, data) {
5831				var cartNumEl = $('#app-tab-bar').find('.cart-num')
5832				if (data.totalItemCount > 0) {
5833					cartNumEl.show();
5834				} else {
5835					cartNumEl.hide();
5836				}
5837				cartNumEl.html(data.totalItemCount);
5838			});
5839function renderExcludedProductItems(excludedItems) {
5840  if (excludedItems && excludedItems.length > 0) {
5841  var items = excludedItems.map(function(item) {
5842    return `<b>${item}</b>`;
5843  })
5844  return `
5845    <div class="excluded-items-content">
5846      <span>
5846以下商品不享受包郵活動</span>
5847      <p class="excluded-items">${items.join('')}</p>
5848    </div>`;
5849  }
5850  return'';
5851}
5852
5853function renderProcessItem(promotion) {
5854  return `
5855    <div class="progress-item"> 
5856      <div class="progress">
5857        <div class="progress-bar"style="width: ${promotion.promotion_progress}%;"></div>
5858      </div>
5859      <p class="desc">
5860        <span id="promotion-name">${promotion.promotion_name}</span>
5861        剩餘        <b id="promotion-gap">${promotion.conditionType ==='amount'? window.currency :''} ${promotion.num}</b>
5862      </p>
5863      ${renderExcludedProductItems(promotion.excluded_items)}
5864    </div>`;
5865}
5866
5867let invoiceId = 0;
5868
5869window.checkShippingFee = function (checkOkFunc, checkFailFunc) {
5870  $.post(baseUrl +'/index.php?r=api/product-promotion-progress', {
5871    token: window.accessToken,
5872    locale: window.locale,
5873    skip_version_check:'y',
5874    invoiceId: invoiceId,
5875    justShipping: 1,
5876  }, function(res) {
5877    if (res.status ==='Y') {
5878      const promotions = res.data;
5879      var progressOk = true;
5880      if (!promotions || promotions.length == 0) {
5881        progress = 100;
5882        checkOkFunc && checkOkFunc({ promotion_progress: progress });
5883        return;
5884      }
5885      if (promotions && promotions.length > 0) {
5886        var items = [];
5887        var excluded_items = [];
5888
5889        promotions.forEach((promotion) => {
5890          if (promotion.promotion_progress !== 100) {
5891            progressOk = false;
5892          }
5893          items.push(renderProcessItem(promotion));
5894        });
5895
5896        $('#check-free-shipping-modal').find('#promotion-process').html(items.join(''));
5897
5898        if (!progressOk) {
5899          $('#check-free-shipping-modal').modal('show');
5900        }
5901      }
5902      checkOkFunc && checkOkFunc({ promotion_progress: progressOk ? 100 : 0 });
5903    } else {
5904      checkFailFunc && checkFailFunc();
5905    }
5906  },'json')
5907}
5908$("#check-free-shipping-modal").find("#close-btn").click(function() {
5909  $("#check-free-shipping-modal").modal('hide');
5910});
5911$("#keep-shipping-btn").click(function() {
5912  $("#check-free-shipping-modal").modal('hide');
5913});
5914$("#go-checkout-btn").click(function() {
5915  window.location.href ="/checkout"});
5916
5917$(window).on('posify:cartReloaded', function(e, data) {
5918  if (data && data.id) {
5919    invoiceId = data.id;
5920  }
5921});
5922(function () {
5923  const ref = Vue.ref;
5924  const computed = Vue.computed;
5925  const app = Vue.createApp({
5926    setup() {
5927      const loading = ref(false);
5928      const curProduct = ref(null);
5929      const inputVal = ref('');
5930      const params = ref({});
5931
5932      function openRemarkModal(e, data) {
5933        curProduct.value = data;
5934        inputVal.value = data.item_remarks;
5935        $('#product-item-remark-modal').modal('show');
5936      }
5937
5938      function closeRemarkModal() {
5939        curProduct.value = null;
5940        inputVal.value ='';
5941        $('#product-item-remark-modal').modal('hide');
5942      }
5943
5944      function updateRemarkModalParams(e, data) {
5945        params.value = data;
5946      }
5947      function handleSubmit() {
5948        if (!curProduct.value && !inputVal.value) return;
5949        loading.value = true;
5950        $.post(`${baseUrl}/page/cart`,
5951          Object.assign({}, {
5952            _csrf: new Date().getTime(),
5953            action:'set_item_remarks',
5954            item_id: curProduct.value.item_id,
5955            item_remarks: inputVal.value,
5956            currency: window.currency, 
5957          }, params.value),
5958          function (res) {
5959            loading.value = false;
5960            if (res.status !='Y') {
5961              showSystemInfo(res['msg']);
5962              return;
5963            }
5964
5965            $(window).trigger('posify:cartReloaded', [res.data]);
5966
5967            showSystemInfo(res['msg']);
5968            closeRemarkModal();
5969          },'json');
5970      }
5971
5972
5973      Vue.onMounted(function () {
5974        $(window).on('posify:openProductItemRemarkModal', openRemarkModal);
5975        $(window).on('posify:closeProductItemRemarkModal', closeRemarkModal);
5976
5977        $(window).on('posify:updateProductItemRemarkModalParams', updateRemarkModalParams);
5978      });
5979
5980      return {
5981        loading,
5982        inputVal,
5983        handleSubmit,
5984        closeRemarkModal,
5985      };
5986    },
5987  });
5988
5989  app.mount('#product-item-remark-modal');
5990
5991  $('#product-item-remark-modal').removeClass('hidden');
5992})();
5993var originPickupLocations = [{"id":2,"name":"\u65fa\u89d2\u5e97"},{"id":4,"name":"\u99ac\u978d\u5c71\u5e97"},{"id":5,"name":"\u7b72\u7b95\u7063\u5e97"},{"id":6,"name":"\u4e0a\u74b0\u5e97"},{"id":7,"name":"\u5eb7\u57ce\u5e97"},{"id":8,"name":"\u5751\u53e3\u5e97"}];
5994			var originHidePromotion ="";
5995			var originHideShippingFee ="";
5996			var originHideTaxFee ="";
5997			var originHideHandingFee ="";
5998			var originDiscountTotal ="";
5999(function () {
6000  var sideCartRequest;
6001  const ref = Vue.ref;
6002  const reactive = Vue.reactive;
6003  const computed = Vue.computed;
6004  const watch = Vue.watch;
6005  const app = Vue.createApp({
6006    setup() {
6007      const showCart = ref(false);
6008      var hidePromotion = ref(originHidePromotion == 1);
6009      var hideShippingFee = ref(originHideShippingFee == 1);
6010      var hideTaxFee = ref(originHideTaxFee == 1);
6011      var hideHandingFee = ref(originHideHandingFee == 1);
6012      var hideDiscountTotal = ref(originDiscountTotal == 1);
6013      var enableCartSidebarDeliverySelector =''=='1';
6014      var pageActionId ='page';
6015      const loading = ref(false);
6016      var deliveryMethodRef = ref();
6017      var locationRef = ref();
6018      const selectGiftPromotion = ref(null);
6019      const cart = ref({
6020        products: [],
6021      });
6022      var deliveryInfo = reactive({
6023        selectedShippingMethod: null,
6024      });
6025      var excludeItemIds = ref([]);
6026
6027      let impressionData;
6028
6029      const selectAll = ref(false);
6030      const selectedItemCount = computed(function () {
6031        let count = 0;
6032
6033        if (cart.value.products) {
6034          cart.value.products.forEach(function (item) {
6035            if (!excludeItemIds.value.includes(String(item.item_id)) && !item.gift_add_benefit_id) {
6036              count++;
6037            }
6038          });
6039        }
6040
6041        return count;
6042      });
6043      
6044
6045      var $deliveryMethodRef = null;
6046      var $locationRef = null;
6047      const grandTotal = computed(function () {
6048        let total = 0;
6049        if (cart.value.gross_total) {
6050          total = cart.value.gross_total + cart.value.delivery_total;
6051        }
6052
6053        if (cart.value.promotion_bd && cart.value.promotion_bd.length > 0) {
6054          var freeShopping = cart.value.promotion_bd.find(function(item) {
6055            return item.type =='FREE_SHIPPING';
6056          });
6057          if (freeShopping) {
6058            total += cart.value.delivery_total;
6059          }
6060        }
6061
6062        return total;
6063      });
6064
6065      var isSelectedAllDisabled = computed(function() {
6066        if (cart.value.products && cart.value.products.length > 0) {
6067          var canSelectProducts = cart.value.products.filter(function(product) {
6068            if (enableCartSidebarDeliverySelector === false) {
6069              return true;
6070            } 
6071            return product.outOfStock !== true;
6072          });
6073          return canSelectProducts.length == 0;
6074        }
6075        return true;
6076      });
6077      const originTotalPrice = computed(function () {
6078        let total = 0;
6079
6080        if (cart.value.discount_total > 0) {
6081          total = (
6082            parseFloat(cart.value.grand_total) +
6083            parseFloat(cart.value.discount_total)
6084          ).toFixed(2);
6085        }
6086
6087        return parseFloat(total);
6088      });
6089
6090      const hasGiftsExist = computed(function () {
6091        return (
6092          Array.isArray(cart.value.item_selection) &&
6093          cart.value.item_selection.length > 0
6094        );
6095      });
6096
6097
6098      const deliveryMethods = computed(function() {
6099        var availableDeliveryMethods = cart.value.availableDeliveryMethods;
6100        if (availableDeliveryMethods && availableDeliveryMethods.length > 0) {
6101          var shipping = availableDeliveryMethods.filter(item => item.code !=='PICK UP');
6102          var pickUp = availableDeliveryMethods.find(item => item.code ==='PICK UP');
6103          var _shippingMethods = [];
6104          if (shipping && shipping.length > 0) {
6105            _shippingMethods.push({
6106              label:'送貨',
6107              value:'shipping',
6108            });
6109          }
6110          if (pickUp) {
6111            _shippingMethods.push({
6112              label:'自取',
6113              value:"pick up",
6114              pickupLocations: originPickupLocations || [],
6115            });
6116          }
6117          return _shippingMethods;
6118        }
6119        return [];
6120      });
6121
6122      const progresses = Vue.ref([]);
6123
6124      function openCartModal() {
6125        showCart.value = true;
6126        var width = $('#common-side-cart .cart-wrapper').outerWidth(true);
6127        $('body').animate(
6128          {
6129            right: `${width}px`,
6130            position:'absolute',
6131          },
6132          250
6133        );
6134        if (enableCartSidebarDeliverySelector) {
6135          deliveryInfo.deliveryType = cart.value.delivery_type;
6136          deliveryInfo.pickUpLocationId = cart.value.pick_up_warehouse_id;
6137          
6138          handleDeliveryTypeChange(cart.value.delivery_type);
6139          handleChangeDelivery(checkOutOfStockProductsIsInExcludeItems);
6140        }
6141      }
6142
6143      function closeCartModal() {
6144        showCart.value = false;
6145        $('body').animate(
6146          {
6147            right: 0,
6148            position:'relative',
6149          },
6150          250
6151        );
6152      }
6153      function handleGoCheckout() {
6154        if (!cart.value.products.length) {
6155          return;
6156        }
6157
6158        if (typeof GoogleEnhancedEcommerceCheckout =='function') {
6159          GoogleEnhancedEcommerceCheckout(impressionData);
6160        }
6161        if (typeof GA4Checkout =='function') {
6162          GA4Checkout(impressionData);
6163        }
6164        if (typeof FacebookPixelInitiateCheckout =='function') {
6165          FacebookPixelInitiateCheckout(impressionData);
6166        }
6167        if (typeof GoogleAdsTrackEvents =='function') {
6168          GoogleAdsTrackEvents('BEFORE_CHECKOUT');
6169        }
6170        if (typeof GoogleRemarketingTrackEvents =='function') {
6171          GoogleRemarketingTrackEvents('BEFORE_CHECKOUT');
6172        }
6173
6174        window.location.href ='https://www.shampoo.hk/checkout'+'?removeItemIds='+
6175          JSON.stringify(excludeItemIds.value);
6176      }
6177      function requestPageCart(params = {}, cb) {
6178        loading.value = true;
6179
6180        var deliveryMethodParams = {};
6181
6182        if(enableCartSidebarDeliverySelector) {
6183          deliveryMethodParams.deliveryType = deliveryInfo.deliveryType;
6184          deliveryMethodParams.pickUpLocationId = deliveryInfo.pickUpLocationId;
6185        }
6186
6187        var urlParams = new URLSearchParams(location.search)
6188
6189        if (urlParams.has('invoice_id')) {
6190          params.invoiceId = urlParams.get('invoice_id');
6191        }
6192        
6193        $.post(`${baseUrl}/page/cart`,
6194          Object.assign({}, {
6195            _csrf: new Date().getTime(),
6196            action:'read',
6197            currency: window.currency,
6198          }, params, { removeItemIds: excludeItemIds.value }, deliveryMethodParams),
6199          function (res) {
6200            loading.value = false;
6201
6202            if (res.status =='E') {
6203              cb && cb(res);
6204              showSystemInfo(res['msg']);
6205              return;
6206            }
6207
6208            cart.value = res.data;
6209
6210            var formatExcludeItemIds = res.data.excludeItemIds?.map(Number) || [];
6211
6212            excludeItemIds.value = formatExcludeItemIds;
6213
6214            cb && cb(res.data);
6215
6216            selectAll.value =
6217              (res.data.products && res.data.products.length) && (formatExcludeItemIds.length == 0);
6218
6219            $(window).trigger('posify:cartReloaded', [res.data]);
6220
6221            impressionData = encodeURI(JSON.stringify(res.data));
6222          },'json');
6223      }
6224
6225      function handleQtyMinus(item) {
6226        var tmpQty = item.qty;
6227        item.loading = true;
6228        var params = {
6229          action:'update',
6230          product_id: item['id'],
6231          item_id: item['item_id'],
6232          sku_no: item['sku_no'],
6233          calling_from:'web',
6234        };
6235        var minQty = parseFloat(item['moq']);
6236
6237        if (item['qty'] == 0) {
6238          params['action'] ='remove';
6239        } else {
6240          params['qty'] = item.minUnit ? item['qty'] - parseFloat(item.minUnit) : item['qty'] - 1;
6241        }
6242
6243        if (params['qty'] < minQty) {
6244          params['qty'] = minQty;
6245        }
6246
6247        sideCartRequest = requestPageCart(params, function(res) {
6248          item.loading = false;
6249          if (res.status =='E') {
6250            item['qty'] = tmpQty;
6251          }
6252        });
6253      }
6254
6255      function handleQtyPlus(item) {
6256        var tmpQty = item.qty;
6257        item.loading = true;
6258        var params = {
6259          action:'update',
6260          product_id: item['id'],
6261          item_id: item['item_id'],
6262          sku_no: item['sku_no'],
6263          calling_from:'web',
6264        };
6265        var maxQty = parseFloat(item['max_order_quantity']);
6266
6267        params['qty'] = item.minUnit ? item['qty'] + parseFloat(item.minUnit) : item['qty'] + 1;
6268
6269        if (params['qty'] > maxQty) {
6270          params['qty'] = maxQty;
6271        }
6272
6273        sideCartRequest = requestPageCart(params, function(res) {
6274          item.loading = false;
6275          if (res.status =='E') {
6276            item['qty'] = tmpQty;
6277          }
6278        });
6279      }
6280
6281      function handleQtyChange(qty, item) {
6282        var tmpQty = item['qty'];
6283        item.loading = true;
6284        var params = {
6285          action:'update',
6286          product_id: item['id'],
6287          item_id: item['item_id'],
6288          sku_no: item['sku_no'],
6289          calling_from:'web',
6290          qty: qty,
6291        };
6292        var minQty = parseFloat(item['moq']);
6293        var maxQty = parseFloat(item['max_order_quantity']);
6294
6295        if (qty < minQty) {
6296          qty = minQty;
6297        } else if (qty > maxQty) {
6298          qty = maxQty;
6299        }
6300
6301        sideCartRequest = requestPageCart(params, function(res) {
6302          item.loading = false;
6303          if (res.status =='E') {
6304            item['qty'] = tmpQty;
6305          }
6306        });
6307      }
6308
6309      function handleProductRemove(item) {
6310        item.loading = true;
6311        var params = {
6312          action:'remove',
6313          product_id: item['id'],
6314          item_id: item['item_id'],
6315          sku_no: item['sku_no'],
6316          calling_from:'web',
6317        };
6318
6319        sideCartRequest = requestPageCart(params);
6320      }
6321
6322      function handleSelectAll(e) {
6323        var checked = e.target.checked;
6324        var params = {
6325          action:'read_with_remove_item_ids',
6326          removeItemIds:'',
6327        };
6328        var _removeItemIds = [];
6329        if (checked) {
6330          _removeItemIds = cart.value.products.filter(function (product) {
6331            return product.outOfStock
6332          }).map(function (product) {
6333            return product.item_id;
6334          });
6335          
6336        } else {
6337          _removeItemIds = cart.value.products.map(function (product) {
6338            return product.item_id;
6339          });
6340        }
6341        params.removeItemIds = JSON.stringify(_removeItemIds);
6342        sideCartRequest = requestPageCart(params);
6343        selectAll.value = e.target.checked;
6344      }
6345      function handleProductCheck(e, item) {
6346        var checked = e.target.checked;
6347        var _excludeItemIds = JSON.parse(
6348          JSON.stringify(excludeItemIds.value || [])
6349        );
6350        var _index = _excludeItemIds.findIndex(function (_) {
6351          return Number(_) == Number(item.item_id);
6352        });
6353        const params = {
6354          action:'read_with_remove_item_ids',
6355          removeItemIds:'',
6356        };
6357
6358        if (_index > -1) {
6359          checked
6360            ? _excludeItemIds.splice(_index, 1)
6361            : _excludeItemIds.push(Number(item.item_id));
6362        } else {
6363          !checked ? _excludeItemIds.push(Number(item.item_id)) : null;
6364        }
6365
6366        params.removeItemIds = _excludeItemIds;
6367
6368        excludeItemIds.value = _excludeItemIds;
6369
6370        $(window).trigger('posify:updateProductItemRemarkModalParams', [{removeItemIds: _excludeItemIds}]);
6371
6372        sideCartRequest = requestPageCart(params);
6373      }
6374      function handleCartClear() {
6375        var params = {
6376          action:'delete',
6377          invoiceId: cart.value.id,
6378        };
6379
6380        sideCartRequest = requestPageCart(params, function () {
6381          invoiceId = 0;
6382          sideCartRequest = requestPageCart();
6383        });
6384      }
6385
6386      const computedSelectedGift = computed(function() {
6387        let count = 0;
6388
6389        if (selectGiftPromotion.value) {
6390          selectGiftPromotion.value.gift_opts.forEach(function(_) {
6391            if (_.qty) {
6392              count += _.qty;
6393            }
6394          });
6395        }
6396
6397        return count;
6398      })
6399
6400      function openPromotionModal(giftItem) {
6401        giftItem.gift_opts = giftItem.gift_opts.map(function(_) {
6402          return {..._, qty: 0}
6403        });
6404        selectGiftPromotion.value = giftItem;
6405        $('#gift-promotion-modal').modal('show').on('hide.bs.modal', function() {
6406          selectGiftPromotion.value = null;
6407        }).find('.modal-dialog').css('margin-top','30px');;
6408      }
6409
6410      function closePromotionModal() {
6411        selectGiftPromotion.value = null;
6412        $('#gift-promotion-modal').modal('hide');
6413      }
6414
6415      function handleGiftQtyPlus(item) {
6416        if (item.qty == item.ava_qty || item.qty > selectGiftPromotion.value.gift_qty) return;
6417        item.qty += 1;
6418      }
6419
6420      function handleGiftQtyChange(value, item) {
6421        if (item.qty == item.ava_qty || item.qty > selectGiftPromotion.value.gift_qty) return;
6422        item.qty = value;
6423      }
6424
6425      function handleGiftQtyMinus(item) {
6426        if (item.qty > 0) item.qty -= 1;
6427      }
6428      function handleAddGiftItem() {
6429        if (computedSelectedGift.value == 0 || !selectGiftPromotion.value || loading.value) {
6430          return;
6431        }
6432
6433        const selected_gift = [];
6434        
6435        selectGiftPromotion.value.gift_opts.forEach(function(_) {
6436          if (_.qty) {
6437            selected_gift.push({ pid: _.pid, sku_no: _.sku_no, price: _.price, qty: _.qty});
6438          }
6439        });
6440
6441        var params = {
6442          action:'add_multi_gift',
6443          selected_gift: JSON.stringify(selected_gift),
6444          gift_add_benefit_id: selectGiftPromotion.value.gift_add_benefit_id,
6445        };
6446
6447        sideCartRequest = requestPageCart(params, closePromotionModal);
6448      }
6449
6450      function getPromotionDiscountProgress(invoiceId) {
6451        $.post('https://api21.posify.me/[email protected]'+'/index.php?r=api/product-promotion-progress',
6452          {
6453            invoiceId: invoiceId,
6454            _csrf: new Date().getTime(),
6455            token: accessToken,
6456            locale: locale,
6457            skip_version_check:'y',
6458          },
6459          function (res) {
6460            if (res.status ==='Y'&& res.data) {
6461              progresses.value = res.data;
6462            }
6463          }
6464        );
6465      }
6466      function handleProductRemarkEdit(product) {
6467        $(window).trigger('posify:openProductItemRemarkModal', [product]);
6468      }
6469
6470      function refresh() {
6471        if (sideCartRequest != undefined) {
6472          sideCartRequest.abort();
6473        }
6474        sideCartRequest = requestPageCart();
6475      }
6476
6477      function init() {
6478        refresh();
6479      }
6480
6481      function handleChangeDelivery(cb) {
6482        sideCartRequest = requestPageCart({}, cb);
6483      }
6484
6485      function initPickUpLocation (pickupLocations) {
6486        if (pickupLocations && pickupLocations.length > 0) {
6487          setTimeout(function() {
6488            $locationRef = $(locationRef.value);
6489            if ($locationRef.hasClass("select2-hidden-accessible")) {
6490              $locationRef.select2("destroy");
6491            }
6492            $locationRef.select2().on('change', function() {
6493              var val = $(this).val();
6494              deliveryInfo.pickUpLocationId = val;
6495              handleChangeDelivery(checkOutOfStockProductsIsInExcludeItems);
6496            });
6497            deliveryInfo.pickUpLocationId = cart.value.pick_up_warehouse_id || pickupLocations[0].id;
6498          }, 0);
6499        }
6500      }
6501
6502      function handleDeliveryTypeChange(value) {
6503        var selectedShippingMethod = deliveryMethods.value.find(function(item) {
6504            return item.value == value;
6505          });
6506          
6507          deliveryInfo.selectedShippingMethod = selectedShippingMethod;
6508          if (value ==='pick up') {
6509            initPickUpLocation(selectedShippingMethod.pickupLocations);
6510          }
6511      }
6512
6513      function checkOutOfStockProductsIsInExcludeItems() {
6514        if (cart.value.products && cart.value.products.length > 0) {
6515          var outOfStockProductIds = cart.value.products.filter(function(item) {
6516            return item.outOfStock;
6517          }).map(function(item) {
6518            return String(item.item_id);
6519          });
6520          
6521          var excludeItemIds = cart.value.excludeItemIds || [];
6522          var needRefresh = false;
6523          outOfStockProductIds.forEach(function(id) {
6524            if (excludeItemIds.indexOf(id) === -1) {
6525              excludeItemIds.push(id);
6526              needRefresh = true;
6527            }
6528          });
6529          
6530          if (needRefresh) {
6531            var params = {
6532              action:'read_with_remove_item_ids',
6533              removeItemIds: JSON.stringify(excludeItemIds),
6534            };
6535            sideCartRequest = requestPageCart(params);
6536          }
6537        }
6538      }
6539
6540      Vue.onMounted(function () {
6541        if (pageActionId !=='checkout') {
6542          init();
6543        }
6544
6545        $(window).on('posify:cartRefresh', function() {
6546          if (sideCartRequest != undefined) {
6547            sideCartRequest.abort();
6548          }
6549          sideCartRequest = requestPageCart();
6550        });
6551
6552        $(window).on('posify:cartReloaded', function (e, data) {
6553          if (data && data.id) {
6554            data.excludeItemIds = data.excludeItemIds.map(Number);
6555            cart.value = data;
6556          }
6557        });
6558        $(window).on('posify:openCartModal',openCartModal);
6559
6560        $(window).on('posify:unlockAddToCart', openCartModal);
6561        $(window).on('posify:closeCartModal', closeCartModal);
6562
6563        if (enableCartSidebarDeliverySelector) {
6564          $deliveryMethodRef = $(deliveryMethodRef.value);
6565          if (locationRef.value) {
6566            $locationRef = $(locationRef.value);
6567          }
6568
6569          $deliveryMethodRef.select2({
6570            minimumResultsForSearch: Infinity,
6571          }).on('change', function() {
6572            var val = $(this).val();
6573            deliveryInfo.deliveryType = val;
6574            
6575            handleDeliveryTypeChange(val);
6576
6577            setTimeout(function() {
6578              if (val ==='pick up') {
6579                handleChangeDelivery(checkOutOfStockProductsIsInExcludeItems);
6580              } else {
6581                handleChangeDelivery();
6582              }
6583            }, 0);
6584          });
6585        }
6586
6587      });
6588
6589      return {
6590        hidePromotion,
6591        hideShippingFee,
6592        hideTaxFee,
6593        hideHandingFee,
6594        hideDiscountTotal,
6595        showCart,
6596        loading,
6597        cart,
6598        selectedItemCount,
6599        selectAll,
6600        grandTotal,
6601        originTotalPrice,
6602        hasGiftsExist,
6603        selectGiftPromotion,
6604        computedSelectedGift,
6605        handleSelectAll,
6606        closeCartModal,
6607        handleGoCheckout,
6608        handleQtyMinus,
6609        handleQtyPlus,
6610        handleQtyChange,
6611        handleProductRemove,
6612        handleProductCheck,
6613        handleCartClear,
6614        handleAddGiftItem,
6615        closePromotionModal,
6616        openPromotionModal,
6617        handleGiftQtyPlus,
6618        handleGiftQtyChange,
6619        handleGiftQtyMinus,
6620        progresses,
6621        handleProductRemarkEdit,
6622        addThousandSeparator: function (args) {
6623          return window.addThousandSeparator(args);
6624        },
6625        hasPromotions: function (product) {
6626          return (
6627            !product.gift_add_benefit_id && product.relatedPromotions.length > 0 && !hidePromotion.value
6628          );
6629        },
6630        getActivePromotions: function (relatedPromotions) {
6631          return relatedPromotions.filter(function (promotion) {
6632            return promotion.active == 1;
6633          }).length;
6634        },
6635        getUnActivePromotions: function (relatedPromotions) {
6636          return relatedPromotions.filter(function (promotion) {
6637            return promotion.active == 0;
6638          }).length;
6639        },
6640        getTotalWeight: function(product) {
6641          const formatWeight = (parseFloat(product.qty) * parseFloat(product.weight)).toFixed(2);
6642          return `${formatWeight} ${product.weightUnitDesc}`
6643        },
6644        deliveryMethods,
6645        deliveryMethodRef,
6646        locationRef,
6647        deliveryInfo,
6648        isSelectedAllDisabled,
6649      };
6650    },
6651  });
6652
6653  app.mount('#common-side-cart');
6654
6655  $('#common-side-cart').removeClass('hidden');
6656})();
6657});</script>
vendor: 1 bytes, line 6657
6657
6658<script>
6659		if (0) {
6660			$('#toTopBtn').css('left', '15px').css('right', 'unset !important');
6661		}
6662		var hasWidget = $('#whatsapp-chat-widget').length;
6663		console.log('hasWidget', hasWidget);
6664		if (!hasWidget) {
6665			var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?5233';
6666			var s = document.createElement('script');
6667			s.type = 'text/javascript';
6668			s.async = true;
6669			s.src = url;
6670			var options = {
6671				"enabled":true,
6672				"chatButtonSetting":{
6673						"backgroundColor":"#4dc247",
6674						"ctaText":"",
6675						"borderRadius":"25",
6676					// 2023-5-17 jaydon: whatsapp icon position left	  
6677						"marginLeft":"0",
6678						"marginBottom": 100,
6679						"marginRight":"10",
6680						"position":"right",
6681				},
6682				"brandSetting":{
6683						"brandName":"Shampoo HK",
6684						"brandSubTitle":"如對我們任何一件產品有興趣或有任何疑問,歡迎聯絡我們。",
6685						"brandImg":"https://cdn.clare.ai/wati/images/WATI_logo_square_2.png",
6686						"welcomeText":"你好,請問想查詢甚麼產品?",
6687						"messageText":"你好,我對您們商品有興趣。",
6688						"backgroundColor":"#0a5f54",
6689						"ctaText":"Start Chat",
6690						"borderRadius":"25",
6691						"autoShow":false,
6692						"phoneNumber":"55991517"
6693				}
6694			};
6695			s.onload = function() {
6696					CreateWhatsappChatWidget(options);
6697			};
6698			var x = document.getElementsByTagName('script')[0];
6699			x.parentNode.insertBefore(s, x);
6700		}</script>
6700
6701</body>
6702</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.