PageSourceSearch

https://www.ladyplume.com.tw/

html ladyplume.com.tw collected 2026-10-07 21:54:06 UTC 100,737 bytes, 2,471 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-tw" style="height:100%;">
3  <head>
4      
4<script>
5        window.dataLayer = window.dataLayer || [];
6      </script>
6
7    <!-- Google Tag Manager -->
8            
8<script>
vendor: 375 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
9            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12            })(window,document,'script','dataLayer','
12GTM-WC4K6TV
vendor: 3 bytes, line 12
12');
12</script>
12
13          <!-- End Google Tag Manager -->
14      <!-- CYBERBIZ Google Tag Manager -->
15      
15<script>
vendor: 345 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
19      })(window,document,'script','cyb','
19GTM-TXD9LVJ
vendor: 3 bytes, line 19
19');
19</script>
19
20      <!-- End CYBERBIZ Google Tag Manager -->
21    
22  
23  <meta name="p:domain_verify" content="65b544188c2ac2935cb8024f9ca515f4"/>
24  
25  <!-- GetButton.io widget -->
26<script type="text/javascript">
27    (function () {
28        var options = {
29            line: "//line.me/R/ti/p/%40460tunxd", // Line QR code URL
30            call_to_action: "客服在這裡!", // Call to action
31            position:"right", // Position may be 'right' or 'left'
32        };
33        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
34        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
35        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
36        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
37    })();
38</script>
38
39<!-- /GetButton.io widget -->
40  
41    <meta charset="utf-8">
42    <meta http-equiv="X-UA-Compatible" content="IE=edge">
43    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
44    <meta property="og:site_name" content="波琳小姐" />
45
46    <!-- og tag -->
47    
48      <meta name="keywords" content="蝴蝶酥,火烤,伴手,傳遞幸福" />
49      <meta name="description" content="以「1873年法國配方」改良, 在「獨家火烤工藝」中誕生" />
50      <meta property="og:title" content="波琳小姐" />
51      <meta property="og:url" content="http://www.ladyplume.com.tw" />
52      <meta property="og:type" content="product.group" />
53      <meta property="og:description" content="以「1873年法國配方」改良, 在「獨家火烤工藝」中誕生" />
54    
55
56    <!-- og image -->
57    
58      <meta property="og:image" content="https://cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502963_9ef346a7_og_image.jpg?1652502963" />
59    
60
61    <title>
62      
63        波琳小姐 歡迎光臨
64      
65    </title>
66    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap" rel="stylesheet">
67    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400&display=swap" rel="stylesheet">
68    <link rel="shortcut icon" href="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502957_1dde0c45_favicon.png?1652502957" type="image/x-icon" />
69    
69<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
69
70    <!-- Add the slick-theme.css if you want default styling -->
71    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
72    <!-- Add the slick-theme.css if you want default styling -->
73    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/>
74    
74<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.4/gsap.min.js"></script>
74
75    <!-- for vendor -->
76    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1652502953_69898530_vendor.css?1652502953' rel='stylesheet' type='text/css' media='all' />
77
78    <!-- for navbar -->
79    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1652502951_2d74e7e1_navbar.css?1652502952' rel='stylesheet' type='text/css' media='all' />
80    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/1652502954_24dbedb4_navbar.css?1652502954' rel='stylesheet' type='text/css' media='all' />
81    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1652502952_b15836f3_sidebar.css?1652502952' rel='stylesheet' type='text/css' media='all' />
82
83    <!-- theme assets -->
84    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1700451818_b2cbc94d_main.css?1700451818' rel='stylesheet' type='text/css' media='all' />
85
86    <!-- for vendor -->
87    
87<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502970_b8618bc1_wow.js?1652502970' type='text/javascript'></script>
87
88    
88<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502970_75ec8580_vendor.js?1652502970' type='text/javascript'></script>
88
89    
90            
90<script>
91          window.sci = "eyJzaG9wX2lkIjoxNDI1MCwic2hvcF9wbGFuIjoiYWR2YW5jZSIsImRpbV9h\nZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9u\nYW1lIjpudWxsLCJzaG9wX25hbWUiOiLms6LnkLPlsI/lp5AiLCJzaGFyZV9h\ndHRyaWJ1dGlvbl9lbmFibGVkIjp0cnVlfQ==\n";
92        </script>
92
93
94
95<meta name="csrf-param" content="authenticity_token" />
96<meta name="csrf-token" content="oMYndOGxHD1r4obkFfYmYwg3J7hQMulj8wW1gxStS51NgkEY9gcmXvxi29zm3iGJmNzR-ytSB2ymfVK7R8O32A" />
97<script>(function () {
98  window.gaConfigurations = {"useProductIdInProductEvents":false};
99})();
100</script>
vendor: 1 bytes, line 100
100
101<script>(function () {
102  window.CYBERBIZ_PageContext = {"page_type":"home"};
103})();
104</script>
104
105<link href="//cdn1-next.cybassets.com/frontend/shop/quark-e958d46bfee2e69f.css" rel="stylesheet" type="text/css" media="all" />
106        
106<script>
107          window.shopScriptHelper = {
108            i18nLocale: "zh-TW",
109            i18nLocaleDefault: "zh-TW",
110            availableCurrencies: [],
111            defaultCurrency: "TWD",
112            currenciesInfo: [{"html_unit":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","name":"新台幣 (TWD)","html":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"money_format":"%u%n","decimal_precision":0,"format":"NT${{amount_no_decimals}}","code":"TWD","symbol":"NT$","email":"NT${{amount_no_decimals}}"}],
113            vueOverrideTranslations: {"zh-TW":{"vue":{}}},
114            hasI18nInContextEditing: false,
115            shopMultipleCurrenciesCheckout: false,
116            hasLocalizedShopPriceFormat: false,
117          }
118        </script>
118
119
120        
121        
121<script
122          src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-e958d46bfee2e69f.js">
123        </script>
123
124        
124<script defer>
125          /*
126          * Enable in-context translation for Liquid part on the page.
127          * This must be executed last to prevent conflicts with other Vue apps.
128          * So put it to `onload`, which will be executed after DOM ready's app mount
129          */
130          window.onload = function() {
131            if (
132              window.shopScriptHelper &&
133              window.shopScriptHelper.hasI18nInContextEditing
134            ) {
135              window.initTolgeeForLiquid()
136            }
137          }
138        </script>
138
139
140<script> var google_con_event_labels = []</script>
vendor: 1 bytes, line 140
140
141<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-e958d46bfee2e69f.js"></script>
141
142        
142<script>
143          window.c12t = {"customer_id":null};
144        </script>
144
145
146        <meta name="request-id" content="D868BCC94BF1C274C13DD706781CE809"/>
147
148<link rel="canonical" href="https://www.ladyplume.com.tw/">
149
150          
150<script>
151            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
152          </script>
152
153
154<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 154
154
155<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctMEQwUUtFTkM4\nUSwgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IlVB\nLTE3MDEwNDk3NS0xIn19LHsidmVuZG9yX3R5cGUiOiJEaWdpdGFsIEludGVs\nbGlnZW5jZSBUcmFja2VyIiwiYXBwX2lkIjoiMWI1MGE4NmRjMmQxNDE4Mzg4\nZmRlZGY3YTBkNDM5YWUiLCJzZXR0aW5ncyI6e319XQ==\n"}
156</script>
vendor: 1 bytes, line 156
156
157<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 157
157
158<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 158
158
159<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 159
159
160<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 160
160
161<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-e958d46bfee2e69f.js"></script>
vendor: 1 bytes, line 161
161
162<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
162
163
164
165
166
167
168
169    <style>
170        /*#index_sidebar_shelf_top > li:not(.logo) button, #index_sidebar_shelf_top > li:not(.logo) a {*/
171/*  background: #faeee1; }*/
172  
173/*Furtherscope's code begin*/
174
175* {
176    word-break: break-word;
177    font-family: 'Noto Serif TC', serif;
178    letter-spacing: 1px;
179}
180
181@font-face {
182    font-family: 'Magnolia-Script';
183    src: local('Magnolia-Script');
184    src: url('https://chiunhau.demo.furtherscope.com.tw/Magnolia_Script.woff') format('woff'),
185         url('//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/./1652502970_22be9d48_magnolia_script-webfont.woff2?1652502970') format('woff2'),
186         url('//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/./1652502970_d0466bf7_magnolia_script-webfont.woff?1652502970') format('woff');
187    font-weight: normal;
188    font-style: normal;
189
190}
191
192body {
193    overflow-x: hidden;
194}
195
196.breadcrumb-item {
197    white-space: nowrap;
198}
199
200
201#header .mobile-nav .cart {
202    font-family: Arial;
203}
204
205#header nav {
206    font-family: 'PingFangTC', 'Noto Sans CJK', san-serif;
207}
208
209#header .drawer-nav {
210    -webkit-transform: translateZ(1000px);
211}
212
213
214.index-video-wrapper {
215    overflow: hidden;
216    position: relative;
217    width: 100%;
218    margin: 0 auto;
219    height: 300px;
220    background-color: #fff;
221    opacity: 0;
222    transition: opacity 1s ease-in;
223}
224.index-video-wrapper.-active {
225    opacity: 1;
226}
227
228.index-video-wrapper .index-video-slide {
229    position: absolute;
230    width: 100%;
231    height: 100%;
232    /*transition: opacity 1s ease-in;*/
233    /*opacity: 0;*/
234    
235}
236
237
238
239.index-video-wrapper .index-video-slide-img {
240    width: 100%;
241    height: 100%;
242    background-size: cover;
243    background-position: center;
244    transform: scale(1.3);
245}
246
247.index-video-wrapper  video {
248    height: 100%;
249    width: 177.77777778vh; /* 100 * 16 / 9 */
250    min-width: 100%;
251    min-height: 56.25vw; /* 100 * 9 / 16 */
252    position: absolute;
253    left: 50%; /* % of surrounding element */
254    top: 50%;
255    transform: translate(-50%, -50%) scale(1.1); /* % of current element */
256}
257
258.index-iframe-wrapper {
259    margin: 0 auto;
260    margin-top: 80px;
261    position: relative; 
262    height: 0;
263    width: 95%;
264    padding-bottom: 56.25%; /* 16:9 */
265}
266
267.index-iframe-wrapper > iframe {
268    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
269}
270
271.text-image-wrapper {
272    position: absolute;
273    top: 0;
274    left: 0;
275    width: 100%;
276    height: 100%;
277    display: flex;
278    justify-content: center;
279    align-items: center;
280    
281}
282
283.text-image-wrapper > img {
284    width: 200px;
285    height: 87.3px;
286    
287}
288
289.drawer-nav {
290    -webkit-transform: translateZ(2000px);
291}
292
293ul.sidebar .logo {
294    padding-left: 24px;
295}
296
297.product_item .amount {
298    font-size: 12px;
299    color: #999;
300}
301
302@media (min-width: 768px) {
303    .youtube-wrapper {
304   height: 600px;
305    }
306    
307    .index-video-wrapper {
308        height: 600px;
309    }
310    
311    .text-image-wrapper > img {
312        width: 400px;
313        height: 174.6px;
314        
315    }
316    
317    .index-video-wrapper .index-video-slide-img {
318        transform: scale(1.2);
319    }
320}
321
322/*@media (min-width: 1200px) {*/
323/*    width: 1200px;*/
324/*    padding-bottom: 56.25%;*/
325/*}*/
326
327.youtube-wrapper iframe {
328    position: absolute;
329    top: 0;
330    left: 0;
331    width: 100%;
332    height: 100%;
333}
334
335.magnolia {
336    font-family: 'Magnolia-Script';
337}
338
339.serif-tc {
340    font-family: 'Noto Serif TC', serif;
341}
342
343.index-custom-rotate-in > span {
344    display: block;
345    margin-bottom: 15px;
346    font-size: 16px;
347    letter-spacing: 1.7px;
348    color: #333;
349}
350
351.index-custom-rotate-in button {
352    margin-top: 20px;
353}
354
355.index-custom-rotate-in .with-break {
356    margin-bottom: 40px;
357}
358
359#product .product_info .product_photos .thumb {
360    text-align: center;
361}
362
363.img-flex.for-zoom img {
364    transition: all 0s;
365}
366
367@media (max-width: 767px) {
368#product .product_info .product_content {
369    padding: 8px;
370}
371}
372
373.container.quotes {
374    position: relative;
375    margin-top: 60px;
376    margin-bottom: 40px;
377    text-align: center;
378}
379
380.quotes quote {
381    display: block;
382}
383
384.quotes .magnolia {
385    font-size: 18px;
386    margin-bottom: 12px;
387}
388
389.quotes .serif-tc {
390    font-size: 16px;
391    letter-spacing: 6px;
392}
393
394.quote-dots {
395    margin-top: 20px;
396    white-space: nowrap;
397    overflow: hidden;
398}
399
400.quote-dots .quote-dot {
401    display: inline-block;
402    width: 4px;
403    height: 4px;
404    border-radius: 50%;
405    margin: 0 6px;
406    background: #c75070;
407    animation: quoteDotsAni .6s linear infinite;
408}
409
410.index-custom-rotate-in {
411    z-index: 0;
412    -webkit-transform: translateZ(1000px);
413}
414
415.customRotateIn {
416  animation-name: customRotateIn;
417  animation-timing-function: cubic-bezier(.19,1,.22,1)
418  -webkit-backface-visibility: hidden;
419  backface-visibility: hidden;
420}
421
422@keyframes quoteDotsAni {
423  from {transform: translate(0, 0);}
424  to {transform: translate(16px, 0);}
425}
426
427@-webkit-keyframes customRotateIn {
428  from {
429     opacity: 0;
430    -webkit-transform: scale3d(1.3,1.3,1) rotate3d(1,-3,-1,-.1turn) translate3d(-50px,100px,0);
431    
432  }
433
434  to {
435    opacity: 1;
436    -webkit-transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0);
437  }
438}
439
440@keyframes customRotateIn {
441  from {
442     opacity: 0;
443    transform: scale3d(1.3,1.3,1) rotate3d(1,-3,-1,-.1turn) translate3d(-50px,100px,0);
444    
445  }
446
447  to {
448    opacity: 1;
449    transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0);
450  }
451}
452
453
454
455p {
456    font-size: 16px;
457    letter-spacing: 1.6px;
458    line-height: 2;
459    color: #333;
460    
461}
462
463button.purple, a.purple {
464    height: 50px;
465  width: 150px;
466  /*background-color: #911E8F;*/
467  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
468  color: #ffffff;
469  border: none;
470  line-height: 50px;
471}
472
473a.purple:hover {
474    text-decoration: none;
475}
476
477button.purple.-center, a.purple.-center {
478    margin: 0 auto;
479}
480
481
482.buttonLeft {
483    padding: 0 14px;
484    overflow: hidden;
485    background-color: #911E8F;
486    position: relative;
487    line-height: 40px;
488    color: #fff;
489    text-align: center;
490}
491
492.buttonLeft::before {
493    content: '';
494    position: absolute;
495    left: 0;
496    bottom: 0;
497    width: 100%;
498    height: 100%;
499    transform: translateX(-100%);
500    background: #EA4922;
501    transition: transform .2s ease-in-out;
502}
503
504.buttonLeft:hover::before {
505    transform: translateX(0);
506}
507
508.buttonLeft span {
509    position: relative;
510    z-index: 1;
511}
512
513
514
515
516@media (min-width: 576px) {
517    .quotes .magnolia {
518        font-size: 28px;
519        margin-bottom: 12px;
520    }
521    
522    .quotes .serif-tc {
523        font-size: 20px;
524        letter-spacing: 10px;
525    }
526}
527
528@media (min-width: 768px) {
529    .container.quotes {
530        margin: 80px auto;
531        text-align: center;
532    }
533    
534    .lady-intro-button {
535        display: block;
536        margin: 0 auto;
537    }
538}
539
540@media (min-width: 992px) {
541    .quotes .magnolia {
542        font-size: 34px;
543        margin-bottom: 12px;
544    }
545    
546    .quotes .serif-tc {
547        font-size: 20px;
548        letter-spacing: 10px;
549    }
550}
551
552.lady-intro {
553    padding-bottom: 0px;
554    position: relative;
555}
556
557.lady-intro p {
558    margin-bottom: 40px;
559}
560
561.lady-intro .lady-intro-image {
562    min-height: 280px;
563    background-size: cover;
564    background-position: center;
565    background-repeat: no-repeat;
566}
567
568.lady-intro-button {
569    display: block;
570    margin: 32px auto;
571}
572@media (min-width: 768px) {
573    /*.lady-intro-button {*/
574    /*   margin-left: 0;*/
575    /*}*/
576}
577
578.side-heading {
579    margin: 40px 0;
580    word-wrap: break-word;
581    color: #999;
582    text-align: center;
583    display: flex;
584    flex-flow: column;
585    justify-content: center;
586    align-items: center;
587}
588
589.side-heading .number{
590    width: 24px;
591    height: 24px;
592    display: block;
593    border: 1px solid #999;
594    border-radius: 50%;
595    line-height: 24px;
596}
597
598.side-heading .line {
599    display: block;
600    width: 1px;
601    height: 32px;
602    background-color: #999;
603    margin-top: 8px;
604    margin-bottom: 8px;
605}
606
607.side-heading h2{
608    word-wrap: break-word;
609    font-weight: normal;
610    line-height: 1.3;
611    font-size: 16px;
612    width: auto;
613    margin: 0;
614    padding: 0;
615    overflow: hidden;
616}
617
618.side-heading.-light {
619    color: #fff;
620}
621
622.side-heading.-light .number{
623    border-color: #fff;
624}
625
626.side-heading.-light .line{
627    background-color: #fff;
628}
629
630.slick-prev {
631    left: 0 !important;
632}
633
634.slick-next {
635    right: 0 !important;
636}
637
638@media (min-width: 768px) { 
639    .lady-intro {
640        padding-bottom: 120px;
641    }
642    .side-heading {
643        margin: 0;
644    }
645    
646   .side-heading h2 {
647       width: 16px;
648   }
649   
650   .side-heading .line {
651        height: 48px;
652    }
653    
654    .lady-intro .btn-know-lady {
655        margin-bottom: 0;
656    }
657}
658
659
660.home-story {
661    position: relative;
662    background-size: cover;
663    background-position: center;
664    height: 340px;
665    padding-top: 40px;
666    color: #fff;
667    opacity: 0;
668    transition: all .4s ease-out;
669}
670
671.home-story .tip {
672    text-align: left;
673 
674}
675
676
677.home-story .tip .transition-group-1 {
678    transition: all 1s ease-in;
679    transform: translateX(-200px);
680       
681    opacity: 0;
682}
683
684
685.home-story .tip p {
686    color: #5f370c;
687    transition: all .4s ease-out;
688    /*width: 0;*/
689    /*white-space: nowrap;*/
690    /*overflow: hidden;*/
691    transition-delay: 1.2s;
692    margin-bottom: 0;
693}
694
695.home-story .tip.-left {
696    margin-top: 60px;
697}
698
699.home-story .tip .line-wrapper {
700    position: relative;
701    opacity: 0;
702    transition: all .4s ease-in-out;
703    transition-delay: 2s;
704}
705
706.home-story .tip.-left .line-wrapper {
707    padding-left: 100px;
708}
709
710.home-story .tip.-left .line-wrapper:after {
711    content: "";
712    position: absolute;
713    display: inline-block;
714    width: 120px;
715    height: 1px;
716    left: 240px;
717    border-bottom: 1px solid #666;
718    transform: rotate(51.5deg);
719    transform-origin: left top;
720}
721
722.home-story .tip.-center {
723    margin-top: 220px;
724}
725
726.home-story .tip.-center .line-wrapper {
727    padding-left: 0;
728    position: relative;
729}
730
731.home-story .tip.-center .line-wrapper:after {
732    content: "";
733    position: absolute;
734    display: inline-block;
735    width: 120px;
736    height: 1px;
737    left: 80px;
738    bottom: -10px;
739    border-bottom: 1px solid #666;
740    transform: rotate(-30.2deg);
741    transform-origin: left top;
742}
743
744.home-story .tip.-right {
745    margin-top: 100px;
746}
747
748.home-story .tip.-right .line-wrapper {
749    padding-left: 0;
750}
751
752.home-story .tip.-right .line-wrapper:after {
753    content: "";
754    position: absolute;
755    display: inline-block;
756    width: 120px;
757    height: 1px;
758    left: -4px;
759    top: -40px;
760    border-bottom: 1px solid #666;
761    transform: rotate(130deg);
762    transform-origin: left top;
763}
764
765.home-story.start {
766    opacity: 1;
767    
768}
769
770.home-story.start .tip {
771    transform: translateX(0);
772    opacity: 1;
773}
774
775.home-story.start .tip .transition-group-1 {
776    transform: translateX(0);
777    opacity: 1;
778}
779
780.home-story.start .tip .line-wrapper:after {
781    opacity: 1;
782}
783
784.home-story.start .tip p {
785    width: 100%;
786    font-weight: 500;
787}
788
789.home-story.start .tip .line {
790    height: 72px
791}
792
793.home-story.start .tip .line-wrapper {
794    opacity: 1;
795}
796
797.home-story.start .tip .line:after {
798    opacity: 1;
799}
800
801.home-story.start .tip h3 {
802    opacity: 1;
803    font-family: 'Noto Sans TC', sans-serif;
804}
805
806
807.home-story .tip h3{
808    font-size: 26px;
809    border-radius: 50%;
810    color: #d62e00;
811    opacity: 0;
812    transition: all .4s ease-out;
813    margin-bottom: 0;
814    
815}
816
817.home-story .tip h3:before {
818    content: "Story of";
819    display: block;
820    margin-bottom: 2px;
821    font-size: 16px;
822    font-family: 'Magnolia-Script';
823    color: #d62e00;
824}
825
826.home-story .tip h3 span {
827    font-size: 16px;
828    font-family: 'Noto Sans TC', sans-serif;
829}
830
831.home-story .tip .line {
832    position: relative;
833    margin: 0 auto;
834    width: 4px;
835    height: 0;
836    background-position: center;
837    background-repeat: no-repeat;
838    transition: all .4s ease-out;
839    text-align: center;
840    transition-delay: .8s;
841}
842
843.mobile-tip-wrapper:after {
844    content: "";
845    display: block;
846    height: 50px;
847    width: 1px;
848    border-left: 1px solid #666;
849    margin: 0 auto;
850}
851
852
853.slick-prev:before, .slick-next:before {
854    color: #000 !important;
855}
856
857
858a.-with-arrow span:before{
859    content: "";
860    display: inline-block;
861    width: 14px;
862    height: 23px;
863    vertical-align: text-bottom;
864    background-repeat: no-repeat;
865    background-position: center;
866    background-image: url('//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502955_5746beb9_arrow.svg?1652502955');
867}
868
869.home-story .tip .line:after {
870    content: "";
871    display: block;
872    position: absolute;
873    bottom: 0;
874    left: -2px;
875    /*transform: translateX(-50%);*/
876    margin-left: 0;
877    margin-right: 0;
878    width: 8px;
879    height: 8px;
880    background-color: #fff;
881    border-radius: 50%;
882    opacity: 0;
883    transition: all .2s ease-out;
884    transition-delay: 1s;
885}
886
887
888@media (min-width: 768px) { 
889    .home-story {
890        height: 600px;
891        padding-top: 72px;
892    }
893}
894
895@media (min-width: 1200px) { 
896    .home-story {
897        height: 640px;
898        padding-top: 100px;
899    }
900}
901
902.page .wallpaper {
903    display: flex;
904    width: 100%;
905    height: 180px;
906    background-size: cover;
907    background-position: center;
908    background-repeat: no-repeat;
909    justify-content: center;
910    align-items: flex-end;
911}
912
913.page .wallpaper h1 {
914    color: #fff;
915    font-size: 40px;
916    letter-spacing: 5px;
917    text-shadow: 0 2px 4px 0 rgba(0,0,0,0.17);
918    font-weight: bold;
919    margin: 0;
920    line-height: 1;
921}
922
923.tip.slick-slide {
924    display: flex;
925    justify-content: center;
926    align-items: center;
927    
928}
929
930.tip.slick-slide .mobile-tip-wrapper {
931    display: inline-block;
932}
933
934@media (min-width: 768px) { 
935    .page .wallpaper {
936        height: 400px;
937    }
938    
939    .page .wallpaper h1 {
940        font-size: 100px;
941    }
942}
943
944@media (min-width: 992px) { 
945    .page .wallpaper {
946        height: 600px;
947    }
948    
949    .page .wallpaper h1 {
950        font-size: 150px;
951    }
952}
953
954
955
956.page .lady-intro-p {
957    margin-top: 48px;
958    text-align: center;
959}
960
961.page .story-lady-image {
962    width: 80%;
963    height: 200px;
964    background-size: cover;
965    background-position: center;
966    background-repeat: no-repeat;
967}
968
969.page .lady-intro {
970    margin-top: 20px;
971}
972
973.page .story-subheading {
974    font-size: 22px;
975    font-weight: 600;
976}
977
978.page .lady-intro img {
979    width: 100%;
980    max-width: 400px;
981}
982
983.page h3 {
984    font-size: 20px;
985    margin-bottom: 20px;
986}
987
988.page .row.-palmier {
989    margin-bottom: 0;
990}
991
992@media (min-width: 992px) { 
993   .page .story-lady-image {
994        height: 600px;
995    }
996    
997    .page .row.-palmier {
998        margin-bottom: 80px;
999    }
1000}
1001
1002@media (min-width: 768px) { 
1003    .page .lady-intro {
1004        margin-top: 100px;
1005    }
1006}
1007
1008
1009
1010#dots-homepage-d-1 {
1011    height: 1000px;
1012    top: 340px;
1013    width: 100%;
1014    overflow: hidden;
1015}
1016
1017#dots-story-d-1 {
1018    height: 1000px;
1019    top: 200px;
1020    width: 100%;
1021    overflow: hidden;
1022}
1023
1024#dots-story-d-2 {
1025   height: 1300px;
1026    top: -100px;
1027    width: 100%;
1028    overflow: hidden; 
1029}
1030
1031#dots-products-d-1 {
1032   height: 1200px;
1033    top: -100px;
1034    width: 100%;
1035    overflow: hidden; 
1036}
1037
1038#dots-page-d-1 {
1039   height: 1000px;
1040    top: 200px;
1041    width: 100%;
1042    overflow: hidden; 
1043}
1044
1045#dots-homepage-m-1 {
1046    height: 1000px;
1047    top: 350px;
1048    width: 100%;
1049    overflow: hidden;
1050}
1051
1052#dots-products-m-1 {
1053    height: 1000px;
1054    top: 0px;
1055    width: 100%;
1056    overflow: hidden;
1057}
1058
1059#dots-story-m-1 {
1060    height: 1000px;
1061    top: 220px;
1062    width: 100%;
1063    overflow: hidden;
1064}
1065
1066#dots-story-m-2 {
1067    height: 100%;
1068    top: -40px;
1069    width: 100%;
1070    overflow: hidden;
1071}
1072
1073#dots-story-m-3 {
1074    height: 100%;
1075    top: -40px;
1076    width: 100%;
1077    overflow: hidden;
1078}
1079
1080
1081
1082.dots.-mobile {
1083    display: block;
1084}
1085
1086
1087.dots.-desktop {
1088    display: none;
1089}
1090
1091
1092@media (min-width: 576px) {
1093    .dots.-mobile {
1094        display: none;
1095    }
1096    .dots.-desktop{
1097        display: block;
1098    }
1099}
1100
1101@media (min-width: 768px) {
1102   #dots-homepage-d-1 {
1103        height: 1000px;
1104        top: 650px;
1105        width: 100%;
1106        overflow: hidden;
1107    }
1108    #dots-story-d-1 {
1109        height: 1000px;
1110        top: 400px;
1111        width: 100%;
1112        overflow: hidden;
1113    }
1114    
1115    #dots-page-d-1 {
1116     height: 1000px;
1117      top: 400px;
1118      width: 100%;
1119      overflow: hidden; 
1120    }
1121}
1122
1123@media (min-width: 992px) {
1124    #dots-story-d-1 {
1125        height: 1000px;
1126        top: 650px;
1127        width: 100%;
1128        overflow: hidden;
1129    }
1130    #dots-page-d-1 {
1131      height: 1000px;
1132      top: 650px;
1133      width: 100%;
1134      overflow: hidden; 
1135    }
1136}
1137
1138.dots {
1139    position: absolute;
1140    left: 0;
1141    list-style: none;
1142    z-index: -1;
1143    padding: 0;
1144    margin: 0;
1145}
1146
1147.dots .dots-child {
1148    position: absolute;
1149    transform: scale(1);
1150    transform-origin: center;
1151}
1152
1153.layer {
1154    border-radius: 50%;
1155    background-color: #aaa;
1156}
1157
1158.dots .layer.-purple {
1159    background: #911E8F;
1160}
1161
1162.dots .layer.-red {
1163    background: #EA4922;
1164}
1165
1166.dots .layer.-brown {
1167    background: #E2D1BC;
1168}
1169
1170.dots .layer.-gray {
1171    background: #f9f9f9;
1172}
1173
1174.dots .layer.-lg {
1175    width: 200px;
1176    height: 200px;
1177}
1178
1179.dots .layer.-md {
1180    width: 100px;
1181    height: 100px;
1182}
1183
1184.dots .layer.-sm {
1185    width: 40px;
1186    height: 40px;
1187}
1188
1189.dots .layer.-xs {
1190    width: 20px;
1191    height: 20px;
1192}
1193
1194.dots .layer.-xxs {
1195    width: 12px;
1196    height: 12px;
1197}
1198
1199.product-user-content img{
1200    width: 100%;
1201    margin-bottom: 20px;
1202} 
1203.product-user-content h3{
1204    margin-bottom: 20px;
1205    font-size: 18px;
1206} 
1207
1208.product-user-content p{
1209    line-height: 2;
1210    margin-bottom: 0;
1211} 
1212
1213.product-user-content .row {
1214    margin-bottom : 60px;
1215}
1216.product-user-content iframe {
1217    width: 100%;
1218    margin-top: 40px;
1219    margin-bottom: 20px;
1220}
1221
1222#product .product_info .product_content #variant_options input:checked + label {
1223    background-color: #911E8F !important;
1224    border-color: #911E8F !important;
1225}
1226
1227#product .product_info .product_content #variant_options label:hover {
1228    border: 1px solid #911E8F !important;
1229    color: #565656 !important;
1230}
1231
1232#product .product_info .product_content #variant_options input:checked + label:hover {
1233    color: #fff !important;   
1234}
1235
1236#product .product_info .product_content .product_variant_quantity {
1237    grid-row: 7 !important;
1238}
1239
1240#gototop {
1241    right: 19px;
1242}
1243
1244
1245    </style>
1246    
1246<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
1246
1247    <meta name="facebook-domain-verification" content="tkq8epjbsin9838yvggqi2toj7f3jv" />
1248    <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1652502953_d2d9ac6e_variables.css?1652502953' rel='stylesheet' type='text/css' media='all' />
1249  
1250        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 1250-1251
1250
1251          <script async src="https://www.googletagmanager.com/gtag/js?id=
1251G-0D0QKENC8Q
vendor: 22 bytes, lines 1251-1252
1251"></script>
1252          
1252<script>
1253            
vendor: 183 bytes, lines 1253-1258
1253window.dataLayer = window.dataLayer || [];
1254            function gtag(){dataLayer.push(arguments);}
1255            gtag('js', new Date());
1256            
1257            
1258      gtag('config', '
1258UA-170104975-1
vendor: 27 bytes, line 1258
1258', {"groups":"ecommerce"});
1258</script>
1258
1259      
1259<script>
1260        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1261        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1262        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1263        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
1264
1265        ga('create', '', 'auto', {'name': 'cyberbiz'});
1266        ga('cyberbiz.require', 'displayfeatures');
1267        ga('cyberbiz.set', 'dimension1', '14250');
1268        ga('cyberbiz.require', 'ec');
1269        ga('cyberbiz.send', 'pageview');
1270      </script>
1270
1271    
1272      
1272<script>
vendor: 426 bytes, lines 1272-1279
1272
1273      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1274      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
1275      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
1276      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
1277      document,'script','//connect.facebook.net/en_US/fbevents.js');
1278
1279      fbq('init', '
1279728598767907468
vendor: 38 bytes, lines 1279-1280
1279', {}, {'agent':'plcyberbiz'});
1280      
1280fbq('track', "PageView", '', { eventID: "PageView_D868BCC94BF1C274C13DD706781CE809" });
1281      var facebook_pixel_id = '728598767907468'</script>
1281
1282
1283    </head>
1284
1285  <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 1285-1286
1285
1286            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1286GTM-WC4K6TV
vendor: 105 bytes, lines 1286-1288
1286"
1287            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1288          
1288<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 1288-1290
1288
1289      <noscript><iframe
1290      src="//www.googletagmanager.com/ns.html?id=
1290GTM-TXD9LVJ
vendor: 117 bytes, lines 1290-1296
1290"
1291      height="0"
1292      width="0"
1293      style="display:none;visibility:hidden">
1294      </iframe></noscript>
1295    
1296    
1296<!-- Navigation -->
1297    
1297<script type="text/javascript">
1298  $(document).ready(function() {
1299      WebFont.load({
1300        google: {
1301          families: [ 'Noto+Sans+TC:100,300,400,500,700,900&display=swap:chinese-traditional' ]
1302        }
1303      });
1304  });
1305</script>
1305
1306
1307<span class="drawer drawer--left">
1308  <header id="header">
1309    <div class="container relative">
1310      <div class="hidden-md computer_nav">
1311        <!-- logo start -->
1312        <nav class="logo">
1313          
1314            <a href="/">
1315              <img src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502963_6c789253_navbar_logo.png?1652502963" height="50" width="auto" alt="logo">
1316            </a>
1317          
1318        </nav>
1319        <!-- logo end -->
1320        <!-- main-nav start -->
1321          <nav class="main-nav">
1322  <ul class="link_shelf_top">
1323    
1324      
1325        <li>
1326            <a href="/">
1327                <div data-text="首頁">
1328                <span class="text">首頁</span>
1329                </div>
1330            </a>
1331        </li>
1332      
1333    
1334      
1335        <li>
1336            <a href="/pages/story">
1337                <div data-text="故事">
1338                <span class="text">故事</span>
1339                </div>
1340            </a>
1341        </li>
1342      
1343    
1344      
1345        <li>
1346            <a href="/collections/frontpage">
1347                <div data-text="商品">
1348                <span class="text">商品</span>
1349                </div>
1350            </a>
1351        </li>
1352      
1353    
1354      
1355        <li>
1356            <a href="/pages/shopping-guide">
1357                <div data-text="購物須知">
1358                <span class="text">購物須知</span>
1359                </div>
1360            </a>
1361        </li>
1362      
1363    
1364      
1365        <li>
1366            <a href="/pages/contact-us">
1367                <div data-text="聯絡我們">
1368                <span class="text">聯絡我們</span>
1369                </div>
1370            </a>
1371        </li>
1372      
1373    
1374  </ul>
1375</nav>
1376        <!-- main-nav end -->
1377        <!-- tool-nav start -->
1378          <nav class="tool-nav">
1379  <ul class="link_shelf_top">
1380    <!-- member -->
1381    
1382      <li class="customer_account">
1383        <div class="dropdown static">
1384          <a href="javascript:void(0)" data-toggle="dropdown">
1385            <svg class="member-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="20.8" viewBox="0 0 40 50">
1386              <path d="M26.133,22.686c3.417-2.192,5.692-6.016,5.692-10.368C31.825,5.526,26.299,0,19.507,0S7.188,5.526,7.188,12.318c0,4.352,2.275,8.176,5.692,10.368C5.381,25.098,0,31.457,0,38.926v1.627C0,44.659,3.716,48,8.283,48h22.448c4.567,0,8.283-3.341,8.283-7.447v-1.627C39.014,31.457,33.632,25.098,26.133,22.686z M10.188,12.318  C10.188,7.18,14.368,3,19.507,3s9.319,4.18,9.319,9.318c0,5.139-4.181,9.319-9.319,9.319S10.188,17.457,10.188,12.318zM36.014,40.553c0,2.452-2.37,4.447-5.283,4.447H8.283C5.37,45,3,43.005,3,40.553v-1.627c0-7.879,7.405-14.289,16.506-14.289c9.102,0,16.507,6.41,16.507,14.289L36.014,40.553L36.014,40.553z"/>
1387            </svg>
1388            <span class="text"></span>
1389          </a>
1390          <div class="dropdown-menu" role="menu">
1391            <ul id="customer-logined-menu" style="display: none">
1392              <li class="button">
1393                <a href="/account/logout" class="btn-logout">會員登出</a>
1394              </li>
1395              <li class="button">
1396                <a href="/account/index" class="btn-orders">訂單查詢</a>
1397              </li>
1398            </ul>
1399            <ul id="customer-not-login-menu">
1400              <li class="button">
1401                <a href="/account/login" class="btn-login">會員登入</a>
1402              </li>
1403              <li class="button">
1404                <a href="/account/signup" class="btn-signin">註冊新會員</a>
1405              </li>
1406            </ul>
1407          </div>
1408        </div>
1409      </li>
1410    
1411    <!-- for money symbol -->
1412    <div id="money-symbol" data-money-symbol="NT$-9527" hidden></div>
1413    <!-- cart -->
1414    
1415      <li class="cart">
1416        <!--電腦版的購物車選單-->
1417        <div class="dropdown static">
1418          <a href="javascript:void(0)" data-toggle="dropdown" class="shopcart">
1419            <svg class="cart-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="32" viewBox="0 0 60 50">
1420              <path d="M53.651,6.955c-0.285-0.343-0.708-0.542-1.154-0.542H13.471L12.3,1.173
1421                C12.147,0.487,11.539,0,10.836,0H1.5C0.671,0,0,0.671,0,1.5S0.672,3,1.5,3h8.134l6.593,29.503c0.153,0.686,0.762,1.173,1.464,1.173
1422                h27.882c0.828,0,1.5-0.672,1.5-1.5s-0.672-1.5-1.5-1.5h-26.68l-0.336-1.503l30.61-1.59c0.691-0.036,1.269-0.541,1.396-1.222
1423                l3.408-18.172C54.054,7.75,53.937,7.298,53.651,6.955z M47.832,24.648l-29.938,1.554l-3.752-16.79h36.547L47.832,24.648z"/>
1424              <path d="M27.829,19.456h9.873c0.828,0,1.5-0.671,1.5-1.5s-0.672-1.5-1.5-1.5h-9.873
1425                c-0.829,0-1.5,0.671-1.5,1.5S27,19.456,27.829,19.456z"/>
1426              <path d="M22.174,36.563c-3.153,0-5.718,2.565-5.718,5.718S19.021,48,22.174,48s5.719-2.565,5.719-5.719
1427                C27.893,39.129,25.328,36.563,22.174,36.563z M22.174,45c-1.499,0-2.718-1.22-2.718-2.719s1.219-2.718,2.718-2.718
1428                s2.719,1.219,2.719,2.718S23.673,45,22.174,45z"/>
1429              <path d="M44.456,36.563c-3.153,0-5.719,2.565-5.719,5.718S41.302,48,44.456,48s5.719-2.565,5.719-5.719
1430                C50.175,39.129,47.609,36.563,44.456,36.563z M44.456,45c-1.499,0-2.719-1.22-2.719-2.719s1.22-2.718,2.719-2.718
1431                s2.719,1.219,2.719,2.718S45.955,45,44.456,45z"/>
1432            </svg>
1433            <span class="global-cart-count" style="display: none;">0</span>
1434            <span class="global-cart-loading"></span>
1435          </a>
1436          <div class="dropdown-menu" role="menu">
1437            <div class="cart_list global-cart-item-list custom-scrollbar">
1438            </div>
1439            <div class="button">
1440              <a class="btn-checkout" href="/cart">立即結帳</a>
1441            </div>
1442          </div>
1443        </div>
1444      </li>
1445    
1446    <!-- search -->
1447    
1448      <li class="search">
1449        <div class="dropdown static">
1450          <a href="javascript:void(0)" data-toggle="dropdown">
1451            <svg class="saerch-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="26" viewBox="0 0 50 50">
1452              <path d="M49.932,45.439l-9.987-9.987c-0.075-0.075-0.168-0.113-0.253-0.168
1453              c2.773-3.688,4.419-8.269,4.419-13.229C44.111,9.894,34.217,0,22.056,0C9.894,0,0,9.894,0,22.055C0,34.217,9.894,44.11,22.055,44.11c6.15,0,11.718-2.533,15.722-6.607c0.019,0.021,0.026,0.049,0.046,0.07l9.987,9.987c0.294,0.294,0.678,0.44,1.062,0.44s0.768-0.146,1.061-0.439C50.518,46.975,50.518,46.025,49.932,45.439z M22.056,41.11c-10.507,0-19.055-8.548-19.055-19.055C3,11.548,11.549,3,22.056,3s19.055,8.548,19.055,19.055C41.111,32.562,32.563,41.11,22.056,41.11z"/>
1454            </svg>
1455          </a>
1456          <div class="dropdown-menu" role="menu">
1457            <div class="search-area">
1458              <form action="/search" class="form-inline">
1459                <div class="form-area">
1460                  <input class="form-control" type="search" placeholder="請輸入商品名" aria-label="Search" name="q" value="">
1461                  <button class="btn-search" type="submit">搜尋</button>
1462                </div>
1463              </form>
1464              <a href="javascript:void(0)" class="close-dropdown"><i class="fa fas fa-times"></i></a>
1465            </div>
1466          </div>
1467        </div>
1468      </li>
1469    
1470  </ul>
1471</nav>
1472        <!-- tool-nav end -->
1473
1474      </div>
1475      <div class="visible-md relative">
1476        <!-- mobile-nav start -->
1477        <nav class="mobile-nav">
1478          <ul>
1479            <li class="sidebar-menu-icon drawer-toggle">
1480              <svg class="menu-svg" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 50 50">
1481                <path d="M51.529,3H1.5C0.672,3,0,2.329,0,1.5S0.672,0,1.5,0h50.029c0.828,0,1.5,0.671,1.5,1.5
1482                  S52.357,3,51.529,3z"/>
1483                <path d="M51.529,24.023H1.5c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h50.029
1484                  c0.828,0,1.5,0.672,1.5,1.5S52.357,24.023,51.529,24.023z"/>
1485                <path d="M29.101,45.046H1.5c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h27.601
1486                  c0.828,0,1.5,0.672,1.5,1.5S29.929,45.046,29.101,45.046z"/>
1487              </svg>
1488            </li>
1489            
1490              <li class="logo">
1491                  <a href="/" class="img-flex d-flex justify-content-start">
1492                    <img src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502963_6c789253_navbar_logo.png?1652502963" height="50" width="auto" alt="logo">
1493                  </a>
1494              </li>
1495            
1496            
1497              <li class="member">
1498                <a id="customer-phone-nav-icon" href="/account/login">
1499                  <svg class="member-svg" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 40 50">
1500                    <path d="M26.133,22.686c3.417-2.192,5.692-6.016,5.692-10.368C31.825,5.526,26.299,0,19.507,0S7.188,5.526,7.188,12.318c0,4.352,2.275,8.176,5.692,10.368C5.381,25.098,0,31.457,0,38.926v1.627C0,44.659,3.716,48,8.283,48h22.448c4.567,0,8.283-3.341,8.283-7.447v-1.627C39.014,31.457,33.632,25.098,26.133,22.686z M10.188,12.318  C10.188,7.18,14.368,3,19.507,3s9.319,4.18,9.319,9.318c0,5.139-4.181,9.319-9.319,9.319S10.188,17.457,10.188,12.318zM36.014,40.553c0,2.452-2.37,4.447-5.283,4.447H8.283C5.37,45,3,43.005,3,40.553v-1.627c0-7.879,7.405-14.289,16.506-14.289c9.102,0,16.507,6.41,16.507,14.289L36.014,40.553L36.014,40.553z"/>
1501                  </svg>
1502                </a>
1503              </li>
1504            
1505            
1506              <li class="cart" style="font-family: Arial;">
1507                <a href="/cart"  style="font-family: Arial;">
1508                  <svg class="cart-svg" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 60 50">
1509                    <path d="M53.651,6.955c-0.285-0.343-0.708-0.542-1.154-0.542H13.471L12.3,1.173
1510                      C12.147,0.487,11.539,0,10.836,0H1.5C0.671,0,0,0.671,0,1.5S0.672,3,1.5,3h8.134l6.593,29.503c0.153,0.686,0.762,1.173,1.464,1.173
1511                      h27.882c0.828,0,1.5-0.672,1.5-1.5s-0.672-1.5-1.5-1.5h-26.68l-0.336-1.503l30.61-1.59c0.691-0.036,1.269-0.541,1.396-1.222
1512                      l3.408-18.172C54.054,7.75,53.937,7.298,53.651,6.955z M47.832,24.648l-29.938,1.554l-3.752-16.79h36.547L47.832,24.648z"/>
1513                    <path d="M27.829,19.456h9.873c0.828,0,1.5-0.671,1.5-1.5s-0.672-1.5-1.5-1.5h-9.873
1514                      c-0.829,0-1.5,0.671-1.5,1.5S27,19.456,27.829,19.456z"/>
1515                    <path d="M22.174,36.563c-3.153,0-5.718,2.565-5.718,5.718S19.021,48,22.174,48s5.719-2.565,5.719-5.719
1516                      C27.893,39.129,25.328,36.563,22.174,36.563z M22.174,45c-1.499,0-2.718-1.22-2.718-2.719s1.219-2.718,2.718-2.718
1517                      s2.719,1.219,2.719,2.718S23.673,45,22.174,45z"/>
1518                    <path d="M44.456,36.563c-3.153,0-5.719,2.565-5.719,5.718S41.302,48,44.456,48s5.719-2.565,5.719-5.719
1519                      C50.175,39.129,47.609,36.563,44.456,36.563z M44.456,45c-1.499,0-2.719-1.22-2.719-2.719s1.22-2.718,2.719-2.718
1520                      s2.719,1.219,2.719,2.718S45.955,45,44.456,45z"/>
1521                  </svg>
1522                  <span class="number global-cart-count" style="display: none;">0</span>
1523                  <span class="global-cart-total  style="font-family: Arial;"">/</span>
1524                </a>
1525              </li>
1526            
1527            
1528              <li class="search">
1529                <div class="dropdown static">
1530                  <a href="javascript:void(0)" data-toggle="dropdown">
1531                    <svg class="saerch-svg" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 50 50">
1532                      <path d="M49.932,45.439l-9.987-9.987c-0.075-0.075-0.168-0.113-0.253-0.168
1533                      c2.773-3.688,4.419-8.269,4.419-13.229C44.111,9.894,34.217,0,22.056,0C9.894,0,0,9.894,0,22.055C0,34.217,9.894,44.11,22.055,44.11c6.15,0,11.718-2.533,15.722-6.607c0.019,0.021,0.026,0.049,0.046,0.07l9.987,9.987c0.294,0.294,0.678,0.44,1.062,0.44s0.768-0.146,1.061-0.439C50.518,46.975,50.518,46.025,49.932,45.439z M22.056,41.11c-10.507,0-19.055-8.548-19.055-19.055C3,11.548,11.549,3,22.056,3s19.055,8.548,19.055,19.055C41.111,32.562,32.563,41.11,22.056,41.11z"/>
1534                    </svg>
1535                  </a>
1536                  <div class="dropdown-menu" role="menu">
1537                    <div class="search-area">
1538                      <form action="/search" class="form-inline">
1539                        <div class="form-area">
1540                          <input class="form-control" type="search" placeholder="請輸入商品名" aria-label="Search" name="q" value="">
1541                          <button class="btn-search" type="submit">搜尋</button>
1542                        </div>
1543                      </form>
1544                      <a href="javascript:void(0)" class="close-dropdown"><i class="fas fa-times"></i></a>
1545                    </div>
1546                  </div>
1547                </div>
1548              </li>
1549            
1550          </ul>
1551        </nav>
1552        <!-- mobile-nav end -->
1553      </div>
1554    </div>
1555  </header>
1556  <!-- Sidebar -->
1557  <nav class="drawer-nav" style="-webkit-transform: translateZ(2000px);">
1558    <div class="drawer-menu">
1559      
1560
1561
1562<ul id="index_sidebar_shelf_top" class="sidebar">
1563  
1564    <li class="logo">
1565      <a href="/">
1566        <img src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502963_6c789253_navbar_logo.png?1652502963" height="50" width="auto" alt="logo">
1567      </a>
1568      <button class="drawer-toggle"></button>
1569    </li>
1570  
1571  
1572    
1573      
1574      
1575        
1576        <li class="-active"><a href="/">首頁</a></li>
1577        
1578      
1579    
1580      
1581      
1582        
1583        <li ><a href="/pages/story">故事</a></li>
1584        
1585      
1586    
1587      
1588      
1589        
1590        <li ><a href="/collections/frontpage">商品</a></li>
1591        
1592      
1593    
1594      
1595      
1596        
1597        <li ><a href="/pages/shopping-guide">購物須知</a></li>
1598        
1599      
1600    
1601      
1602      
1603        
1604        <li ><a href="/pages/contact-us">聯絡我們</a></li>
1605        
1606      
1607    
1608  
1609  
1610  <li>
1611      <div class="social_media">
1612          <ul>
1613            
1614              <li>
1615                <a href="https://www.facebook.com/LadyPlume">
1616                  <svg class="facebook-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
1617                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
1618                    <path class="svg-border" d="M32.516,50.5H17.984C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.984,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.433,50.5,32.516,50.5z M17.984,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.984,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.984z"/>
1619                    <path class="svg-text" d="M26.474,19.68v-2.311c0-1.126,0.751-1.388,1.278-1.388c0.526,0,3.242,0,3.242,0v-4.953l-4.465-0.019c-4.957,0-6.083,3.694-6.083,6.059v2.613H17.58v3.492v2.288h2.891c0,6.551,0,14.452,0,14.452h5.78c0,0,0-7.98,0-14.452h4.29l0.208-2.27l0.319-3.51H26.474z"/>
1620                  </svg>
1621                </a>
1622              </li>
1623            
1624            
1625              <li>
1626                <a href="https://www.instagram.com/ladyplume_tw/">
1627                  <svg class="instagram-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
1628                    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="44.0982" y1="44.0982" x2="4.6539" y2="4.6539">
1629                      <stop  offset="0" style="stop-color:#FCBE53"/>
1630                      <stop  offset="0.3273" style="stop-color:#F0203E"/>
1631                      <stop  offset="0.6485" style="stop-color:#B529A6"/>
1632                      <stop  offset="1" style="stop-color:#5342D4"/>
1633                    </linearGradient>
1634                    <path class="svg-background" style="fill:url(#SVGID_1_);" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662
1635                      V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
1636                    <path class="svg-border" d="M32.516,50.5H17.985C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.985,0h14.531C42.432,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.432,50.5,32.516,50.5z M17.985,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.985,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.985z"/>
1637                    <path class="svg-text" d="M34.115,10.799H16.384c-3.08,0-5.585,2.505-5.585,5.585v5.901v2.172v9.66c0,3.079,2.505,5.585,5.585,5.585h17.731c3.08,0,5.587-2.506,5.587-5.585V24.46v-2.175v-5.901C39.702,13.303,37.
1637195,10.799,34.115,10.799z M35.718,14.131l0.638-0.004v0.638v4.26l-4.881,0.016l-0.017-4.898L35.718,14.131zM21.125,22.284c0.926-1.281,2.427-2.12,4.125-2.12c1.697,0,3.198,0.839,4.125,2.12c0.111,0.155,0.212,0.318,0.306,0.485c0.414,0.735,0.657,1.58,0.657,2.48c0,2.804-2.284,5.086-5.088,5.086c-2.806,0-5.088-2.282-5.088-5.086c0-0.901,0.243-1.745,0.657-2.481C20.914,22.602,21.014,22.439,21.125,22.284z M36.886,34.116c0,1.528-1.243,2.77-2.771,2.77H16.384c-1.528,0-2.77-1.242-2.77-2.77V23.783v-1.498h4.314c-0.108,0.265-0.2,0.537-0.279,0.815c-0.195,0.684-0.302,1.404-0.302,2.15c0,4.358,3.545,7.903,7.903,7.903c4.358,0,7.903-3.546,7.903-7.903c0-0.746-0.108-1.466-0.304-2.15c-0.08-0.278-0.172-0.55-0.279-0.815h4.316v1.499V34.116z"/>
1638                  </svg>
1639                </a>
1640              </li>
1641            
1642            
1643              <li>
1644                <a href="https://lin.ee/5okFHdH">
1645                  <svg class="line-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
1646                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
1647                    <path class="svg-border" d="M32.516,50.5H17.985C8.068,50.5,0,42.433,0,32.516V17.985C0,8.068,8.068,0,17.985,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.531C50.5,42.433,42.433,50.5,32.516,50.5z M17.985,1C8.619,1,1,8.619,1,17.985v14.531C1,41.881,8.619,49.5,17.985,49.5h14.531c9.365,0,16.984-7.619,16.984-16.984V17.985C49.5,8.619,41.881,1,32.516,1H17.985z"/>
1648                    <path class="svg-text" d="M39.905,24.124c0-6.557-6.573-11.892-14.654-11.892c-8.08,0-14.655,5.335-14.655,11.892c0,5.878,5.214,10.803,12.256,11.734c0.477,0.102,1.126,0.316,1.291,0.723c0.148,0.37,0.097,0.949,0.047,1.324c0,0-0.172,1.035-0.209,1.256c-0.064,0.37-0.295,1.448,1.269,0.789c1.564-0.659,8.439-4.97,11.513-8.509h-0.001C38.888,29.113,39.905,26.749,39.905,24.124z M19.514,28.025h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.345-0.769,0.768-0.769c0.424,0,0.768,0.346,0.768,0.769v5.055h2.144c0.424,0,0.768,0.345,0.768,0.768C20.282,27.681,19.938,28.025,19.514,28.025z M22.525,27.256c0,0.425-0.344,0.769-0.768,0.769s-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.344-0.769,0.768-0.769s0.768,0.346,0.768,0.769V27.256z M29.535,27.256c0,0.332-0.211,0.625-0.526,0.73c-0.079,0.026-0.162,0.039-0.244,0.039c-0.24,0-0.469-0.114-0.614-0.308l-2.985-4.063v3.602c0,0.425-0.344,0.769-0.768,0.769c-0.424,0-0.769-0.344-0.769-0.769v-5.823c0-0.331,0.212-0.623,0.526-0.729c0.079-0.026,0.161-0.04,0.244-0.04c0.24,0,0.47,0.115,0.614,0.308l2.985,4.064v-3.604c0-0.423,0.345-0.769,0.769-0.769c0.424,0,0.768,0.346,0.768,0.769V27.256zM34.246,23.577c0.424,0,0.768,0.344,0.768,0.769c0,0.423-0.344,0.768-0.768,0.768h-2.143v1.374h2.143c0.423,0,0.768,0.345,0.768,0.768c0,0.425-0.346,0.769-0.768,0.769h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-2.909c0,0,0-0.001,0-0.002v-2.912c0-0.423,0.345-0.769,0.768-0.769h2.912c0.424,0,0.768,0.346,0.768,0.769c0,0.424-0.344,0.769-0.768,0.769h-2.143v1.375H34.246z"/>
1649                  </svg>
1650                </a>
1651              </li>
1652            
1653            
1654              <li>
1655                <a href="https://www.youtube.com/channel/UCeOdwKocnjh8Qf8nXqdaOvw">
1656                  <svg class="youtube-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
1657                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
1658                    <path class="svg-border" d="M32.516,50.5H17.984C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.984,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.433,50.5,32.516,50.5z M17.984,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.984,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.984z"/>
1659                    <path class="svg-text" d="M39.411,19.224c0,0-0.282-2.078-1.147-2.992c-1.1-1.199-2.331-1.206-2.894-1.276c-4.047-0.303-10.113-0.303-10.113-0.303h-0.013c0,0-6.069,0-10.112,0.305c-0.565,0.068-1.795,0.076-2.897,1.275c-0.865,0.914-1.147,2.993-1.147,2.993s-0.29,2.438-0.29,4.877v0.294v1.991c0,2.441,0.29,4.879,0.29,4.879s0.282,2.077,1.147,2.991c1.101,1.201,2.547,1.162,3.188,1.287c2.313,0.231,9.826,0.304,9.826,0.304s6.072-0.011,10.12-0.314c0.563-0.071,1.795-0.076,2.894-1.277c0.866-0.914,1.147-2.991,1.147-2.991s0.291-2.438,0.291-4.879v-1.864v-0.421C39.701,21.662,39.411,19.224,39.411,19.224z M30.073,24.942l-7.806,4.218l-0.002-6.493l0-1.974l3.521,1.916L30.073,24.942z"/>
1660                  </svg>
1661                </a>
1662              </li>
1663            
1664          </ul>
1665        </div>
1666      
1667  </li>
1668</ul>
1669
1670<script>
1671  $(document).ready(function(){
1672    // 側邊選單
1673    if ($('.drawer').length){
1674      $('.drawer').drawer();
1675      $('.bt-toggle').click(function(){
1676        setTimeout(function(){
1677          $('.drawer').drawer('refresh')
1678        },500)
1679      })
1680    }
1681  });
1682</script>
1682
1683    </div>
1684  </nav>
1685</span>
1686
1687    <!-- template -->
1688    <div id="template" style="flex:1 0 auto;">
1689      <!-- custom 檔案引入 -->
1690<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502968_9a2ef184_navbar_custom.js?1652502968' type='text/javascript'></script>
1690
1691
1692<!-- 跑馬燈 -->
1693
1694
1695<!--<div class="youtube-wrapper">-->
1696<!--    <iframe width="560" height="315" src="https://www.youtube.com/embed/UGjDG3Q8eCg?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
1697<!--</div>-->
1698
1699<div class="index-video-wrapper" id="index-video-slider">
1700    <div class="index-video-slide -active">
1701        <div class="index-video-slide-img" style="background-image:url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502962_b825807e_index_video_image_1.png?1652502962)"></div>
1702    </div>
1703    <div class="index-video-slide">
1704        <video muted playsinline webkit-playsinline="webkit-playsinline" class="index-video-slide-vid" id="index-video-slide-vid" preload="auto" poster="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502961_f0b8b406_index_video_cover.png?1652502961">
1705          <source src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502965_3c8ad32e_slide_video.mp4?1652502965" type="video/mp4" >
1706        Your browser does not support the video tag.
1707        </video>
1708    </div>
1709    <div class="index-video-slide">
1710        <div class="index-video-slide-img" style="background-image:url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502962_1101a3e8_index_video_image_2.png?1652502962)"></div>
1711    </div>
1712    <div class="index-video-slide -active">
1713        <div class="index-video-slide-img" style="background-image:url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502962_b825807e_index_video_image_1.png?1652502962)"></div>
1714    </div>
1715    <div class="text-image-wrapper">
1716        <img src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502961_7c955b0b_index_video_image__text.png?1652502961" />
1717    </div>
1718</div>
1719<script>
1720    $('.index-video-slider').ready(function() {
1721        var slides = document.querySelectorAll("#index-video-slider > .index-video-slide")
1722        var vid = document.getElementById("index-video-slide-vid");
1723        var tl = gsap.timeline({repeat: 0})
1724        
1725        setTimeout(function() {
1726            $('.index-video-wrapper').addClass('-active');
1727            
1728            tl
1729            .to(slides[3], 3, {
1730                x: -60,
1731                onStart: function() {vid.play()},
1732                onComplete: function() {vid.pause();vid.currentTime = 0;},
1733            }) //3秒移動
1734            .to(slides[3], 1, {opacity: 0}, '-=1')//1秒淡出,往前重疊一秒
1735            .to(slides[2], 3, {x: -60}, '-=1')//3秒移動,往前重疊1秒
1736            .to(slides[2], 1, {opacity: 0}, '-=1')//1秒淡出,往前重疊1秒
1737            .to(slides[1], 3, {x: -60}, '-=1')
1738            .to(slides[1], 8.5, {
1739                onStart: function() {vid.currentTime = 0; vid.play()},
1740                onComplete: function() {vid.pause();}}, '-=3')//8.5秒播放,往前重疊3秒
1741            .to(slides[1], 1, {opacity: 0, onComplete: function() {tl.seek(1)}}, '-=1')
1742            .to(slides[0], 3, {x: -60}, '-=1')
1743        }, 500)
1744        
1745    })
1746</script>
1746
1747
1748
1749<ul id="dots-homepage-d-1" class="dots -desktop wow fadeIn" data-wow-delay="2s"data-wow-duration="2s"  data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="18" data-scalar-y="20">
1750        <li class="dots-child dots-child-1" style="left: -5%;top: 10%;"><div class="layer -red -lg" data-depth="0.60"></div></li>
1751        <li class="dots-child dots-child-2" style="right: 10%;top: 15%;"><div class="layer -purple -md" data-depth="0.40"></div></li>
1752        <li class="dots-child dots-child-3" style="left: 40%;top: 30%;"><div class="layer -red -sm" data-depth="0.20"></div></li>
1753        <li class="dots-child dots-child-4" style="left: 10%;top: 60%"><div class="layer -brown -xs" data-depth="0.10"></div></li>
1754        <li class="dots-child dots-child-5" style="left: 30%;top:50%;"><div class="layer -gray -lg" data-depth="0.60"></div></li>
1755        <li class="dots-child dots-child-6" style="left: 50%;top: 20%;"><div class="layer -gray -md" data-depth="0.40"></div></li>
1756        <li class="dots-child dots-child-7" style="right: 30%;top: 65%;"><div class="layer -red -xs" data-depth="0.10"></div></li>
1757        <li class="dots-child dots-child-7" style="right: 30%;top: 25%;"><div class="layer -brown -sm" data-depth="0.20"></div></li>
1758</ul>
1759
1760<ul id="dots-homepage-m-1" class="dots -mobile" data-wow-delay="2s"data-wow-duration="2s"  data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="18" data-scalar-y="20">
1761        <li class="dots-child dots-child-1" style="left: -40px;top: -15px;"><div class="layer -red -md" data-depth="0.60"></div></li>
1762        <li class="dots-child dots-child-2" style="left: 30px;top: 100px;"><div class="layer -gray -sm" data-depth="0.40"></div></li>
1763        <li class="dots-child dots-child-3" style="left: 10px;top: 180px;"><div class="layer -brown -xxs" data-depth="0.20"></div></li>
1764        <li class="dots-child dots-child-3" style="right: -20px;top: 250px;"><div class="layer -purple -sm" data-depth="0.20"></div></li>
1765        <li class="dots-child dots-child-3" style="right: 80px;top: 320px;"><div class="layer -gray -xs" data-depth="0.20"></div></li>
1766        <li class="dots-child dots-child-3" style="right: 20px;top: 220px;"><div class="layer -red -xxs" data-depth="0.20"></div></li>
1767        <li class="dots-child dots-child-3" style="left: 30px;top: 330px;"><div class="layer -red -sm" data-depth="0.20"></div></li>
1768        <li class="dots-child dots-child-3" style="left: 60px;top: 450px;"><div class="layer -gray -md" data-depth="0.20"></div></li>
1769</ul>
1770
1771
1772 <div class="container quotes" >
1773    
1774  <quote class="magnolia wow fadeInDown">“Fire Baked. Better taste.”</quote>
1775  <quote class="serif-tc wow fadeInDown" data-wow-delay=".8s">「 火烤的,就是不一樣!」</quote>
1776  <div class="quote-dots wow fadeIn" data-wow-delay="1.6s" data-wow-duration="2s">
1777    <span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span><span class="quote-dot"></span>
1778  </div>
1779</div>   
1780
1781
1782
1783<div class="container-fluid lady-intro">
1784  <div class="row">
1785    <div class="offset-md-2 col-md-4 offset-lg-3 col-lg-3 lady-intro-image wow fadeIn text-center" data-wow-duration="1.5s">
1786      <img src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/./1652502949_48f15a6b_bake_with_fire.png?1652502949" style="width: 350px;max-width:350px;margin-bottom: 40px;height: 250px;">
1787    </div>
1788    <div class="col-md-4 col-lg-3 text-left" >
1789      <div class="index-custom-rotate-in text-center">
1790        <span class="wow customRotateIn" data-wow-duration="3s" data-wow-delay=".4s"></span>
1791        <span class="wow customRotateIn with-break" data-wow-duration="3s" data-wow-delay=".6s">你知道嗎?</span>
1792        <span class="wow customRotateIn" data-wow-duration="3s" data-wow-delay=".8s"></span>
1793        <span class="wow customRotateIn" data-wow-duration="3s" data-wow-delay="1.0s">波琳小姐蝴蝶酥,</span>
1794        <span class="wow customRotateIn" data-wow-duration="3s" data-wow-delay="1.2s">是用「火」烤出來的喔!</span>
1795        <a href="/pages/story"class="purple buttonLeft wow customRotateIn lady-intro-button -with-arrow" style="display:block" data-wow-duration="3s" data-wow-delay="1.4s"><span> 認識波琳小姐</span></a>
1796      </div>
1797      
1798    </div>
1799    
1800  </div>
1801</div>
1802
1803
1804<div id="home-story" class="container-fluid home-story" style="background-image: url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502960_54e28e7a_index_palmier_image.png?1652502960)">
1805  
1806  <div class="row d-none d-md-flex">
1807
1808    <div class="offset-md-1 col-md-5">
1809      <div  class="tip -left">
1810        <div class="transition-group-1" style="transition-delay: .2s">
1811            <h3 >奶油<span>Butter</span></h3>
1812            <!--<div class="line" style="background-image: url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502957_d866f516_dot-line.svg?1652502957)"></div>-->
1813            <p style="">使用高比例的法國頂級依思尼奶油</p>
1814        </div>
1815        <div class="line-wrapper"></div>
1816      </div>
1817    </div>
1818    <div class="offset-md-2 col-md-4">
1819      <div  class="tip -right">
1820        <div class="transition-group-1" style="transition-delay: .6s">
1821        <h3 >層次<span>Layers</span></h3>
1822        <!--<div class="line" style="background-image: url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502957_d866f516_dot-line.svg?1652502957)"></div>-->
1823        <p style="">多次摺疊形成大量酥脆層次</p>
1824        </div>
1825        <div class="line-wrapper"></div>
1826      </div>
1827    </div>
1828    <div class="col-md-5 offset-md-3">
1829      <div   class="tip -center">
1830        <div class="line-wrapper"></div>
1831        <div class="transition-group-1" style="transition-delay:1s">
1832            <h3 >時間<span>Timeless</span></h3>
1833            <!--<div class="line" style="background-image: url(//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502957_d866f516_dot-line.svg?1652502957)"></div>-->
1834            <p style="">每一片皆是歷經數日形成的美味</p>
1835        </div>
1836        
1837      </div>
1838    </div>
1839    <a class="purple buttonLeft -with-arrow" style="display: block;position: absolute;right: 60px;bottom: 60px;" href="/pages/story"><span> 認識蝴蝶酥</span></a>
1840  </div>
1841  <div class="tips-slick d-block d-md-none" id="tips-slick">
1842      <div class="tip">
1843        <div class="mobile-tip-wrapper">
1844        <h3>奶油<span>Butter</span></h3>
1845    
1846        <p>使用高比例的法國頂級依思尼奶油</p>
1847        </div>
1848      </div>
1849      <div class="tip">
1850      <div class="mobile-tip-wrapper">
1851        <h3>層次<span>Layers</span></h3>
1852    
1853        <p>多次摺疊形成大量酥脆層次</p>
1854      </div>
1855      </div>
1856      <div class="tip">
1857      <div class="mobile-tip-wrapper">
1858        <h3>時間<span>Timeless</span></h3>
1859        
1860        <p>每一片皆是歷經數日形成的美味</p>
1861        </div>
1862      </div>
1863  </div>
1864  <div class="row justify-content-center justify-content-md-end d-flex d-md-none">
1865      <a class="purple buttonLeft -with-arrow" style="margin: 90px 60px;" href="/pages/story"><span> 認識蝴蝶酥</span></a>
1866  </div>
1867  
1868  
1869  
1870</div>
1871<div class="container">
1872<div class="row ">
1873    <div class="col-md-6 offset-md-3">
1874    <div class="index-iframe-wrapper">
1875        <iframe width="560" height="315" src="https://www.youtube.com/embed/cVGTKktTbDM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
1876    </div>
1877    </div>
1878</div>
1879</div>
1880<!-- 首頁商品列 -->
1881
1882
1883
1884
1885  
1886  
1887  
1888  
1889  <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/1652502954_caef5daf_index_products_custom.css?1652502954' rel='stylesheet' type='text/css' media='all' />
1890
1891  <section class="home-products products-warp" id="home-products">
1892  
1893<ul id="dots-products-d-1" class="dots -desktop wow fadeIn"data-wow-delay="2s"data-wow-duration="2s"  data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="18" data-scalar-y="20">
1894        <li class="dots-child" style="right: 5%;top: 5%;"><div class="layer -red -lg" data-depth="0.80"></div></li>
1895        <li class="dots-child" style="right: 50%;top: 80%;"><div class="layer -red -xs" data-depth="0.10"></div></li>
1896        <li class="dots-child" style="left: 10%;top: 10%;"><div class="layer -red -xs" data-depth="0.10"></div></li>
1897        <li class="dots-child" style="right: 10%;top: 60%;"><div class="layer -purple -sm" data-depth="0.60"></div></li>
1898        <li class="dots-child" style="left: 10%;top: 50%;"><div class="layer -gray -sm" data-depth="0.20"></div></li>
1899        <li class="dots-child" style="left: 15%;top: 20%"><div class="layer -brown -md" data-depth="0.40"></div></li>
1900        <li class="dots-child" style="left: 50%;top:80%;"><div class="layer -gray -lg" data-depth="0.60"></div></li>
1901        <li class="dots-child" style="left: 15%;top: 65%;"><div class="layer -red -lg" data-depth="0.70"></div></li>
1902        <li class="dots-child" style="right: 10%;top: 90%;"><div class="layer -red -xs" data-depth="0.10"></div></li>
1903        <li class="dots-child" style="right: 20%;top: 35%;"><div class="layer -brown -sm" data-depth="0.30"></div></li>
1904        <li class="dots-child" style="left: 50%;top: 45%;"><div class="layer -purple -md" data-depth="0.50"></div></li>
1905</ul>
1906<ul id="dots-products-m-1" class="dots -mobile" data-wow-delay="2s"data-wow-duration="2s"  data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="18" data-scalar-y="20">
1907        <li class="dots-child dots-child-1" style="left:-5%;top: 30px;"><div class="layer -red -md" data-depth="0.60"></div></li>
1908        <li class="dots-child dots-child-2" style="right: 10%;top: 14px;"><div class="layer -red -sm" data-depth="0.40"></div></li>
1909        <li class="dots-child dots-child-2" style="right: 40%;top: 2px;"><div class="layer -purple -xs" data-depth="0.40"></div></li>
1910        <li class="dots-child dots-child-2" style="left: 40%;top: 20px;"><div class="layer -brown -xxs" data-depth="0.40"></div></li>
1911        <!--<li class="dots-child dots-child-2" style="left: 15%;top: 60%;"><div class="layer -red -md" data-depth="0.40"></div></li>-->
1912        <!--<li class="dots-child dots-child-2" style="left: 76%;top: 72%;"><div class="layer -brown -sm" data-depth="0.40"></div></li>-->
1913    
1914</ul>
1915    <div class="container-fluid">
1916        <div class="row">
1917          <div class="col-md-1">
1918           
1919          </div>
1920          <div class="col-md-6 offset-md-2">
1921              
1922    
1923    
1924          
1925    <div class="container">
1926      
1927      <div class="row">
1928        
1929        
1930          <div class="col-6">
1931            <div class="product-col wow fadeIn">
1932              <div class="image">
1933                
1934                <a class="bg-lazy" href="/products/原味蝴蝶酥-20240119223637" title="原味蝴蝶酥(大盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwMjY4MDU1LzE2NDYxOTUyODFfNWVlMjllYjY0ZDkyMjgyY2QzOTUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=6e7e26aa5d8565c7')">
1935                </a>
1936              </div>
1937              
1938              <div class="caption">
1939                <h4 class="title"><a href="/products/原味蝴蝶酥-20240119223637">原味蝴蝶酥(大盒)</a></h4>
1940                
1941                <div class="price">
1942                  
1943                    
1944                      <ins>NT$580</ins>
1945                    
1946                  
1947                </div>
1948                
1949                  <div class="cart-button button-group">
1950                    
1951                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
1952                      <!--  data-brand=""-->
1953                      <!--  data-handle="原味蝴蝶酥-20240119223637"-->
1954                      <!--  data-collection="95180"-->
1955                      <!--  data-category=""-->
1956                      <!--  data-id="44447868"-->
1957                      <!--  data-list="商品"-->
1958                      <!--  data-name="原味蝴蝶酥(大盒)"-->
1959                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwMjY4MDU1LzE2NDYxOTUyODFfNWVlMjllYjY0ZDkyMjgyY2QzOTUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=6e7e26aa5d8565c7"-->
1960                      <!--  data-position="1"-->
1961                      <!--  data-price="560.0"-->
1962                      <!--  data-spread-size="51860428,,580.0,,,deny,0.0,附提袋,原味蝴蝶酥(大盒) - 附提袋,cyberbiz,|51860429,,560.0,,,deny,0.0,不用提袋(減20元),原味蝴蝶酥(大盒) - 不用提袋(減20元),cyberbiz,"-->
1963                      <!--  data-cid="95180"-->
1964                      <!--  data-cname="CustomCollection"-->
1965                      <!--  data-sku="">-->
1966                      <!--  <span class="text">加入購物車</span>-->
1967                      <!--</button>-->
1968                    
1969                  </div>
1970                
1971              </div>
1972            </div>
1973          </div>
1974        
1975          <div class="col-6">
1976            <div class="product-col wow fadeIn">
1977              <div class="image">
1978                
1979                <a class="bg-lazy" href="/products/雙拼蝴蝶酥-原味芝麻-20240119223631" title="雙拼蝴蝶酥(原味+芝麻)(大盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwODk3NjUxLzE1OTM2OTUxNjhfOWYyMTc1Njc3ODZkMmYyMjhkNzguanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=337bb47a2ac604dc')">
1980                </a>
1981              </div>
1982              
1983              <div class="caption">
1984                <h4 class="title"><a href="/products/雙拼蝴蝶酥-原味芝麻-20240119223631">雙拼蝴蝶酥(原味+芝麻)(大盒)</a></h4>
1985                
1986                <div class="price">
1987                  
1988                    
1989                      <ins>NT$580</ins>
1990                    
1991                  
1992                </div>
1993                
1994                  <div class="cart-button button-group">
1995                    
1996                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
1997                      <!--  data-brand=""-->
1998                      <!--  data-handle="雙拼蝴蝶酥-原味芝麻-20240119223631"-->
1999                      <!--  data-collection="95180"-->
2000                      <!--  data-category=""-->
2001                      <!--  data-id="44447866"-->
2002                      <!--  data-list="商品"-->
2003                      <!--  data-name="雙拼蝴蝶酥(原味+芝麻)(大盒)"-->
2004                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwODk3NjUxLzE1OTM2OTUxNjhfOWYyMTc1Njc3ODZkMmYyMjhkNzguanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=337bb47a2ac604dc"-->
2005                      <!--  data-position="2"-->
2006                      <!--  data-price="560.0"-->
2007                      <!--  data-spread-size="51860424,,580.0,,,deny,0.0,附提袋,雙拼蝴蝶酥(原味+芝麻)(大盒) - 附提袋,cyberbiz,|51860425,,560.0,,,deny,0.0,不用提袋(減20元),雙拼蝴蝶酥(原味+芝麻)(大盒) - 不用提袋(減20元),cyberbiz,"-->
2008                      <!--  data-cid="95180"-->
2009                      <!--  data-cname="CustomCollection"-->
2010                      <!--  data-sku="">-->
2011                      <!--  <span class="text">加入購物車</span>-->
2012                      <!--</button>-->
2013                    
2014                  </div>
2015                
2016              </div>
2017            </div>
2018          </div>
2019        
2020          <div class="col-6">
2021            <div class="product-col wow fadeIn">
2022              <div class="image">
2023                
2024                <a class="bg-lazy" href="/products/雙拼蝴蝶酥-原味芝麻-小盒-20240119223620" title="雙拼蝴蝶酥(原味+芝麻)(小盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ0NDQ3ODYzLzE3NDc5Mjc4MTdfMDk2YWE0YWFlOWMxNzE1YWViOWIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=8f0acf78ad2d9394')">
2025                </a>
2026              </div>
2027              
2028              <div class="caption">
2029                <h4 class="title"><a href="/products/雙拼蝴蝶酥-原味芝麻-小盒-20240119223620">雙拼蝴蝶酥(原味+芝麻)(小盒)</a></h4>
2030                
2031                <div class="price">
2032                  
2033                    
2034                      <ins>NT$380</ins>
2035                    
2036                  
2037                </div>
2038                
2039                  <div class="cart-button button-group">
2040                    
2041                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
2042                      <!--  data-brand=""-->
2043                      <!--  data-handle="雙拼蝴蝶酥-原味芝麻-小盒-20240119223620"-->
2044                      <!--  data-collection="95180"-->
2045                      <!--  data-category=""-->
2046                      <!--  data-id="44447863"-->
2047                      <!--  data-list="商品"-->
2048                      <!--  data-name="雙拼蝴蝶酥(原味+芝麻)(小盒)"-->
2049                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ0NDQ3ODYzLzE3NDc5Mjc4MTdfMDk2YWE0YWFlOWMxNzE1YWViOWIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=8f0acf78ad2d9394"-->
2050                      <!--  data-position="3"-->
2051                      <!--  data-price="360.0"-->
2052                      <!--  data-spread-size="51860418,,380.0,,,deny,0.0,附提袋,雙拼蝴蝶酥(原味+芝麻)(小盒) - 附提袋,cyberbiz,|51860419,,360.0,,,deny,0.0,不用提袋(減20元),雙拼蝴蝶酥(原味+芝麻)(小盒) - 不用提袋(減20元),cyberbiz,"-->
2053                      <!--  data-cid="95180"-->
2054                      <!--  data-cname="CustomCollection"-->
2055                      <!--  data-sku="">-->
2056                      <!--  <span class="text">加入購物車</span>-->
2057                      <!--</button>-->
2058                    
2059                  </div>
2060                
2061              </div>
2062            </div>
2063          </div>
2064        
2065          <div class="col-6">
2066            <div class="product-col wow fadeIn">
2067              <div class="image">
2068                
2069                <a class="bg-lazy" href="/products/雙拼蝴蝶酥-原味椰子-20240119223628" title="雙拼蝴蝶酥(原味+椰子)(大盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwOTEwMDQ3LzE1OTM3NDYzMjdfOWUxM2EyOWI4OThhNzM0MmE2NmEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=67129768eb8da70f')">
2070                </a>
2071              </div>
2072              
2073              <div class="caption">
2074                <h4 class="title"><a href="/products/雙拼蝴蝶酥-原味椰子-20240119223628">雙拼蝴蝶酥(原味+椰子)(大盒)</a></h4>
2075                
2076                <div class="price">
2077                  
2078                    
2079                      <ins>NT$580</ins>
2080                    
2081                  
2082                </div>
2083                
2084                  <div class="cart-button button-group">
2085                    
2086                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
2087                      <!--  data-brand=""-->
2088                      <!--  data-handle="雙拼蝴蝶酥-原味椰子-20240119223628"-->
2089                      <!--  data-collection="95180"-->
2090                      <!--  data-category=""-->
2091                      <!--  data-id="44447865"-->
2092                      <!--  data-list="商品"-->
2093                      <!--  data-name="雙拼蝴蝶酥(原味+椰子)(大盒)"-->
2094                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwOTEwMDQ3LzE1OTM3NDYzMjdfOWUxM2EyOWI4OThhNzM0MmE2NmEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=67129768eb8da70f"-->
2095                      <!--  data-position="4"-->
2096                      <!--  data-price="560.0"-->
2097                      <!--  data-spread-size="51860422,,580.0,,,deny,0.0,附提袋,雙拼蝴蝶酥(原味+椰子)(大盒) - 附提袋,cyberbiz,|51860423,,560.0,,,deny,0.0,不用提袋(減20元),雙拼蝴蝶酥(原味+椰子)(大盒) - 不用提袋(減20元),cyberbiz,"-->
2098                      <!--  data-cid="95180"-->
2099                      <!--  data-cname="CustomCollection"-->
2100                      <!--  data-sku="">-->
2101                      <!--  <span class="text">加入購物車</span>-->
2102                      <!--</button>-->
2103                    
2104                  </div>
2105                
2106              </div>
2107            </div>
2108          </div>
2109        
2110          <div class="col-6">
2111            <div class="product-col wow fadeIn">
2112              <div class="image">
2113                
2114                <a class="bg-lazy" href="/products/綜合蝴蝶酥-20240119223634" title="綜合蝴蝶酥(大盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwMjY4MDYzL-e2nOWQiOWVhuWTgeWcljJfMGMwNWY3MmEwZjcyOTU0NjYyMTIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=416ab2dc02f837d1')">
2115                </a>
2116              </div>
2117              
2118              <div class="caption">
2119                <h4 class="title"><a href="/products/綜合蝴蝶酥-20240119223634">綜合蝴蝶酥(大盒)</a></h4>
2120                
2121                <div class="price">
2122                  
2123                    
2124                      <ins>NT$580</ins>
2125                    
2126                  
2127                </div>
2128                
2129                  <div class="cart-button button-group">
2130                    
2131                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
2132                      <!--  data-brand=""-->
2133                      <!--  data-handle="綜合蝴蝶酥-20240119223634"-->
2134                      <!--  data-collection="95180"-->
2135                      <!--  data-category=""-->
2136                      <!--  data-id="44447867"-->
2137                      <!--  data-list="商品"-->
2138                      <!--  data-name="綜合蝴蝶酥(大盒)"-->
2139                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzMwMjY4MDYzL-e2nOWQiOWVhuWTgeWcljJfMGMwNWY3MmEwZjcyOTU0NjYyMTIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=416ab2dc02f837d1"-->
2140                      <!--  data-position="5"-->
2141                      <!--  data-price="560.0"-->
2142                      <!--  data-spread-size="51860426,,580.0,,,deny,0.0,附提袋,綜合蝴蝶酥(大盒) - 附提袋,cyberbiz,|51860427,,560.0,,,deny,0.0,不用提袋(減20元),綜合蝴蝶酥(大盒) - 不用提袋(減20元),cyberbiz,"-->
2143                      <!--  data-cid="95180"-->
2144                      <!--  data-cname="CustomCollection"-->
2145                      <!--  data-sku="">-->
2146                      <!--  <span class="text">加入購物車</span>-->
2147                      <!--</button>-->
2148                    
2149                  </div>
2150                
2151              </div>
2152            </div>
2153          </div>
2154        
2155          <div class="col-6">
2156            <div class="product-col wow fadeIn">
2157              <div class="image">
2158                
2159                <a class="bg-lazy" href="/products/芝麻小盒-20240321221327" title="芝麻蝴蝶酥(小盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ1NDE2MTgxLzE3NDc5MjkwNTZfMzA0M2U2ZDU5MjUyNzM4OGE0NzAuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=885065494693d939')">
2160                </a>
2161              </div>
2162              
2163              <div class="caption">
2164                <h4 class="title"><a href="/products/芝麻小盒-20240321221327">芝麻蝴蝶酥(小盒)</a></h4>
2165                
2166                <div class="price">
2167                  
2168                    
2169                      <ins>NT$380</ins>
2170                    
2171                  
2172                </div>
2173                
2174                  <div class="cart-button button-group">
2175                    
2176                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
2177                      <!--  data-brand=""-->
2178                      <!--  data-handle="芝麻小盒-20240321221327"-->
2179                      <!--  data-collection="95180"-->
2180                      <!--  data-category=""-->
2181                      <!--  data-id="45416181"-->
2182                      <!--  data-list="商品"-->
2183                      <!--  data-name="芝麻蝴蝶酥(小盒)"-->
2184                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ1NDE2MTgxLzE3NDc5MjkwNTZfMzA0M2U2ZDU5MjUyNzM4OGE0NzAuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=885065494693d939"-->
2185                      <!--  data-position="6"-->
2186                      <!--  data-price="360.0"-->
2187                      <!--  data-spread-size="53312855,,380.0,,,deny,0.0,附提袋,芝麻蝴蝶酥(小盒) - 附提袋,cyberbiz,|53312856,,360.0,,,deny,0.0,不用提袋(減20元),芝麻蝴蝶酥(小盒) - 不用提袋(減20元),cyberbiz,"-->
2188                      <!--  data-cid="95180"-->
2189                      <!--  data-cname="CustomCollection"-->
2190                      <!--  data-sku="">-->
2191                      <!--  <span class="text">加入購物車</span>-->
2192                      <!--</button>-->
2193                    
2194                  </div>
2195                
2196              </div>
2197            </div>
2198          </div>
2199        
2200          <div class="col-6">
2201            <div class="product-col wow fadeIn">
2202              <div class="image">
2203                
2204                <a class="bg-lazy" href="/products/原味蝴蝶酥-小盒-20240119223625" title="原味蝴蝶酥(小盒)" data-bg="url('//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ0NDQ3ODY0LzE3NDc5MjgzMjFfYjM3MDI0OTMxOTJlY2E2Zjg5MDYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=c721c072ba499182')">
2205                </a>
2206              </div>
2207              
2208              <div class="caption">
2209                <h4 class="title"><a href="/products/原味蝴蝶酥-小盒-20240119223625">原味蝴蝶酥(小盒)</a></h4>
2210                
2211                <div class="price">
2212                  
2213                    
2214                      <ins>NT$380</ins>
2215                    
2216                  
2217                </div>
2218                
2219                  <div class="cart-button button-group">
2220                    
2221                      <!--<button type="button" class="btn-cart" data-toggle="modal" data-target="#addcart-Modal"-->
2222                      <!--  data-brand=""-->
2223                      <!--  data-handle="原味蝴蝶酥-小盒-20240119223625"-->
2224                      <!--  data-collection="95180"-->
2225                      <!--  data-category=""-->
2226                      <!--  data-id="44447864"-->
2227                      <!--  data-list="商品"-->
2228                      <!--  data-name="原味蝴蝶酥(小盒)"-->
2229                      <!--  data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0MjUwL3Byb2R1Y3RzLzQ0NDQ3ODY0LzE3NDc5MjgzMjFfYjM3MDI0OTMxOTJlY2E2Zjg5MDYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=c721c072ba499182"-->
2230                      <!--  data-position="7"-->
2231                      <!--  data-price="360.0"-->
2232                      <!--  data-spread-size="51860420,,380.0,,,deny,0.0,附提袋,原味蝴蝶酥(小盒) - 附提袋,cyberbiz,|51860421,,360.0,,,deny,0.0,不用提袋(減20元),原味蝴蝶酥(小盒) - 不用提袋(減20元),cyberbiz,"-->
2233                      <!--  data-cid="95180"-->
2234                      <!--  data-cname="CustomCollection"-->
2235                      <!--  data-sku="">-->
2236                      <!--  <span class="text">加入購物車</span>-->
2237                      <!--</button>-->
2238                    
2239                  </div>
2240                
2241              </div>
2242            </div>
2243          </div>
2244        
2245      </div>
2246      
2247    </div>
2248    </div>
2249      </div>
2250    </div>
2251  </section>
2252
2253    </div>
2254
2255    <!-- Footer -->
2256    <footer id="footer">
2257    <div class="container footer_content">
2258        <div class="">
2259            <a href="/">
2260            <img class="footer-logo" src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502958_ef6c634b_footer_logo.png?1652502959" alt="">
2261            </a>
2262            <div class="footer-type-n-copyright">
2263                <img class="footer-logotype" src="//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/img/1652502959_64226d40_footer_logotype.png?1652502959" alt="">
2264                <small>Ⓒ 2020 Majalis Inc. All rights reserved.</small>
2265            </div>
2266        </div>
2267        <div class="social_media" style="font-family: Arial;">
2268          <ul  style="font-family: Arial;">
2269            
2270              <li>
2271                <a href="https://www.facebook.com/LadyPlume" style="font-family: Arial;">
2272                  <svg class="facebook-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
2273                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
2274                    <path class="svg-border" d="M32.516,50.5H17.984C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.984,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.433,50.5,32.516,50.5z M17.984,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.984,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.984z"/>
2275                    <path class="svg-text" d="M26.474,19.68v-2.311c0-1.126,0.751-1.388,1.278-1.388c0.526,0,3.242,0,3.242,0v-4.953l-4.465-0.019c-4.957,0-6.083,3.694-6.083,6.059v2.613H17.58v3.492v2.288h2.891c0,6.551,0,14.452,0,14.452h5.78c0,0,0-7.98,0-14.452h4.29l0.208-2.27l0.319-3.51H26.474z"/>
2276                  </svg>
2277                </a>
2278              </li>
2279            
2280            
2281              <li>
2282                <a href="https://www.instagram.com/ladyplume_tw/" style="font-family: Arial;">
2283                  <svg class="instagram-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
2284                    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="44.0982" y1="44.0982" x2="4.6539" y2="4.6539">
2285                      <stop  offset="0" style="stop-color:#FCBE53"/>
2286                      <stop  offset="0.3273" style="stop-color:#F0203E"/>
2287                      <stop  offset="0.6485" style="stop-color:#B529A6"/>
2288                      <stop  offset="1" style="stop-color:#5342D4"/>
2289                    </linearGradient>
2290                    <path class="svg-background" style="fill:url(#SVGID_1_);" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662
2291                      V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
2292                    <path class="svg-border" d="M32.516,50.5H17.985C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.985,0h14.531C42.432,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.432,50.5,32.516,50.5z M17.985,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.985,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.985z"/>
2293                    <path class="svg-text" d="M34.115,10.799H16.384c-3.08,0-5.585,2.505-5.585,5.585v5.901v2.172v9.66c0,3.079,2.505,5.585,5.585,5.585h17.731c3.08,0,5.587-2.506,5.587-5.585V24.46v-2.175v-5.901C39.702,13.303,37.
2293195,10.799,34.115,10.799z M35.718,14.131l0.638-0.004v0.638v4.26l-4.881,0.016l-0.017-4.898L35.718,14.131zM21.125,22.284c0.926-1.281,2.427-2.12,4.125-2.12c1.697,0,3.198,0.839,4.125,2.12c0.111,0.155,0.212,0.318,0.306,0.485c0.414,0.735,0.657,1.58,0.657,2.48c0,2.804-2.284,5.086-5.088,5.086c-2.806,0-5.088-2.282-5.088-5.086c0-0.901,0.243-1.745,0.657-2.481C20.914,22.602,21.014,22.439,21.125,22.284z M36.886,34.116c0,1.528-1.243,2.77-2.771,2.77H16.384c-1.528,0-2.77-1.242-2.77-2.77V23.783v-1.498h4.314c-0.108,0.265-0.2,0.537-0.279,0.815c-0.195,0.684-0.302,1.404-0.302,2.15c0,4.358,3.545,7.903,7.903,7.903c4.358,0,7.903-3.546,7.903-7.903c0-0.746-0.108-1.466-0.304-2.15c-0.08-0.278-0.172-0.55-0.279-0.815h4.316v1.499V34.116z"/>
2294                  </svg>
2295                </a>
2296              </li>
2297            
2298            
2299              <li>
2300                <a href="https://lin.ee/5okFHdH" style="font-family: Arial;">
2301                  <svg class="line-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
2302                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
2303                    <path class="svg-border" d="M32.516,50.5H17.985C8.068,50.5,0,42.433,0,32.516V17.985C0,8.068,8.068,0,17.985,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.531C50.5,42.433,42.433,50.5,32.516,50.5z M17.985,1C8.619,1,1,8.619,1,17.985v14.531C1,41.881,8.619,49.5,17.985,49.5h14.531c9.365,0,16.984-7.619,16.984-16.984V17.985C49.5,8.619,41.881,1,32.516,1H17.985z"/>
2304                    <path class="svg-text" d="M39.905,24.124c0-6.557-6.573-11.892-14.654-11.892c-8.08,0-14.655,5.335-14.655,11.892c0,5.878,5.214,10.803,12.256,11.734c0.477,0.102,1.126,0.316,1.291,0.723c0.148,0.37,0.097,0.949,0.047,1.324c0,0-0.172,1.035-0.209,1.256c-0.064,0.37-0.295,1.448,1.269,0.789c1.564-0.659,8.439-4.97,11.513-8.509h-0.001C38.888,29.113,39.905,26.749,39.905,24.124z M19.514,28.025h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.345-0.769,0.768-0.769c0.424,0,0.768,0.346,0.768,0.769v5.055h2.144c0.424,0,0.768,0.345,0.768,0.768C20.282,27.681,19.938,28.025,19.514,28.025z M22.525,27.256c0,0.425-0.344,0.769-0.768,0.769s-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.344-0.769,0.768-0.769s0.768,0.346,0.768,0.769V27.256z M29.535,27.256c0,0.332-0.211,0.625-0.526,0.73c-0.079,0.026-0.162,0.039-0.244,0.039c-0.24,0-0.469-0.114-0.614-0.308l-2.985-4.063v3.602c0,0.425-0.344,0.769-0.768,0.769c-0.424,0-0.769-0.344-0.769-0.769v-5.823c0-0.331,0.212-0.623,0.526-0.729c0.079-0.026,0.161-0.04,0.244-0.04c0.24,0,0.47,0.115,0.614,0.308l2.985,4.064v-3.604c0-0.423,0.345-0.769,0.769-0.769c0.424,0,0.768,0.346,0.768,0.769V27.256zM34.246,23.577c0.424,0,0.768,0.344,0.768,0.769c0,0.423-0.344,0.768-0.768,0.768h-2.143v1.374h2.143c0.423,0,0.768,0.345,0.768,0.768c0,0.425-0.346,0.769-0.768,0.769h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-2.909c0,0,0-0.001,0-0.002v-2.912c0-0.423,0.345-0.769,0.768-0.769h2.912c0.424,0,0.768,0.346,0.768,0.769c0,0.424-0.344,0.769-0.768,0.769h-2.143v1.375H34.246z"/>
2305                  </svg>
2306                </a>
2307              </li>
2308            
2309            
2310              <li>
2311                <a href="https://www.youtube.com/channel/UCeOdwKocnjh8Qf8nXqdaOvw" style="font-family: Arial;">
2312                  <svg class="youtube-svg" xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 50.5 50.5">
2313                    <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/>
2314                    <path class="svg-border" d="M32.516,50.5H17.984C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.984,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.433,50.5,32.516,50.5z M17.984,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.984,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.984z"/>
2315                    <path class="svg-text" d="M39.411,19.224c0,0-0.282-2.078-1.147-2.992c-1.1-1.199-2.331-1.206-2.894-1.276c-4.047-0.303-10.113-0.303-10.113-0.303h-0.013c0,0-6.069,0-10.112,0.305c-0.565,0.068-1.795,0.076-2.897,1.275c-0.865,0.914-1.147,2.993-1.147,2.993s-0.29,2.438-0.29,4.877v0.294v1.991c0,2.441,0.29,4.879,0.29,4.879s0.282,2.077,1.147,2.991c1.101,1.201,2.547,1.162,3.188,1.287c2.313,0.231,9.826,0.304,9.826,0.304s6.072-0.011,10.12-0.314c0.563-0.071,1.795-0.076,2.894-1.277c0.866-0.914,1.147-2.991,1.147-2.991s0.291-2.438,0.291-4.879v-1.864v-0.421C39.701,21.662,39.411,19.224,39.411,19.224z M30.073,24.942l-7.806,4.218l-0.002-6.493l0-1.974l3.521,1.916L30.073,24.942z"/>
2316                  </svg>
2317                </a>
2318              </li>
2319            
2320          </ul>
2321        </div>
2322    </div>
2323</footer>
2324<link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/1652502954_f9f66e1c_footer_custom.css?1652502954' rel='stylesheet' type='text/css' media='all' />
2325
2326<script>
2327  // fb plugins
2328  window.fbAsyncInit = function() {
2329    FB.init({
2330    appId : '716316299102851',
2331    xfbml : true,
2332    version : 'v4.0',
2333    });
2334  };
2335  (function(d, s, id){
2336    var js, fjs = d.getElementsByTagName(s)[0];
2337    if (d.getElementById(id)) {return;}
2338    js = d.createElement(s);
2339    js.id = id;
2340    js.src = "https://connect.facebook.net/zh_TW/sdk/xfbml.customerchat.js";
2341    fjs.parentNode.insertBefore(js, fjs);
2342  }(document, 'script', 'facebook-jssdk'));
2343  // for scupio
2344  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
2345    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
2346  } else {
2347    mid = "";
2348  }
2349  if (!window.is_scupio_sent && mid) {
2350    window._bwtm = window._bwtm || []
2351    window._bwtm.push({
2352      "mid": mid,
2353      "uid": ""
2354    });
2355  }
2356</script>
2356
2357
2358
2359    <!-- Fast-Events -->
2360    
2361
2362<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502967_8abe249e_fast_events.js?1652502967' type='text/javascript'></script>
2362
2363<link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/beta_theme/1652502951_0e4ac33d_fast_events.css?1652502951' rel='stylesheet' type='text/css' media='all' />
2364
2365
2366    <!-- gototop -->
2367    <div id="gototop">
2368      <a href="javascript:void(0)">
2369        <i class="fas fa-arrow-up"></i>
2370      </a>
2371    </div>
2372    <!-- ajaxloading -->
2373    <div id="ajaxloading">
2374      <div class="ajaxbody">
2375        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="73.4" height="73.4" viewBox="0 0 73.4 73.4">
2376          <circle class="circle" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.7" cy="36.7" r="35.2"/>
2377          <polyline class="success_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="23.7,36.8 32.4,45.4 49.7,28 "/>
2378          <path class="success_icon" fill="#898989" d="M32.5,46.9c-0.4,0-0.8-0.2-1.1-0.4l-8.6-8.6c-0.6-0.6-0.6-1.5,0-2.1s1.5-0.6,2.1,0l7.5,7.5L48.6,27c0.6-0.6,1.5-0.6,2.1,0s0.6,1.5,0,2.1L33.5,46.5C33.2,46.7,32.9,46.9,32.5,46.9L32.5,46.9z"/>
2379          <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="26.6" y1="26.6" x2="46.8" y2="46.8"/>
2380          <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.8" y1="26.6" x2="26.6" y2="46.8"/>
2381          <path class="fail_icon" fill="#898989" d="M38.7,36.7l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-9.1,9.1l-9.1-9.1c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l9.1-9.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L38.7,36.7z"/>
2382        </svg>
2383        <div class="success_msg title">已加入購物車</div>
2384        <div class="fail_msg title">網路異常,請重新整理</div>
2385      </div>
2386    </div>
2387    
2387<script>
2388        new WOW().init();
2389    </script>
2389
2390  
2390<script src="//cdn1-next.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
2390<script>        $(function () {
2391          function getCookie(e){for(var t=e+"=",n=decodeURIComponent(document.cookie),o=n.split(";"),i=0;i<o.length;i++){for(var r=o[i];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(t))return r.substring(t.length,r.length)}return""}
2392          var html = '<a href="/admin" style="position:fixed;top:10px;right:10px;z-index:3000;background-color:rgba(0,0,0,0.6);border-radius:3px;color:#eee;padding:10px;font-size:0.85em;line-height:1.3;"><h5 style="margin:0 0 5px 0;color:#66DFFF;font-size:15px;">點我回後台管理</h5>(只有管理者才看到這個訊息)</a><button id="DontEnterAdmin" class="close" style="right:10px;top:8px;padding:10px 10px 20px 20px;position:fixed;color:#fff;font-size:20px;line-height:12px;z-index:4000;">×</button>'
2393          var adminFromCookie = parseInt(getCookie('cyberbiz_admin'))
2394          if (adminFromCookie === 1) {
2395            $(document.body).append($(html))
2396            $('button#DontEnterAdmin').on('click', function(e) {
2397              e.preventDefault();
2398              $('a[href="/admin"]').remove()
2399              $('button#DontEnterAdmin').remove()
2400            })
2401          } else if (adminFromCookie !== 0) {
2402            $.ajax({
2403              method: 'GET',
2404              url: '/check_admin',
2405              dataType: 'json'
2406            }).done(function(data) {
2407              if (!!data.admin) {
2408                $(document.body).append($(html))
2409              }
2410            })
2411          }
2412        })
2413</script>
2413</body>
2414
2415  
2415<script>
2416    function getMoneyFormat(price) {
2417        // for tags, to escape  use: {{ this }}
2418        currency = "NT${{amount_no_decimals}}".replace('{{amount}}', '');
2419        currency = currency.replace('{{amount_no_decimals}}', '');
2420
2421        switch (currency) {
2422            case "&#165; 円":
2423                var arr = currency.split(" ");
2424                return arr[0] + price + " " + arr[1];
2425                break;
2426
2427            case "₫":
2428                return price + currency;
2429                break;
2430
2431            default:
2432                return currency + " " + price;
2433                break;
2434        }
2435    }
2436
2437    function getDiscountPriceName() {
2438        return 'false' === 'true' ? '' : '優惠售價';
2439    }
2440
2441    function getDiscountPriceSuggestionName() {
2442        return 'false' === 'true' ? '' : '建議售價';
2443    }
2444
2445    var liquidHelper = {
2446        isFirstVariantSelected:  false 
2447    }
2448</script>
2448
2449
2450  
2450<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502969_0700b51f_sub_vendor.js?1652502969' type='text/javascript'></script>
2450
2451  
2451<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1685678004_eae172b2_theme_helper.js?1685678004' type='text/javascript'></script>
2451
2452
2453  <!-- for Google Analytics Enhanced Ecommerce -->
2454  
2454<script src='//cdn1-next.cybassets.com/assets/theme/globalAnalysis-1ece3fca2f34d03df598f1da767da5b63b0d71e91eaaa2279a0c3024d72a4005.js' type='text/javascript'></script>
2454
2455
2456  <!-- theme assets -->
2457  
2457<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1667363256_5c631a99_main.js?1667363256' type='text/javascript'></script>
2457
2458  
2458<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1652502970_dbbc44eb_theme.js?1652502970' type='text/javascript'></script>
2458
2459  
2460
2461  <!-- theme customized main css -->
2462  <link href='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/css/1652502955_fe39d66e_theme_main.css?1652502955' rel='stylesheet' type='text/css' media='all' />
2463
2464  <!-- for cache -->
2465  
2465<script src='//cdn1-next.cybassets.com/s/files/14250/theme/79863/assets/js/1676531907_0ec92055_cacheable.js?1676531907' type='text/javascript'></script>
2465
2466  <style>
2467.footer_content {
2468    display: none;
2469}
2470  </style>
2471</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.