#intro-section{position:relative;z-index:10;margin-top:-2rem}@media (min-width: 768px){#intro-section{margin-top:-5rem}}#intro-section .content{overflow:hidden;padding-top:2rem;padding-bottom:2rem}#intro-section h2{font-weight:700}#perfume-section{position:relative;z-index:10}#perfume-section .content{padding-left:0px;padding-right:0px}.perfume-swiper{position:relative;z-index:10;margin-left:auto;margin-right:auto;margin-top:2.5rem;width:100%;overflow:hidden;padding-bottom:2rem}@media (min-width: 768px){.perfume-swiper{max-width:28rem}}.perfume-swiper{overflow:visible;padding-left:2rem;padding-right:2rem}.perfume-swiper .swiper-slide{position:relative}@media (min-width: 768px){.perfume-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;--tw-scale-x:.75;--tw-scale-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));opacity:0.75;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.perfume-swiper .swiper-slide .thumb-box{position:relative;z-index:10}.perfume-swiper .swiper-slide .intro-box{position:absolute;width:100%;height:calc(100% - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;transition-property:all;transition-duration:500ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.perfume-swiper .swiper-slide.slide1 .intro-box{--tw-translate-x:-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))}.perfume-swiper .swiper-slide.slide2 .intro-box{--tw-translate-x: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))}.perfume-swiper .swiper-slide.swiper-slide-active{--tw-scale-x:1;--tw-scale-y:1;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));opacity:1}.perfume-swiper .swiper-slide.swiper-slide-active.slide1 .intro-box{--tw-translate-x:-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))}.perfume-swiper .swiper-slide.swiper-slide-active.slide2 .intro-box{--tw-translate-x: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))}}.perfume-swiper .swiper-slide .thumb-box{position:relative;width:100%}.perfume-swiper .swiper-slide .thumb-box img{width:100%}.perfume-swiper .swiper-slide .thumb-box .deco{position:absolute;right:1.5rem;top:0px;z-index:10;--tw-translate-x:33%;--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){.perfume-swiper .swiper-slide .thumb-box .deco{right:0px}}.perfume-swiper .swiper-slide .thumb-box .deco{display:flex;width:5rem;align-items:center;justify-content:center;top:16%}.perfume-swiper .swiper-slide .thumb-box .deco>img{width:100%;padding-left:0px;padding-right:0px}.perfume-swiper .swiper-slide .thumb-box .deco p{font-size:1rem;line-height:1.5rem}.perfume-swiper .swiper-slide .intro-box{padding:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.perfume-swiper .swiper-slide .ingred-box{margin-top:2rem;margin-bottom:2rem}.perfume-swiper .swiper-slide .btn-more{display:block;text-decoration-line:underline}@media (min-width: 768px){.perfume-swiper .swiper-slide .btn-more{display:none}}.perfume-swiper .swiper-slide .desc-box{display:none}@media (min-width: 768px){.perfume-swiper .swiper-slide .desc-box{display:block}}.perfume-swiper .swiper-slide .ingred-title{margin-bottom:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width: 768px){.perfume-swiper .swiper-slide .ingred-title{font-size:1.25rem;line-height:1.75rem}}.perfume-swiper .swiper-slide .ingred{margin-bottom:2rem}.perfume-swiper .swiper-slide .ingred:nth-of-type(3n){margin-bottom:0px}.perfume-swiper .swiper-pagination{bottom:0px}.perfume-swiper .swiper-pagination .swiper-pagination-bullet{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:1;margin-left:0.5rem;margin-right:0.5rem;border-radius:0px;width:64px;height:4px}.perfume-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(194, 153, 91, 1)}.perfume-swiper .swiper-button-next,.perfume-swiper .swiper-button-prev{top:40%;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (min-width: 768px){.perfume-swiper .swiper-button-next,.perfume-swiper .swiper-button-prev{top:45%}}.perfume-swiper .swiper-button-next,.perfume-swiper .swiper-button-prev{height:2rem;width:2rem;background:#fff;--tw-rotate:45deg;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))}.perfume-swiper .swiper-button-next::after,.perfume-swiper .swiper-button-prev::after{font-size:0.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(150 107 41 / var(--tw-text-opacity));--tw-rotate:-45deg;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))}.perfume-swiper .swiper-button-prev{left:18px}.perfume-swiper .swiper-button-next{right:18px}#form-section{position:relative}#form-section h2{font-size:1.5rem;line-height:2rem}@media (min-width: 768px){#form-section h2{font-size:1.875rem;line-height:2.25rem}}#form-section .content{position:relative;z-index:10;padding-bottom:0px}#form-section .reg-form{margin-left:auto;margin-right:auto;width:100%;max-width:48rem}#locator-section{position:relative;z-index:10}#locator-section h2{font-family:Noto Sans TC, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:1.875rem;line-height:2.25rem}@media (min-width: 768px){#locator-section h2{font-size:1.5rem;line-height:2rem}}.counter-list{margin-left:auto;margin-right:auto;margin-bottom:2rem;display:flex;width:100%;max-width:48rem;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.counter-list .item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;padding-left:0.5rem;padding-right:0.5rem}@media (min-width: 768px){.counter-list .item{padding-left:1rem;padding-right:1rem}}.counter-list .item{height:8rem;background:#f7f7f7}@media (min-width: 768px){.counter-list .item{width:calc(50% - 8px);height:10rem}}.counter-list .item .name{position:relative;width:-moz-max-content;width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem}.counter-list .item .name img{position:absolute;right:0px;width:1rem;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));transform:translateX(calc(100% + 8px))}.counter-list .item .address{font-size:0.875rem;line-height:1.25rem}.en .counter-list .item{height:9rem}@media (min-width: 768px){.en .counter-list .item{height:10rem}}.bg-deco1{pointer-events:none;position:absolute;bottom:0px;left:0px;z-index:0;width:100%;--tw-translate-y:1%;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 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, #000 90%, rgba(0, 0, 0, 0) 100%)}.bg-deco2{pointer-events:none;position:absolute;bottom:0px;left:0px;z-index:0;width:100%;--tw-translate-y:-18%;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 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, #000 90%, rgba(0, 0, 0, 0) 100%)}@media (min-width: 1024px){.bg-deco2{--tw-translate-y:3%;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){.bg-deco2{--tw-translate-y:12%;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: 1536px){.bg-deco2{--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))}}@media (min-width: 1920px){.bg-deco2{--tw-translate-y:32%;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))}}.payment-opt-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0.5rem}.payment-opt-list .payment-opt-item{width:3rem}
/*# sourceMappingURL=index.css.map */