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 "¥ å": 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.