.bg-overlay-theme{position:relative}.bg-overlay-theme::after{transform:translateY(-30%)}@media (min-width: 768px){.bg-overlay-theme::after{display:none}}.section-intro{z-index:10;display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center;padding-left:0px;padding-right:0px}@media (min-width: 768px){.section-intro{padding-left:1rem;padding-right:1rem}}.section-intro .item-left{width:100%}.section-intro .item-left .intro-deco{position:absolute;left:0px;top:0px;width:33%;--tw-translate-x:-1rem;--tw-translate-y:20%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-intro .item-left .intro-deco>img{animation:pop 3s infinite ease-in-out}.section-intro .item-left .deco{bottom:0px;left:0px;z-index:-1;--tw-translate-y:10%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-intro .item-right{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.section-intro{margin-top:2.5rem}.section-intro .item-left{margin-left:auto;margin-right:auto;flex:1 1 0%}.section-intro .item-right{padding-left:1rem;padding-right:1rem}.section-intro .item-right img{margin-left:auto;margin-right:auto;width:80%}@media (min-width: 768px){.section-intro .item-right img{margin-top:1.5rem;margin-bottom:1.5rem}}}.section-intro article{text-align:center}.section-intro .tips{padding-left:0px;padding-right:0px}.section-intro article{position:relative;z-index:1}.section-intro::after{transform:translateY(-24%)}.pg-home>.inner{margin-top:-12rem}@media (min-width: 768px){.pg-home>.inner{margin-top:-2rem}}.pg-preview>.inner{margin-top:-10rem}@media (min-width: 768px){.pg-preview>.inner{margin-top:-1rem}}.pg-preview .tips{margin-top:2.5rem}.pg-preview .bar-action{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.pg-preview .bar-action{flex-direction:row}}.pg-preview .bar-action button{margin-top:0.75rem;margin-bottom:0.75rem;width:80%}@media (min-width: 768px){.pg-preview .bar-action button{width:16rem}}.pg-preview .inwrap{margin-top:0px;margin-bottom:0px}@media (min-width: 768px){.pg-preview .intro{padding-top:0px}}.bg{display:block}.bg img{width:100%}.bg .bg-desktop{width:1920px}.main-wrapper{position:relative;padding-top:1rem}@media (min-width: 768px){.main-wrapper{margin-top:4rem;padding-top:4rem}}.main-wrapper .bg-top-mask{position:absolute;top:0px;left:0px;width:100%}.section-product-intro .ingred-list{position:relative}.section-product-intro .item-row .ingred-item{position:relative;margin-top:1.5rem;margin-bottom:1.5rem;display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}.section-product-intro .item-row .ingred-item .ingred-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left;position:relative;z-index:10}.section-product-intro .item-row .ingred-item .ingred-box .title-box{position:relative;padding-right:1.5rem}.section-product-intro .item-row .ingred-item .ingred-box .title-box .idx{font-size:1.875rem;line-height:2.25rem;font-style:italic;--tw-text-opacity:1;color:rgb(112 99 91 / var(--tw-text-opacity))}@media (min-width: 768px){.section-product-intro .item-row .ingred-item .ingred-box .title-box .idx{font-size:2.25rem;line-height:2.5rem}}.section-product-intro .item-row .ingred-item .ingred-box .title-box .title{position:relative;z-index:10;width:100%;padding-top:1rem;font-family:Noto Sans HK, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(184 161 117 / var(--tw-text-opacity))}@media (min-width: 768px){.section-product-intro .item-row .ingred-item .ingred-box .title-box .title{font-size:1.5rem;line-height:2rem}}.section-product-intro .item-row .ingred-item .ingred-box .title-box .title.font-en{font-family:Playfair Display, Noto Serif TC, Noto Sans HK, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif}.section-product-intro .item-row .ingred-item .ingred-box .title-box .title::after{content:"";position:absolute;top:0.25rem;left:0px;z-index:10;--tw-bg-opacity:1;background-color:rgb(112 99 91 / var(--tw-bg-opacity));width:100%;height:1px}.section-product-intro .item-row .ingred-item .ingred-box .effect{margin-top:1rem;margin-bottom:1rem;text-align:center;padding-right:1.5rem}@media (min-width: 768px){.section-product-intro .item-row .ingred-item .ingred-box .effect{padding-right:0px}}.section-product-intro .item-row .ingred-item .thumb{width:50%}@media (min-width: 768px){.section-product-intro .item-row .ingred-item .thumb{width:60%}.section-product-intro .item-row{display:flex;width:100%;align-items:center;justify-content:center}.section-product-intro .item-row .ingred-item{width:80%}}.section-product-intro .item-row:nth-of-type(even) .ingred-item{flex-direction:row-reverse}.section-product-intro .item-row:nth-of-type(even) .ingred-box{text-align:left}.section-product-intro .item-row:nth-of-type(even) .ingred-box .title-box{padding-right:0px;padding-left:1.5rem}@media (min-width: 768px){.section-product-intro .item-row:nth-of-type(even) .ingred-box .title-box{padding-left:3rem}}.section-product-intro .item-row:nth-of-type(even) .ingred-box .title-box .title::after{left:unset;right:0;width:100%}.section-product-intro .item-row:nth-of-type(even) .ingred-box .effect{padding-right:0px;padding-left:1.5rem}@media (min-width: 768px){.section-product-intro .item-row:nth-of-type(even) .ingred-box .effect{padding-left:3rem}.section-product-intro .item-row:nth-of-type(even){justify-content:center}}.section-product-intro .six-effect-box{position:relative;display:flex;width:100%;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:2.5rem}.section-product-intro .six-effect-box .effect-tag{position:absolute;width:-moz-max-content;width:max-content;--tw-bg-opacity:1;background-color:rgb(138 109 155 / var(--tw-bg-opacity));padding:0.25rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.section-product-intro .six-effect-box .effect-tag.tag1{top:0.5rem}.section-product-intro .six-effect-box .effect-tag.tag2{top:28%;left:0px}.section-product-intro .six-effect-box .effect-tag.tag3{top:28%;right:0px}.section-product-intro .six-effect-box .effect-tag.tag4{bottom:28%;left:0px}.section-product-intro .six-effect-box .effect-tag.tag5{bottom:28%;right:0px}.section-product-intro .six-effect-box .effect-tag.tag6{bottom:0.5rem}.section-product-intro .six-effect-box>img{margin-left:auto;margin-right:auto;width:14rem}.section-effect .effect-list{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.section-effect .effect-box{margin-left:auto;margin-right:auto;width:100%}@media (min-width: 768px){.section-effect .effect-box{width:60%}}.section-effect .effect-item{margin-bottom:2rem;display:flex;width:100%;align-items:center;justify-content:flex-start}.section-effect .effect-item .percentage{width:6rem;font-weight:500}.section-effect .effect-item .percentage .num{margin-right:0.25rem;font-size:3rem;line-height:1;font-style:italic}.section-new-product{margin-top:5rem;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.section-new-product{margin-top:10rem;flex-direction:row}}.section-new-product .thumb-box{position:relative;margin-top:1rem;margin-bottom:1rem;width:80%}@media (min-width: 768px){.section-new-product .thumb-box{width:40%}}.section-new-product .thumb-box .deco{position:absolute;right:0px;top:0px;width:36%;--tw-translate-x:-20%;--tw-translate-y:-25%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-new-product .new-product-info{flex:1 1 0%}@media (min-width: 768px){.section-new-product .new-product-info{padding-left:2rem}}.section-new-product .new-product-info .title{font-size:1.25rem;line-height:1.75rem}@media (min-width: 768px){.section-new-product .new-product-info .title{font-size:2.25rem;line-height:2.5rem}}.section-new-product .new-product-info .title span::before,.section-new-product .new-product-info .title span::after{display:none}.section-new-product .new-product-info h2{font-family:CSong3HK-Medium, Noto Serif TC, Noto Sans HK, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:1.125rem;line-height:1.75rem}@media (min-width: 768px){.section-new-product .new-product-info h2{font-size:1.25rem;line-height:1.75rem}}.section-new-product .new-product-info .tag-box{margin-left:auto;margin-right:auto;font-size:0.875rem;line-height:1.25rem}@media (min-width: 768px){.section-new-product .new-product-info .tag-box{font-size:1rem;line-height:1.5rem}}.section-new-product .new-product-info .tag-box{width:80%;padding:2px;background:linear-gradient(133.43deg, #EDE5DC 15.85%, #C7B299 95.65%);margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:9999px}.section-new-product .new-product-info .tag-box .tag{width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:0.5rem;padding-bottom:0.5rem;display:flex;align-items:center;justify-content:center;-moz-column-gap:1rem;column-gap:1rem}.section-new-product .new-product-info .tag-box .tag div{flex:1 1 0%;height:2px;background:#ede5dc}.swiper-container,.form-container{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start}.swiper-container{position:relative}@media (min-width: 768px){.swiper-container{margin-top:2.5rem;display:flex;width:100%;align-items:center;justify-content:center;padding-bottom:2.5rem}}.swiper-container .bg-img{position:absolute;top:0px;left:0px;z-index:-1;display:none;width:100%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.swiper-container .bg-img{display:block}}.swiper-container .bg-img{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-container .bg-img.mobi{display:block;--tw-translate-y:5%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.swiper-container .bg-img.mobi{display:none}}.swiper-container .product-list{position:relative;z-index:10;margin-left:auto;margin-right:auto;width:100%;max-width:64rem;overflow:hidden}@media (min-width: 768px){.swiper-container .product-list{position:relative}}.swiper-container .product-list{padding-bottom:2.5rem}.swiper-container .product-list .product-item{position:relative}@media (min-width: 768px){.swiper-container .product-list .product-item{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}}.swiper-container .product-list .product-item .bg-slide{position:absolute;z-index:-1;width:100%}@media (min-width: 768px){.swiper-container .product-list .product-item .bg-slide{right:0px;top:0px;width:75%;max-width:none;height:calc(100% + 2rem);-o-object-fit:cover;object-fit:cover;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%)}}.swiper-container .product-list .product-item .thumb-box{position:relative;margin-left:auto;margin-right:auto;width:100%}.swiper-container .product-list .product-item .thumb-box .product{margin-left:auto;margin-right:auto;width:80%;--tw-translate-y:10%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.swiper-container .product-list .product-item .thumb-box{position:relative;display:flex;width:33.333333%;max-width:32rem;align-items:center;justify-content:center}.swiper-container .product-list .product-item .thumb-box .product{width:100%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.swiper-container .product-list .product-item .product-content{padding-left:0.5rem;padding-right:0.5rem;background:none}@media (min-width: 768px){.swiper-container .product-list .product-item .product-content{flex:1 1 0%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding-left:0px;padding-right:0px}}.swiper-container .product-list .product-item .content-box{position:relative;z-index:10;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.swiper-container .product-list .product-item .content-box{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box{transform:none}}.swiper-container .product-list .product-item .content-box{padding-top:2rem;padding-bottom:2rem}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box{padding-top:4rem;padding-bottom:4rem}}.swiper-container .product-list .product-item .content-box .content-detail{position:relative;padding-bottom:1rem;text-align:center;--tw-text-opacity:1;color:rgb(112 99 91 / var(--tw-text-opacity))}.swiper-container .product-list .product-item .content-box .content-detail::after{content:"";height:1px;position:absolute;left:50%;bottom:0.25rem;width:40%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(112 99 91 / var(--tw-bg-opacity))}.swiper-container .product-list .product-item .content-box .content-detail>img{display:inline-block;width:1rem}.swiper-container .product-list .product-item .content-box .content-detail h2{margin-bottom:0.25rem;font-family:CSong3HK-Medium, Noto Serif TC, Noto Sans HK, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:1.125rem;line-height:1.75rem;font-weight:500}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box .content-detail h2{font-size:1.25rem;line-height:1.75rem}}.swiper-container .product-list .product-item .content-box .content-detail h2 .idx{margin-left:0.25rem;margin-right:0.25rem;font-size:1.875rem;line-height:2.25rem;font-weight:600}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box .content-detail h2 .idx{font-size:2.25rem;line-height:2.5rem}}.swiper-container .product-list .product-item .content-box .content-detail p{font-size:0.875rem;line-height:1.25rem}@media (min-width: 768px){.swiper-container .product-list .product-item .content-box .content-detail p{font-size:1rem;line-height:1.5rem}}.swiper-container .product-list .swiper-slide{padding-top:1.5rem}@media (min-width: 768px){.swiper-container .product-list .swiper-slide{padding-top:2.5rem}}.swiper-container .product-list .swiper-pagination{bottom:1rem}.swiper-container .product-list .swiper-pagination .swiper-pagination-bullet{border-width:1px;--tw-border-opacity:1;border-color:rgb(112 99 91 / var(--tw-border-opacity));background-color:transparent;opacity:1}.swiper-container .product-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{--tw-bg-opacity:1;background-color:rgb(112 99 91 / var(--tw-bg-opacity))}.swiper-container .product-list .slide-indicator{position:absolute;right:0px;bottom:1.5rem;z-index:10;width:50%;text-align:center;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.swiper-container .product-list .slide-indicator{font-size:0.875rem;line-height:1.25rem;bottom:0px;padding-left:2rem;padding-right:2rem;padding-bottom:1.5rem}}.swiper-container .product-list .slide-indicator::after{content:"";position:absolute;right:0.5rem;bottom:0.25rem;border-left:12px solid #a89263;border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0)}@media (min-width: 768px){.swiper-container .product-list .slide-indicator::after{right:5rem;bottom:1.25rem}}.sect-slider{position:relative;z-index:10}.sect-form.form-reg{margin-top:2.5rem;margin-bottom:5rem;z-index:10;width:100%}.deco-home1{top:0px;left:0px;z-index:0;--tw-translate-y:-75%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.deco-home1{z-index:-1;margin-left:0px;margin-right:0px;--tw-translate-y:45%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.deco-home2{bottom:0px;left:0px;z-index:-1;--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.deco-home2{--tw-translate-y:33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, #000 0%, #000 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%)}}.deco-home3{bottom:0px;right:0px;width:50%}@media (min-width: 768px){.deco-home3{width:40%;max-width:48rem}}.pg-preview .deco-home1{top:0px;left:0px;z-index:0;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.pg-preview .deco-home1{top:0px;--tw-translate-y:-65%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));back-drop-filter:blur(10px)}}.pg-preview .deco-home3{bottom:0px;right:0px;width:50%}@media (min-width: 768px){.pg-preview .deco-home3{bottom:0px;right:0px;width:40%;max-width:48rem}.pg-preview .sect-form{--tw-translate-y:-2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 1280px){.pg-preview .sect-form{--tw-translate-y:-4rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@keyframes pop{0%,100%{transform:translateY(0)}50%{transform:translateY(-25%)}}
/*# sourceMappingURL=index.css.map */