#intro-section .content{overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:3rem;padding-bottom:3rem}#intro-section h2{font-family:Noto Serif TC, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-weight:700}.video-container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}@media (min-width: 768px){.video-container .thumb-box,.video-container .video-box{width:33.333333%}}.video-container .thumb-box video,.video-container .thumb-box img,.video-container .video-box video,.video-container .video-box img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:none;outline:none;pointer-events:none}.video-container .bg-video{background:url(../images/intro-bg-mobi.png) no-repeat center center;background-size:cover}@media (min-width: 768px){.video-container .bg-video{background:url(../images/intro-bg.png) no-repeat center center}}.video-container .content{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-family:Noto Serif TC, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-weight:500}@media (min-width: 768px){.video-container .content{flex:1 1 0%}}.video-container .content .title{font-weight:700}.video-container .content .note{width:20rem}@media (min-width: 768px){.video-container .content .note{width:100%}}#perfume-section{padding-top:1rem;padding-bottom:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}#perfume-section h2{font-family:Noto Serif TC, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif}.perfume-swiper{position:relative;margin-left:auto;margin-right:auto;margin-top:2.5rem;width:100%;max-width:64rem;overflow:hidden;padding-bottom:1rem;overflow:visible}@media (min-width: 1024px){.perfume-swiper{overflow:hidden}}.perfume-swiper .swiper-slide{position:relative;padding-left:0.5rem;padding-right:0.5rem}.perfume-swiper .swiper-slide .thumb-box{position:relative;margin-left:auto;margin-right:auto;margin-bottom:2rem;width:20rem}@media (min-width: 768px){.perfume-swiper .swiper-slide .thumb-box{width:100%}}.perfume-swiper .swiper-slide .thumb-box img{width:100%;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 768px){.perfume-swiper .swiper-slide .thumb-box img{padding-left:0px;padding-right:0px}}.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 p{margin-top:1rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem}@media (min-width: 768px){.perfume-swiper .swiper-slide p{font-size:1.25rem;line-height:1.75rem}}.perfume-swiper .swiper-slide .type{margin-left:auto;margin-right:auto;width:16rem;padding-top:0.5rem;padding-bottom:0.5rem}@media (min-width: 768px){.perfume-swiper .swiper-slide .type{width:100%}}.perfume-swiper .swiper-slide .type.type1{background:#ffe7e7}.perfume-swiper .swiper-slide .type.type2{background:#ffd8d9}.perfume-swiper .swiper-slide .type.type3{background:#ffd2bd}.perfume-swiper .swiper-slide .type.type4{background:#da6159}.perfume-swiper .swiper-slide .ingred{font-size:1rem;line-height:1.5rem}.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;outline-style:solid;outline-width:2px;outline-color:#F8E6E0;margin-left:0.5rem;margin-right:0.5rem;border-radius:0px;width:64px;height:2px}.perfume-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{--tw-bg-opacity:1;background-color:rgb(248 230 224 / var(--tw-bg-opacity))}.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))}.perfume-swiper .swiper-button-next::after,.perfume-swiper .swiper-button-prev::after{font-size:1.875rem;line-height:2.25rem}.perfume-swiper .swiper-button-prev{left:0px}.perfume-swiper .swiper-button-next{right:0px}#form-section{padding-left:1rem;padding-right:1rem;padding-top:2rem;background:url(../images/form-bg-mobi.png) no-repeat top center;min-height:100vh;background-size:cover}@media (min-width: 768px){#form-section{background:url(../images/form-bg.png) no-repeat top center}}#form-section .reg-form{margin-left:auto;margin-right:auto;width:100%;max-width:48rem}#locator-section h2{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}}
/*# sourceMappingURL=index.css.map */