@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;600&display=swap);.pay-direct[data-v-02928976]{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:8px}@media screen and (max-width:900px){.pay-direct[data-v-02928976]{grid-template-columns:1fr;row-gap:20px;margin-top:24px}}.tpfield[data-v-02928976]{display:flex;align-items:center;justify-content:space-between;height:36px;width:calc(100% - 24px);border:1px solid #707070;padding:0 12px;background-color:#fff}@media screen and (max-width:900px){.tpfield[data-v-02928976]{position:relative}.tpfield[data-v-02928976]:after{display:block;position:absolute;transform:scale(.9);font-size:10px;padding:3px 12px;top:-18px;background-color:#707070;color:#fff}.tpfield[data-v-02928976]:first-child:after{content:"信用卡號"}.tpfield[data-v-02928976]:nth-child(3):after{content:"到期日"}.tpfield[data-v-02928976]:nth-child(4):after{content:"安全碼"}}.tpfield div[data-v-02928976]{height:100%}.tpfield span[data-v-02928976]{font-size:20px}.tappay-field-focus[data-v-02928976]{border-color:#66afe9;outline:0}button[data-v-02928976]{background-color:#292d36;color:#fff;border:none;padding:6px 0;margin-top:4px;cursor:pointer;transition:.3s}button[data-v-02928976]:hover{opacity:.6}button[data-v-02928976]:disabled{opacity:.3;cursor:not-allowed}.component-help-faq-collapse[data-v-2d12cbfe]{padding:20px 8px;opacity:1;transition:.3s}@media screen and (max-width:900px){.component-help-faq-collapse[data-v-2d12cbfe]{padding:8px 8px 12px 8px}}.component-help-faq-collapse.loading[data-v-2d12cbfe]{opacity:0}.component-help-faq-collapse~.component-help-faq-collapse[data-v-2d12cbfe]{border-top:1px solid #b1b1b1}.component-help-faq-collapse header[data-v-2d12cbfe]{display:flex;justify-content:space-between;padding:12px 0;cursor:pointer}@media screen and (max-width:1600px){.component-help-faq-collapse header[data-v-2d12cbfe]{padding:8px 0}}@media screen and (max-width:900px){.component-help-faq-collapse header[data-v-2d12cbfe]{padding:12px 0}}.component-help-faq-collapse header h3[data-v-2d12cbfe]{font-size:16px}.component-help-faq-collapse main[data-v-2d12cbfe]{max-height:0;overflow:hidden;transition:.6s}.component-help-faq-collapse main .content[data-v-2d12cbfe]{color:#767676;line-height:1.8em;font-weight:400}@media screen and (max-width:1600px){.component-help-faq-collapse main img[data-v-2d12cbfe]{width:60vw}}@media screen and (max-width:900px){.component-help-faq-collapse main .content[data-v-2d12cbfe]{line-height:1.5em}.component-help-faq-collapse main .image[data-v-2d12cbfe]{margin-top:12px}.component-help-faq-collapse main img[data-v-2d12cbfe]{display:block;width:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}.component-help-faq-collapse main img~img[data-v-2d12cbfe]{margin-top:8px}}.component-help-faq-collapse.show header span .comp-icon[data-v-2d12cbfe]{display:flex;align-items:center;justify-content:center;transform:rotate(180deg)}*{margin:0;padding:0}:root{scroll-behavior:smooth}ul{list-style:none;padding:0}button{border:none;outline:none}[data-scroll-anime=true]{transition:1s}[data-scroll-anime=true].fade{opacity:0;transform:translateY(80px)}*{font-family:Times New Roman,"Noto Serif TC",Times,serif;-webkit-text-size-adjust:none}@media screen and (max-width:900px){*{font-family:"Noto Serif TC",serif}}::-webkit-scrollbar{display:none}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.top-in-enter-active,.top-in-leave-active{transition:.5s}.top-in-enter-from,.top-in-leave-to{opacity:0;transform:translateY(-500px)}.top-in-enter-to,.top-in-leave-from{opacity:1;transform:translateY(0)}.left-in-enter-active,.left-in-leave-active{transition:.5s}.left-in-enter-from,.left-in-leave-to{opacity:0;transform:translateX(-500px)}.left-in-enter-to,.left-in-leave-from{opacity:1;transform:translateX(0)}.right-in-enter-active,.right-in-leave-active{transition:.5s}.right-in-enter-from,.right-in-leave-to{opacity:0;transform:translateX(500px)}.right-in-enter-to,.right-in-leave-from{opacity:1;transform:translateX(0)}.order-return-collapse-enter-active,.order-return-collapse-leave-active{transition:.5s;overflow:hidden}.order-return-collapse-enter-from,.order-return-collapse-leave-to{max-height:0;padding:0 16px!important;overflow:hidden}.order-return-collapse-enter-to,.order-return-collapse-leave-from{padding:16px 16px;max-height:120px;overflow:hidden}.fade-down-enter-active,.fade-down-knowledge-enter-active,.fade-down-knowledge-leave-active,.fade-down-leave-active{transition:.5s cubic-bezier(.77,0,.175,1)}.fade-down-enter-active ul,.fade-down-knowledge-enter-active ul,.fade-down-knowledge-leave-active ul,.fade-down-leave-active ul{transition:.3s}.fade-down-enter-from,.fade-down-knowledge-enter-from,.fade-down-knowledge-leave-to,.fade-down-leave-to{padding:0;max-height:0;min-height:0;overflow:hidden}.fade-down-enter-to,.fade-down-knowledge-enter-to,.fade-down-knowledge-leave-from,.fade-down-leave-from{max-height:188px;min-height:188px;overflow:hidden;transform:translateY(0)}.fade-down-enter-to.fade-down-knowledge-enter-to,.fade-down-enter-to.fade-down-knowledge-leave-from,.fade-down-knowledge-enter-to.fade-down-knowledge-enter-to,.fade-down-knowledge-enter-to.fade-down-knowledge-leave-from,.fade-down-knowledge-leave-from.fade-down-knowledge-enter-to,.fade-down-knowledge-leave-from.fade-down-knowledge-leave-from,.fade-down-leave-from.fade-down-knowledge-enter-to,.fade-down-leave-from.fade-down-knowledge-leave-from{max-height:80px;min-height:80px}.collapse-comment-enter-active,.collapse-comment-leave-active{transition:.4s}.collapse-comment-enter-from,.collapse-comment-leave-to{max-height:0;min-height:0;overflow:hidden}.collapse-comment-enter-to,.collapse-comment-leave-from{max-height:90px;min-height:90px;overflow:hidden;transition-delay:.8s}.collapse-comment-form-enter-active,.collapse-comment-form-leave-active{transition:.8s cubic-bezier(.77,0,.175,1)}.collapse-comment-form-enter-from,.collapse-comment-form-leave-to{max-height:0;min-height:0;overflow:hidden}.collapse-comment-form-enter-to,.collapse-comment-form-leave-from{max-height:500px;min-height:500px;overflow:hidden;transition-delay:.4s}.sample-fade-in-enter-active,.sample-fade-in-leave-active{transition:.7s ease-in-out}.sample-fade-in-enter-from,.sample-fade-in-leave-to{opacity:0;top:0}.sample-fade-in-enter-to{position:fixed}.sample-fade-in-enter-to,.sample-fade-in-leave-from{opacity:1;top:0}.block-button{width:100%;background-color:#fff;text-align:center}.outline-button{border:1px solid #3c3c3c;text-align:center;background-color:transparent;padding:12px 32px}.loading-button{position:relative}.loading-button.loading{pointer-events:none;overflow:hidden}.loading-button.loading:after{content:"";position:absolute;display:block;width:100%;height:100%;background-color:#fff;left:-100%;top:0;transform:translateX(0);opacity:.3;-webkit-animation:loading 2s ease-in-out;animation:loading 2s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#hubspot-messages-iframe-container{transform:translate(-40px,-40px)}@media screen and (max-width:900px){#hubspot-messages-iframe-container{transform:translate(0)}}.jump-to-payment{position:fixed;background-color:#fff;border-radius:8px;right:0;padding:12px 24px;top:140px;z-index:96;box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:0;transform:translateX(100%);transition:.5s}@media screen and (max-width:900px){.jump-to-payment{top:96px;left:8px;width:calc(100vw - 64px);transform:translateY(-100%)}}.jump-to-payment.show{opacity:1;right:12px;transform:translate(0)}.jump-to-payment p{font-size:20px;font-family:Noto Sans TC,sans-serif;font-weight:300}.jump-to-payment p .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;display:inline-flex;color:#938e8a;margin-right:8px}.jump-to-payment .button-group{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.jump-to-payment .button-group button{padding:4px 8px;background-color:#938e8a;color:#fff;border-radius:4px;font-family:Noto Sans TC,sans-serif;font-weight:300;cursor:pointer}.jump-to-payment .button-group button:hover{opacity:.8}@media screen and (max-width:900px){.jump-to-payment .button-group{justify-content:center}.jump-to-payment .button-group button{flex-grow:1;padding:8px 0;font-size:16px;font-weight:400}.jump-to-payment .button-group button:last-child{background-color:#a9a39e}}.home-page-popup{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:99}.home-page-popup .wrapper{position:relative;max-width:80%;height:80%;border-radius:20px;overflow:hidden;border:4px solid #fff;cursor:pointer}@media screen and (max-width:900px){.home-page-popup .wrapper{width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.home-page-popup .wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:900px){.home-page-popup .wrapper img{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;height:auto;-o-object-fit:scale-down;object-fit:scale-down}}.home-page-popup .wrapper button{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;background-color:#938e8a;color:#fff;right:16px;top:16px;padding:8px;border-radius:8px;cursor:pointer}.home-page-popup .wrapper button:hover{opacity:.8}.home-page-popup .wrapper button .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:24px}.view-about{padding-top:100px}@media screen and (max-width:900px){.view-about{padding-top:64px;width:100vw;overflow:hidden}}.view-about .banner img{width:100vw}.view-about .more-mobile{display:flex;flex-direction:row;justify-content:center;align-items:center;height:32px;font-family:Noto Sans TC,sans-serif;font-weight:400;font-size:14px;letter-spacing:.2em;margin-top:24px;background-color:transparent}.view-about .more-mobile .bi{margin-left:8px}.view-about .doctor{margin-top:155px;margin-bottom:36px;padding:0 130px}@media screen and (max-width:900px){.view-about .doctor{padding:0 32px;margin-top:24px;margin-bottom:64px}}.view-about .doctor header{color:#554e47}@media screen and (max-width:900px){.view-about .doctor header{margin-bottom:40px}}.view-about .doctor header h1{font-size:100px;font-weight:400;letter-spacing:.11em}@media screen and (max-width:900px){.view-about .doctor header h1{font-size:22px}}.view-about .doctor header h2{display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:60px;font-weight:300;letter-spacing:.3em;font-family:Noto Sans TC,sans-serif;margin-right:10%}@media screen and (max-width:900px){.view-about .doctor header h2{font-size:16px;margin-right:0}}.view-about .doctor header h2 .line{display:inline-block;width:200px;height:5px;background-color:#bfb6a6}@media screen and (max-width:900px){.view-about .doctor header h2 .line{width:40px;height:.5px}}.view-about .doctor .wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:916px;font-weight:300}@media screen and (max-width:1600px){.view-about .doctor .wrapper{height:auto;padding:80px 0}}@media screen and (max-width:900px){.view-about .doctor .wrapper{flex-direction:column-reverse;padding:0 16px}}@media screen and (max-width:900px){.view-about .doctor .wrapper .content{width:100%}}.view-about .doctor .wrapper .content span{display:block;font-size:22px;line-height:52px;margin-bottom:150px;width:600px;font-family:Noto Sans TC,sans-serif}@media screen and (max-width:1600px){.view-about .doctor .wrapper .content span{font-size:18px;width:480px;line-height:40px;margin-bottom:64px}}@media screen and (max-width:900px){.view-about .doctor .wrapper .content span{font-size:14px;line-height:28px;width:100%}}.view-about .doctor .wrapper .content p{font-size:22px;font-family:Noto Sans TC,sans-serif}@media screen and (max-width:1600px){.view-about .doctor .wrapper .content img{width:400px}}@media screen and (max-width:900px){.view-about .doctor .wrapper .content p{font-size:14px;text-align:center}.view-about .doctor .wrapper .content img{display:block;width:80%;margin:0 auto}}.view-about .doctor .wrapper .img-wrapper{position:relative}@media screen and (max-width:900px){.view-about .doctor .wrapper .img-wrapper{margin-bottom:40px}}.view-about .doctor .wrapper .img-wrapper img{border-top-right-radius:350px;z-index:2}@media screen and (max-width:1600px){.view-about .doctor .wrapper .img-wrapper img{border-top-right-radius:240px;width:400px}}@media screen and (max-width:900px){.view-about .doctor .wrapper .img-wrapper img{border-top-right-radius:120px;width:calc(100% - 46px)}}.view-about .doctor .wrapper .img-wrapper:after{content:"";position:absolute;width:100%;height:100%;border-top-right-radius:350px;background-color:#dad5cb;left:0;z-index:-1;transform:translate(134px,68px)}@media screen and (max-width:1600px){.view-about .doctor .wrapper .img-wrapper:after{border-top-right-radius:240px;transform:translate(100px,40px)}}@media screen and (max-width:900px){.view-about .doctor .wrapper .img-wrapper:after{border-top-right-radius:120px;width:calc(100% - 46px);transform:translate(46px,24px)}}.view-about .doctor .wrapper.left{border-left:3px solid #bfb6a6;margin-bottom:96px;padding-left:96px}.view-about .doctor .wrapper.left .img-wrapper{margin-right:134px}@media screen and (max-width:900px){.view-about .doctor .wrapper.left{padding-left:16px;border-width:2px}.view-about .doctor .wrapper.left .img-wrapper{margin-right:0}}.view-about .doctor .wrapper.right{flex-direction:row-reverse;border-right:3px solid #bfb6a6;padding-right:96px;border-width:2px}.view-about .doctor .wrapper.right span{margin-bottom:0}@media screen and (max-width:900px){.view-about .doctor .wrapper.right{flex-direction:column-reverse;padding-right:16px}}.view-about .baden-baden header{position:relative}.view-about .baden-baden header img{display:block;width:100vw}@media screen and (max-width:900px){.view-about .baden-baden header img{width:auto;height:360px;position:absolute;left:50%;transform:translateX(-50%)}}@media screen and (max-width:900px){.view-about .baden-baden header{height:360px}}.view-about .baden-baden header .content{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.view-about .baden-baden header .content h2{font-size:60px;font-weight:400;letter-spacing:.1em;margin-left:.1em;margin-bottom:12px;font-family:"Noto Serif TC",serif}@media screen and (max-width:1600px){.view-about .baden-baden header .content h2{font-size:48px}}.view-about .baden-baden header .content p{font-size:30px;font-family:"Noto Serif TC",serif}@media screen and (max-width:1600px){.view-about .baden-baden header .content p{font-size:24px}}@media screen and (max-width:900px){.view-about .baden-baden header .content h2{font-size:18px}.view-about .baden-baden header .content p{font-size:14px}}.view-about .baden-baden .info{padding:72px 300px;text-align:justify;background-color:#6f6156;color:#fff;line-height:52px}.view-about .baden-baden .info,.view-about .baden-baden .info span{font-family:Noto Sans TC,sans-serif;font-size:22px;font-weight:300}@media screen and (max-width:1600px){.view-about .baden-baden .info,.view-about .baden-baden .info span{font-size:20px;line-height:40px}}@media screen and (max-width:900px){.view-about .baden-baden .info{padding:72px 32px;font-size:14px;line-height:28px}.view-about .baden-baden .info span{display:block;font-size:14px;line-height:28px;margin-top:16px;max-height:0;overflow:hidden;transition:.3s}.view-about .baden-baden .info span.spread{max-height:300px}}.view-about .baden-baden .info .more-mobile{color:#fff}.view-about .tech{padding:268px 300px;background-color:#f4f2ee}@media screen and (max-width:1600px){.view-about .tech{padding:80px 200px}}@media screen and (max-width:900px){.view-about .tech{padding:114px 32px}}.view-about .tech h1{font-size:60px;font-weight:500;letter-spacing:.25em;margin-left:.25em;margin-bottom:120px;text-align:center;font-family:Noto Sans TC,sans-serif}@media screen and (max-width:1600px){.view-about .tech h1{font-size:48px;margin-bottom:80px}}@media screen and (max-width:900px){.view-about .tech h1{font-size:22px}}.view-about .tech .img-wrapper{display:flex;width:100%;justify-content:center;gap:40px}.view-about .tech .img-wrapper div{display:flex;flex-direction:column;align-items:center}.view-about .tech .img-wrapper div .gif-title{display:block;overflow:auto;max-height:inherit;padding:16px 80px;font-size:52px;background-color:#bfb6a6;border-radius:80px;color:#fff}@media screen and (max-width:1600px){.view-about .tech .img-wrapper div .gif-title{font-size:32px;padding:8px 52px}}@media screen and (max-width:900px){.view-about .tech .img-wrapper div .gif-title{font-size:24px;padding:0 40px}}.view-about .tech .img-wrapper div img{width:32vw}@media screen and (max-width:900px){.view-about .tech .img-wrapper div img{width:80vw}}@media screen and (max-width:1600px){.view-about .tech .img-wrapper div{width:100%}}@media screen and (max-width:900px){.view-about .tech .img-wrapper{flex-direction:column}}.view-about .tech .img-wrapper img{width:50%}@media screen and (max-width:900px){.view-about .tech .img-wrapper img{width:100%}}.view-about .tech .content,.view-about .tech span{font-size:22px;font-family:Noto Sans TC,sans-serif;line-height:53px;color:#38332f;margin-top:112px}@media screen and (max-width:1600px){.view-about .tech .content,.view-about .tech span{font-size:20px;line-height:48px;margin-top:80px}}@media screen and (max-width:900px){.view-about .tech .content,.view-about .tech span{font-size:14px;line-height:200%}}.view-about .tech span{display:block;max-height:0;transition:.3s;overflow:hidden;margin-top:0}.view-about .tech span.spread{max-height:400px}.view-about .spa header{padding-top:110px;padding-bottom:45px;text-align:center;border-bottom:2px solid #bfb6a6}@media screen and (max-width:900px){.view-about .spa header{padding-top:96px;padding-bottom:24px;border-width:.5px;margin-bottom:24px}}.view-about .spa header h1{font-family:"Noto Serif TC",serif;font-weight:600;font-size:100px;margin-bottom:20px;letter-spacing:.1em;margin-left:.1em}@media screen and (max-width:1600px){.view-about .spa header h1{font-size:80px}}@media screen and (max-width:900px){.view-about .spa header h1{font-size:32px}}.view-about .spa header h2{font-family:Noto Sans TC,sans-serif;font-size:40px;font-weight:400;letter-spacing:.5em;margin-left:.5em}@media screen and (max-width:1600px){.view-about .spa header h2{font-size:32px}}@media screen and (max-width:900px){.view-about .spa header h2{font-size:14px}}.view-about .spa .gif{width:100vw}@media screen and (max-width:900px){.view-about .spa .gif{margin-bottom:26px}}.view-about .spa .carousel{position:relative}.view-about .spa .carousel .control{position:absolute;top:50%;left:120px;transform:translateY(-50%);width:80px;height:80px;border-radius:40px;background-color:#fff;z-index:2;font-size:40px;box-shadow:2px 4px 8px rgba(0,0,0,.4);cursor:pointer}.view-about .spa .carousel .control:hover{background-color:#eee}.view-about .spa .carousel .control .bi{margin-left:2px}.view-about .spa .carousel .control.right{right:120px;left:auto}@media screen and (max-width:900px){.view-about .spa .carousel .control{left:32px;right:auto;width:40px;height:40px;border-radius:20px;font-size:20px}.view-about .spa .carousel .control .bi{margin-left:1px}.view-about .spa .carousel .control.right{right:32px;left:auto}}.view-about .spa .carousel img{width:100vw}.view-about .spa .carousel .swiper-slide{position:relative}.view-about .spa .carousel .swiper-slide footer{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:128px;left:120px}.view-about .spa .carousel .swiper-slide footer .bi{font-size:80px;text-shadow:0 4px 4px rgba(0,0,0,.25);color:#d6473a}.view-about .spa .carousel .swiper-slide footer h3{color:#fff;font-size:60px;font-family:Noto Sans TC,sans-serif;letter-spacing:.1em;font-weight:400;text-shadow:0 3px 4px rgba(0,0,0,.5)}.view-about .spa .carousel .swiper-slide footer h3.country{font-weight:600;letter-spacing:.2em}@media screen and (max-width:900px){.view-about .spa .carousel .swiper-slide footer{bottom:32px;left:32px}.view-about .spa .carousel .swiper-slide footer .bi{font-size:32px}.view-about .spa .carousel .swiper-slide footer h3{font-size:22px}}.view-about .spa .world-map{border-top:2px solid #bfb6a6;padding-top:150px;margin-top:110px}@media screen and (max-width:900px){.view-about .spa .world-map{border-width:.5px;margin-top:24px;padding-top:46px}}.view-about .spa .world-map img{display:block;width:90vw;margin:0 auto}@media screen and (max-width:900px){.view-about .spa .world-map img{width:100vw}}.view-about .spa .world-map span{display:block;font-size:22px;line-height:2.4;font-family:Noto Sans TC,sans-serif;font-weight:300;margin:20px 200px 250px 200px;text-align:center}@media screen and (max-width:1600px){.view-about .spa .world-map span{font-size:20px;margin:20px 200px 150px 200px}}@media screen and (max-width:900px){.view-about .spa .world-map span{font-size:14px;line-height:28px;margin:24px 32px 72px 32px}}.view-about .history{background-color:#f4f2ee;padding-bottom:270px}@media screen and (max-width:900px){.view-about .history{padding-bottom:120px}}.view-about .history header{padding-top:140px;margin-bottom:132px;text-align:center}@media screen and (max-width:900px){.view-about .history header{padding-top:52px;margin-bottom:-40px}}.view-about .history header h1{font-family:Times;font-weight:400;font-size:100px;line-height:115px;letter-spacing:.115em;color:#38332f}@media screen and (max-width:1600px){.view-about .history header h1{font-size:80px;line-height:90px}}@media screen and (max-width:900px){.view-about .history header h1{font-size:30px;line-height:36px}}.view-about .history header h2{font-family:"Noto Serif TC",serif;font-style:normal;font-weight:300;font-size:50px;letter-spacing:.115em}@media screen and (max-width:1600px){.view-about .history header h2{font-size:40px}}@media screen and (max-width:900px){.view-about .history header h2{font-size:16px}}.view-about .history ul{padding:0 160px;position:relative}@media screen and (max-width:900px){.view-about .history ul{margin-top:50px;padding:0 32px 0 64px}}.view-about .history ul li{position:relative;display:flex;justify-content:space-between}.view-about .history ul li:nth-child(2n){flex-direction:row-reverse}@media screen and (max-width:900px){.view-about .history ul li{flex-direction:column;align-items:center;padding-left:20px;align-items:flex-start;padding-bottom:0;padding-top:60px}}.view-about .history ul li:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:#38332f}@media screen and (max-width:900px){.view-about .history ul li:after{left:0;top:48px}}.view-about .history ul li:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:20px;top:-20px;background-color:#38332f}@media screen and (max-width:1600px){.view-about .history ul li:before{width:30px;height:30px;top:-15px}}@media screen and (max-width:900px){.view-about .history ul li:before{width:20px;height:20px;left:0;top:44px}}.view-about .history ul li:not(.view-about .history ul li:last-child){padding-bottom:280px}@media screen and (max-width:900px){.view-about .history ul li:not(.view-about .history ul li:last-child){padding-bottom:0}}.view-about .history ul li:last-child:after{display:none}.view-about .history ul li:nth-child(odd) .image{margin-left:64px}@media screen and (max-width:900px){.view-about .history ul li:nth-child(odd) .image{margin-left:0}}@media screen and (max-width:900px){.view-about .history ul li:nth-child(odd){flex-direction:column-reverse}}.view-about .history ul li:nth-child(2n) .image{margin-right:64px}.view-about .history ul li:nth-child(2n) .image:before{left:auto;right:-64px}@media screen and (max-width:900px){.view-about .history ul li:nth-child(2n) .image:before{right:-16px}}@media screen and (max-width:900px){.view-about .history ul li:nth-child(2n){flex-direction:column-reverse}}.view-about .history ul li .image{position:relative}@media screen and (max-width:900px){.view-about .history ul li .image{margin-top:40px}}.view-about .history ul li .image:before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:#dad5cb;left:-64px;bottom:-64px;z-index:0}@media screen and (max-width:900px){.view-about .history ul li .image:before{left:16px;bottom:16px}}.view-about .history ul li .image img{position:relative;width:600px;z-index:2}@media screen and (max-width:1600px){.view-about .history ul li .image img{width:400px}}@media screen and (max-width:900px){.view-about .history ul li .image img{width:220px}}.view-about .history ul li .content{width:660px}@media screen and (max-width:1600px){.view-about .history ul li .content{width:460px}}@media screen and (max-width:900px){.view-about .history ul li .content{width:100%}}.view-about .history ul li .content h3{font-family:Times;font-weight:400;font-size:100px;color:#38332f;line-height:72px;margin-top:-.6em}@media screen and (max-width:1600px){.view-about .history ul li .content h3{font-size:80px;line-height:60px;margin-top:-.85em}}@media screen and (max-width:900px){.view-about .history ul li .content h3{font-size:32px;margin-top:-1.1em}}.view-about .history ul li .content h3 span{font-family:Noto Sans TC,sans-serif;font-weight:400;font-size:60px;margin-left:16px}@media screen and (max-width:900px){.view-about .history ul li .content h3 span{font-size:20px}}.view-about .history ul li .content h5{font-family:Noto Sans TC;font-weight:350;font-size:32px;color:#66625f;margin-bottom:64px;margin-top:-20px}@media screen and (max-width:1600px){.view-about .history ul li .content h5{font-size:24px;margin-bottom:48px}}@media screen and (max-width:900px){.view-about .history ul li .content h5{font-size:12px;margin-bottom:20px}}.view-about .history ul li .content span{font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:32px;line-height:220%;text-align:justify}@media screen and (max-width:1600px){.view-about .history ul li .content span{font-size:24px}}@media screen and (max-width:900px){.view-about .history ul li .content span{font-size:14px;line-height:200%}}.view-about .no-fashion{padding:160px 300px 200px 300px;text-align:center}@media screen and (max-width:900px){.view-about .no-fashion{padding:100px 32px 100px 32px}}.view-about .no-fashion h1{font-family:"Noto Serif TC",serif;font-size:100px;font-weight:400;letter-spacing:.1em;margin-bottom:48px;color:#38332f}@media screen and (max-width:900px){.view-about .no-fashion h1{font-size:20px;margin-bottom:24px}}.view-about .no-fashion span{display:block;margin:0 auto;font-family:Noto Sans TC,sans-serif;width:100%;font-weight:300;font-size:24px;line-height:46px;color:#66625f;margin-bottom:40px}@media screen and (max-width:900px){.view-about .no-fashion span{font-size:14px;line-height:28px}}.view-about .no-fashion img{width:100%;border-radius:20px}.view-about .insist{padding:130px 0;background-color:#f4f2ee}.view-about .insist h1{font-family:Times;font-weight:400;font-size:100px;letter-spacing:.1em;margin-bottom:112px;text-align:center}@media screen and (max-width:1600px){.view-about .insist h1{font-size:80px;margin-bottom:100px}}@media screen and (max-width:900px){.view-about .insist h1{font-size:32px;margin-bottom:40px}}.view-about .insist ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;margin:40px auto 80px auto}@media screen and (max-width:900px){.view-about .insist ul{flex-wrap:wrap;gap:20px;padding:0 32px}}.view-about .insist ul .arrow{font-size:40px;color:#38332f}@media screen and (max-width:900px){.view-about .insist ul .arrow{font-size:20px}}@media screen and (max-width:900px){.view-about .insist ul li{width:calc(33.33333% - 53.33333px)}}.view-about .insist ul li .comp-icon{font-size:32px}.view-about .insist ul li img{height:150px}@media screen and (max-width:1600px){.view-about .insist ul li img{height:100px}}@media screen and (max-width:900px){.view-about .insist ul li img{width:60px}}.view-about .insist ul li p{margin-top:32px;font-weight:400;font-size:22px;text-align:center;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif;font-weight:500;color:#66625f}@media screen and (max-width:900px){.view-about .insist ul li p{margin-top:0;font-size:12px}}.view-about .insist span{display:block;text-align:center;margin:84px 300px 0 300px;line-height:46px;font-size:24px;font-family:Noto Sans TC,sans-serif;font-weight:300;color:#66625f}@media screen and (max-width:900px){.view-about .insist span{margin:0 32px 0 32px;font-size:14px;line-height:28px}}.view-about .gurantee{background-color:#d2cbc0;padding:120px 300px}@media screen and (max-width:900px){.view-about .gurantee{padding:100px 32px}}.view-about .gurantee h1{font-family:Times;font-weight:400;font-size:100px;letter-spacing:.1em;margin-bottom:112px;text-align:center;color:#38332f}@media screen and (max-width:1600px){.view-about .gurantee h1{font-size:80px;margin-bottom:100px}}@media screen and (max-width:900px){.view-about .gurantee h1{font-size:32px;margin-bottom:40px}}.view-about .gurantee ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;margin:40px auto 80px auto}@media screen and (max-width:900px){.view-about .gurantee ul{flex-direction:column;margin-bottom:32px}}.view-about .gurantee ul .arrow{font-size:40px;color:38332F}.view-about .gurantee ul li img{width:280px}@media screen and (max-width:1600px){.view-about .gurantee ul li img{display:block;width:160px;margin:0 auto}}@media screen and (max-width:900px){.view-about .gurantee ul li img{width:120px;margin:0 auto}}.view-about .gurantee ul li p{margin-top:32px;font-weight:400;font-size:22px;text-align:center;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif;color:#38332f}@media screen and (max-width:1600px){.view-about .gurantee ul li p{font-size:18px}}@media screen and (max-width:900px){.view-about .gurantee ul li p{margin-top:24px}}.view-about .gurantee span{font-family:Noto Sans TC,sans-serif;line-height:46px;font-weight:350;font-size:24px;color:#38332f}@media screen and (max-width:900px){.view-about .gurantee span{font-size:14px;line-height:28px}}.view-comments{padding-top:140px;background-color:#faf8f5}@media screen and (max-width:900px){.view-comments{padding-top:80px}}.view-comments *{font-family:Noto Sans TC,sans-serif;font-weight:300}.view-comments>header{padding:80px 300px}@media screen and (max-width:1600px){.view-comments>header{padding:80px 200px 40px 200px}}@media screen and (max-width:900px){.view-comments>header{padding:32px 5vw}}.view-comments>header div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;border-bottom:1px solid #b4b4b4;padding-bottom:20px}@media screen and (max-width:900px){.view-comments>header div h1{font-size:24px}}.view-comments>header div span{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.view-comments>header div span:hover{transform:translateX(-12px)}@media screen and (max-width:900px){.view-comments>header div span:hover{transform:translateX(0)}}.view-comments>header div span .comp-icon{font-size:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.view-comments main{padding:0 300px 200px 300px}@media screen and (max-width:1600px){.view-comments main{padding:0 200px 140px 200px}}@media screen and (max-width:900px){.view-comments main{padding:0 5vw 40px 5vw}}.view-comments main .product-list{display:grid;grid-template-columns:repeat(4,1fr);-moz-column-gap:32px;column-gap:32px;row-gap:80px}@media screen and (max-width:900px){.view-comments main .product-list{grid-template-columns:1fr 1fr;row-gap:16px;-moz-column-gap:12px;column-gap:12px}}.view-comments main .product-list li a{-webkit-text-decoration-line:none;text-decoration-line:none;color:#333;text-align:center}.view-comments main .product-list li a:hover .img-wrapper{transform:translateY(-10px)}@media screen and (max-width:900px){.view-comments main .product-list li a:hover .img-wrapper{transform:translateY(0)}}.view-comments main .product-list li a .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;transition:.2s;position:relative;height:calc(25vw - 174px);overflow:hidden}@media screen and (max-width:900px){.view-comments main .product-list li a .img-wrapper{height:auto}}.view-comments main .product-list li a .img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.view-comments main .product-list li a .img-wrapper span{position:absolute;top:12px;right:12px;padding:2px 8px;background-color:#5d5d5d;border-radius:8px;color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.4)}.view-comments main .product-list li a .content h2{padding:0 8px}@media screen and (max-width:900px){.view-comments main .product-list li a .content h2{font-size:18px}}.view-comments main .product-list li a .content .subtitle{font-weight:400;margin-bottom:8px}@media screen and (max-width:900px){.view-comments main .product-list li a .content .subtitle{font-size:12px}}.view-comments main .product-list li a .content .score .stars{display:inline-block;position:relative;margin-right:8px}.view-comments main .product-list li a .content .score .stars .base{color:#b0b0b0;font-size:20px}.view-comments main .product-list li a .content .score .stars .fill{position:absolute;left:0;color:#f6cd54;font-size:20px;overflow:hidden;white-space:nowrap}.view-comments main .product-list li a .content .score p{display:inline}.view-comments main .product-list li a .content button{width:80%;padding:8px 0;margin-top:16px;background-color:#938e8a;color:#fff;border-radius:4px;cursor:pointer}.view-comments main .product-list li a .content button:hover{opacity:.8}@media screen and (max-width:900px){.view-comments main .product-list li a .content button:hover{opacity:1}}@media screen and (max-width:900px){.view-comments.product .comment-list{grid-template-columns:1fr;row-gap:16px}}.view-comments.product .comment-list li{position:relative}.view-comments.product .comment-list li a{display:block;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:2px 4px 4px rgba(0,0,0,.15);transition:.3s}@media screen and (max-width:900px){.view-comments.product .comment-list li a{display:flex;height:120px;gap:16px}}.view-comments.product .comment-list li a:hover{transform:translateY(-10px)}.view-comments.product .comment-list li a:hover .img-wrapper{transform:translateY(0)}@media screen and (max-width:900px){.view-comments.product .comment-list li a:hover{transform:translateY(0)}}.view-comments.product .comment-list li a .img-wrapper{position:relative}.view-comments.product .comment-list li a .img-wrapper:after{content:"查看心得";width:100%;height:100%;background-color:rgba(0,0,0,.3);position:absolute;z-index:1;top:0;left:0;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:24px;opacity:0;transition:.3s}.view-comments.product .comment-list li a .img-wrapper:hover:after{opacity:1}@media screen and (max-width:900px){.view-comments.product .comment-list li a .img-wrapper:hover:after{opacity:0}}@media screen and (max-width:900px){.view-comments.product .comment-list li a .img-wrapper{height:120px;width:120px;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}}.view-comments.product .comment-list li a .img-wrapper img{border-radius:8px 8px 0 0;display:block}@media screen and (max-width:900px){.view-comments.product .comment-list li a .img-wrapper img{border-radius:8px 0 0 8px}}.view-comments.product .comment-list li a .content{text-align:center;padding:16px 0}@media screen and (max-width:900px){.view-comments.product .comment-list li a .content{width:calc(100% - 136px);text-align:left}}.view-comments.product .comment-list li a .content h2{font-size:20px;font-weight:400;margin-bottom:8px}@media screen and (max-width:900px){.view-comments.product .comment-list li a .content h2{width:90%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;margin-bottom:0}}.view-comments.product .comment-list li a .content p{width:90%;text-align:center;margin:0 auto;font-size:14px;display:-webkit-box;min-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}@media screen and (max-width:900px){.view-comments.product .comment-list li a .content p{margin:0;text-align:justify}}@media screen and (max-width:900px){.view-comments.product .comment-list li a .content button{position:absolute;right:20px;bottom:8px;font-size:12px;width:auto;padding:4px 8px;background-color:#a4a4a4}}.view-comments.post>header{background-color:#faf8f5;padding-bottom:40px}@media screen and (max-width:900px){.view-comments.post>header{padding:32px 5vw 0 5vw}.view-comments.post>header>div{align-items:flex-start;flex-direction:column;border:none}.view-comments.post>header>div .score{margin-top:-16px}}.view-comments.post>header .score{border:none;padding:0;gap:4px}.view-comments.post>header .score .comp-icon{font-size:24px;color:#b4b4b4}.view-comments.post>header .score .comp-icon.light{color:#f6cd54}.view-comments.post main{display:flex;gap:32px;background-color:#f0ebe5;padding-top:40px}@media screen and (max-width:900px){.view-comments.post main{flex-direction:column;padding-top:0;background-color:#faf8f5}}.view-comments.post main .img-wrapper{width:25%}@media screen and (max-width:900px){.view-comments.post main .img-wrapper{width:100%}}.view-comments.post main .img-wrapper img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.view-comments.post main article{width:75%}@media screen and (max-width:900px){.view-comments.post main article{width:100%}}.view-comments.post main article header{border-bottom:1px solid #b4b4b4;padding-bottom:12px;margin-bottom:12px}.view-comments.post main article .images{display:flex;flex-wrap:wrap;margin-top:24px;gap:8px}.view-comments.post main article .images .image-wrapper{position:relative;cursor:pointer;width:120px;height:120px}.view-comments.post main article .images .image-wrapper:after{content:"放大圖片";display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.3);top:0;right:0;color:#fff;border-radius:8px;opacity:0}.view-comments.post main article .images .image-wrapper:hover:after{opacity:1}.view-comments.post main article .images img{display:block;border-radius:8px;width:100%;height:100%}.view-comments.post .comment-image-popup{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:99}.view-comments.post .comment-image-popup .mask{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.view-comments.post .comment-image-popup .mask span{position:absolute;right:20px;top:20px;color:#fff;cursor:pointer}.view-comments.post .comment-image-popup .mask span:hover{opacity:.6}.view-comments.post .comment-image-popup .mask span .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:60px}.view-comments.post .comment-image-popup .mask .content{max-width:80%;max-height:80%}.view-comments.post .comment-image-popup .mask .content img{max-width:80vw;max-height:80vh;-o-object-fit:cover;object-fit:cover;border-radius:8px}.view-event-loading{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#f0ebe5}.view-event-loading .loading-wrapper{position:relative}.view-event-loading .loading-wrapper .spinner{width:400px}.view-event-loading .loading-wrapper .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.view-event-container{padding:120px 0;background-color:#faf8f5}@media screen and (max-width:900px){.view-event-container{padding:80px 0}}.view-event-container *{font-family:Noto Sans TC,sans-serif;font-weight:300}.view-event-container>header{background-color:#f0ebe5;padding:80px 10vw}@media screen and (max-width:900px){.view-event-container>header{padding:60px 10vw}}.view-event-container>header h1{font-weight:400;font-size:36px}.view-event-container>header hr{margin:12px 0}.view-event-container>header ul{display:flex;gap:20px}.view-event-container>header ul li{color:#606060;font-size:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.view-event-container>header ul li:after{content:"";position:absolute;display:block;width:0;height:4px;background-color:#a7a7a7;transition:.3s}.view-event-container>header ul li:hover:after{width:120px}.view-event-container>header ul li.active{position:relative}.view-event-container>header ul li.active:after{content:"";position:absolute;display:block;width:120px;height:4px;background-color:#a7a7a7}.view-event-container main{padding:80px 10vw 0 10vw;background-color:#faf8f5}@media screen and (max-width:900px){.view-event-container main{padding:64px 10vw}}.view-event-container main section ul{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:40px;column-gap:40px;row-gap:60px}@media screen and (max-width:900px){.view-event-container main section ul{grid-template-columns:1fr;row-gap:40px}}.view-event-container main section ul li{border-radius:12px;overflow:hidden;box-shadow:2px 4px 8px rgba(0,0,0,.2);cursor:pointer;transition:.3s}.view-event-container main section ul li a{-webkit-text-decoration-line:none;text-decoration-line:none;color:#464646}.view-event-container main section ul li:hover{transform:translateY(-12px)}.view-event-container main section ul li .img-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(22.5vw - 11.25px);overflow:hidden}@media screen and (max-width:1600px){.view-event-container main section ul li .img-wrapper{height:calc(22.5vw - 11.25px)}}@media screen and (max-width:900px){.view-event-container main section ul li .img-wrapper{height:180px}}.view-event-container main section ul li .img-wrapper img{display:block;height:100%;-o-object-fit:cover;object-fit:cover}.view-event-container main section ul li .content{padding:20px 40px}@media screen and (max-width:900px){.view-event-container main section ul li .content{padding:20px 24px}}.view-event-container main section ul li .content h2{font-weight:400}.view-event-container main section ul li .content>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.view-event-container main section ul li .content hr{margin:8px 0}.view-event-container main section ul li .content span{display:flex;justify-content:space-between;align-items:center}.view-event-container main section ul li .content span .badge{padding:4px 8px;background-color:#ce5047;border-radius:4px;color:#fff}@media screen and (max-width:900px){.view-event-container main section ul li .content span .badge{font-size:14px}}.view-event-container main section ul li.past .img-wrapper:after,.view-event-container main section ul li.unactive .img-wrapper:after{position:absolute;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;top:0}.view-event-container main section ul li.past .img-wrapper:after{content:"已結束"}.view-event-container main section ul li.unactive .img-wrapper:after{content:"即將開始";background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.view-event-container main section ul li.unactive .content span .badge{background-color:#569986}@-webkit-keyframes event-hover{0%{max-width:0}to{max-width:120px}}@keyframes event-hover{0%{max-width:0}to{max-width:120px}}.view-event-detail-container{padding:120px 0;background-color:#faf8f5}@media screen and (max-width:900px){.view-event-detail-container{padding:60px 0}}.view-event-detail-container *{font-family:Noto Sans TC,sans-serif;font-weight:300}.view-event-detail-container>header{background-color:#f0ebe5;padding:80px 300px 40px 300px}@media screen and (max-width:1600px){.view-event-detail-container>header{padding:80px 200px 40px 200px}}@media screen and (max-width:900px){.view-event-detail-container>header{padding:64px 10vw}}.view-event-detail-container>header ul{display:flex;gap:8px;color:#636363;margin-bottom:8px}@media screen and (max-width:900px){.view-event-detail-container>header ul{display:none}}.view-event-detail-container>header ul li a{color:#464646}.view-event-detail-container>header ul li a:hover{color:#000}.view-event-detail-container>header div{border-bottom:1px solid #000}.view-event-detail-container>header div h1{font-weight:400;font-size:36px}@media screen and (max-width:900px){.view-event-detail-container>header div h1{font-size:32px;margin-bottom:4px}}.view-event-detail-container>header div span{display:block;margin-bottom:24px}@media screen and (max-width:900px){.view-event-detail-container>header div span{font-size:14px}}.view-event-detail-container main{padding:40px 300px}@media screen and (max-width:1600px){.view-event-detail-container main{padding:40px 200px}}@media screen and (max-width:900px){.view-event-detail-container main{padding:40px 5vw}}.view-event-detail-container main section.event-type-content{border-radius:20px;overflow:hidden;box-shadow:2px 4px 8px rgba(0,0,0,.25)}.view-event-detail-container main section.event-type-content .banner{width:100%}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-content .banner{height:50.625vw}}.view-event-detail-container main section.event-type-content .banner img{width:100%;display:block}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-content .banner img{height:100%;-o-object-fit:cover;object-fit:cover}}.view-event-detail-container main section.event-type-content .content{padding:80px;background-color:#fff}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-content .content{padding:40px 10vw}}.view-event-detail-container main section.event-type-product .product-wrapper{display:grid;grid-template-columns:repeat(4,1fr);-moz-column-gap:40px;column-gap:40px;row-gap:40px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper{grid-template-columns:1fr 1fr;-moz-column-gap:24px;column-gap:24px;row-gap:32px}}.view-event-detail-container main section.event-type-product .product-wrapper .banner{display:block;grid-column-start:1;grid-column-end:5;width:100%}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .banner{overflow:hidden;grid-column-end:3;height:50.625vw}}.view-event-detail-container main section.event-type-product .product-wrapper .banner img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .banner img{height:100%}}.view-event-detail-container main section.event-type-product .product-wrapper .product{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;cursor:pointer;border-radius:12px;transition:.3s}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.3s;border-radius:12px;background-color:#dccfc1}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper{height:150px}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper .mask{position:absolute;border-radius:12px;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;opacity:0;transition:.3s;font-size:24px}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper .skin-tag{position:absolute;top:12px;right:12px;gap:8px;font-family:Noto Sans TC,sans-serif;font-weight:100;text-align:center;line-height:18px;border-radius:4px;background-color:#a88c6d;color:#fff;padding:4px 8px 5px 8px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper .skin-tag{top:0}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper img{width:100%;height:100%;border-radius:12px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-image-wrapper img{width:100%;height:auto}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-bottom:16px}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2,.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info p{text-align:center;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2{margin-top:4px;font-size:24px;font-weight:300}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2:first-child{margin-top:12px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2:first-child{margin-top:20px}}@media screen and (max-width:1600px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2{font-size:22px}}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info h2{font-size:20px}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info p{margin-top:12px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info p{margin-top:4px}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .tag{color:#fff;background-color:#ce5047;border-radius:2px;padding:3px 6px;margin-top:8px;font-weight:400;font-size:12px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .tag{margin-top:12px}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .product-subtitle{margin-top:4px;font-weight:400;font-size:14px}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .product-subtitle{font-size:12px}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .product-price{display:flex;margin-top:4px}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info span .orginal-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;margin-top:0}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info span .orginal-price~p{margin-left:8px;margin-top:0;color:#a53e3e}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info{display:flex;align-items:center;margin-top:2px}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info .score{position:relative;border:none;width:auto;margin-right:8px}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info .score div{width:auto;display:flex;gap:0;border:none}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info .score .comp-icon{color:#b0b0b0}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info .score .fill{position:absolute;overflow:hidden;left:0;top:0}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info .score .fill .comp-icon{color:#f6cd54}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info .score-info p{margin-top:0}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info a{display:block;width:100%;-webkit-text-decoration-line:none;text-decoration-line:none}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info button{display:block;width:80%;padding:12px 0;background-color:#938e8a;color:#f0ebe5;margin:16px auto 0 auto;cursor:pointer;transition:.3s;font-family:Noto Sans TC,sans-serif;border-radius:4px;margin:16px auto}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info button{padding:8px 0}}.view-event-detail-container main section.event-type-product .product-wrapper .product .product-info button:hover{background-color:#a53e3e;color:#fff}.view-event-detail-container main section.event-type-product .product-wrapper .product:hover{background-color:#fff;box-shadow:2px 4px 4px rgba(0,0,0,.1)}.view-event-detail-container main section.event-type-product .product-wrapper .product:hover .product-image-wrapper{border-radius:12px 12px 0 0}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product:hover .product-image-wrapper{transform:translateY(0)}}.view-event-detail-container main section.event-type-product .product-wrapper .product:hover .mask{opacity:1;border-radius:12px 12px 0 0}@media screen and (max-width:900px){.view-event-detail-container main section.event-type-product .product-wrapper .product:hover .mask{opacity:0}}.view-event-detail-container main section.event-type-product .product-wrapper .product:hover button{opacity:1}.view-group.view-product{padding-bottom:0;background-color:#f0ebe5}.view-group.view-product main section.action{background-color:transparent}.view-group header.hero{width:100vw;height:100vh;background-size:cover;background-position:50%}.view-group header.hero .mask{background-color:rgba(0,0,0,.6);width:100%;height:calc(100% - 48px);display:flex;align-items:center}@media screen and (max-width:900px){.view-group header.hero .mask{justify-content:center;height:calc(100% - 96px)}}.view-group header.hero .mask .content{color:#fff;margin-left:140px}.view-group header.hero .mask .content *{font-weight:300}.view-group header.hero .mask .content h2{font-size:32px}.view-group header.hero .mask .content h1{font-size:90px}.view-group header.hero .mask .content p{font-size:24px}@media screen and (max-width:900px){.view-group header.hero .mask .content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:0}.view-group header.hero .mask .content h2{font-size:20px}.view-group header.hero .mask .content h1{font-size:32px;text-align:center}.view-group header.hero .mask .content p{margin-top:8px;font-size:16px}}.view-group header.hero .desc{height:48px;background-color:#000;width:100%}@media screen and (max-width:900px){.view-group header.hero .desc{display:flex;flex-direction:row;justify-content:center;align-items:center;height:96px}}.view-group header.hero .desc p{color:#fff;font-family:Noto Sans TC,sans-serif;line-height:48px;text-indent:140px}@media screen and (max-width:900px){.view-group header.hero .desc p{font-size:12px;text-indent:0;padding:0 24px;line-height:16px;text-align:center}}.view-group>main{background-color:#f0ebe5;padding-bottom:80px}.view-group>main>header{padding:80px 0}.view-group>main>header h3{text-align:center;font-size:60px;font-weight:300}.view-group>main .products{padding:80px 140px;background-color:#7a7572}@media screen and (max-width:1600px){.view-group>main .products{padding:80px 80px}}@media screen and (max-width:900px){.view-group>main .products{padding:80px 48px}}.view-group>main .products .product .swiper-container{width:calc(100vw - 280px);padding:8px}@media screen and (max-width:1600px){.view-group>main .products .product .swiper-container{width:calc(100vw - 160px)}}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container{width:100%}}.view-group>main .products .product .swiper-container .swiper-slide{display:flex;background-color:#fff;border-radius:16px;box-shadow:4px 4px 4px rgba(0,0,0,.3)}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide{flex-direction:column}}.view-group>main .products .product .swiper-container .swiper-slide .image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:50%;border-top-left-radius:16px;border-bottom-left-radius:16px;overflow:hidden}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide .image-wrapper{width:100%;border-bottom-left-radius:0;border-top-right-radius:16px}}.view-group>main .products .product .swiper-container .swiper-slide .image-wrapper img{height:500px}@media screen and (max-width:1600px){.view-group>main .products .product .swiper-container .swiper-slide .image-wrapper img{height:400px}}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide .image-wrapper img{width:100%;height:auto}}.view-group>main .products .product .swiper-container .swiper-slide .content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(50% - 80px);padding:0 40px}.view-group>main .products .product .swiper-container .swiper-slide .content h2{font-size:32px}.view-group>main .products .product .swiper-container .swiper-slide .content h3{font-size:18px;margin-bottom:20px}.view-group>main .products .product .swiper-container .swiper-slide .content .price{display:flex;align-items:flex-end;gap:4px;font-size:24px;margin-top:8px}.view-group>main .products .product .swiper-container .swiper-slide .content .price .member-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#9e9e9e}.view-group>main .products .product .swiper-container .swiper-slide .content .price p{font-size:12px;margin-bottom:4px}@media screen and (max-width:1600px){.view-group>main .products .product .swiper-container .swiper-slide .content{width:calc(50% - 60px);padding:0 30px}.view-group>main .products .product .swiper-container .swiper-slide .content h2{font-size:24px}.view-group>main .products .product .swiper-container .swiper-slide .content h3{font-size:16px}.view-group>main .products .product .swiper-container .swiper-slide .content p{font-size:14px}}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide .content{width:calc(100% - 48px);padding:32px 24px}.view-group>main .products .product .swiper-container .swiper-slide .content h2{font-size:20px}.view-group>main .products .product .swiper-container .swiper-slide .content h3{font-size:14px}.view-group>main .products .product .swiper-container .swiper-slide .content p{font-size:12px}.view-group>main .products .product .swiper-container .swiper-slide .content a{width:100%}}.view-group>main .products .product .swiper-container .swiper-slide .content button{margin-top:40px;padding:12px 40px;background-color:transparent;color:#000;border:1px solid #535353;font-size:20px;border-radius:2px;cursor:pointer}@media screen and (max-width:1600px){.view-group>main .products .product .swiper-container .swiper-slide .content button{font-size:16px}}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide .content button{width:100%;padding:8px 0}}.view-group>main .products .product .swiper-container .swiper-slide .content button:hover{background-color:#535353;color:#fff}@media screen and (max-width:900px){.view-group>main .products .product .swiper-container .swiper-slide .content button:hover{background-color:transparent;color:#000}}.view-group>main .products .product .controller{display:flex;justify-content:space-between}.view-group>main .products .product .controller button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;background-color:transparent;height:60px;margin-top:-16px}.view-group>main .products .product .controller button .comp-icon{display:flex;font-size:60px;color:#fff}@media screen and (max-width:1600px){.view-group>main .products .content-wrapper{width:700px}}@media screen and (max-width:900px){.view-group>main .products .content-wrapper{width:100%}}.view-group>main .products .content-wrapper *{font-family:Noto Sans TC,sans-serif;font-weight:300;color:#fff}.view-group>main .products .content-wrapper h4{font-size:48px;font-weight:400;margin-bottom:16px}@media screen and (max-width:900px){.view-group>main .products .content-wrapper h4{font-size:32px}}.view-group>main .products .content-wrapper p{font-size:24px}@media screen and (max-width:1600px){.view-group>main .products .content-wrapper p{font-size:16px}}.view-group>main .products .content-wrapper span{display:block;margin-bottom:24px}.view-group>main .products .content-wrapper span b{font-size:28px;font-weight:400}.view-group>main .products .content-wrapper button{margin-top:20px;border:1px solid #fff;background-color:transparent;padding:12px 40px;font-size:20px;cursor:pointer}.view-group>main .products .content-wrapper button:hover{opacity:.6}.view-group>main .action{padding:40px 10vw}.view-group>main .action .cart-wrapper h2{margin-bottom:16px}.view-group>main .action .cart-wrapper ul li{display:grid;grid-template-columns:120px 1fr 200px 200px;background-color:#fff;border-radius:8px;padding:16px 24px;gap:24px}@media screen and (max-width:900px){.view-group>main .action .cart-wrapper ul li{grid-template-columns:80px 1fr}}.view-group>main .action .cart-wrapper ul li~li{margin-top:16px}.view-group>main .action .cart-wrapper ul li div{margin:auto 0}.view-group>main .action .cart-wrapper ul li img{border-radius:4px;width:120px}@media screen and (max-width:900px){.view-group>main .action .cart-wrapper ul li img{width:80px}}.view-group>main .action .cart-wrapper ul li .info{margin-left:40px;width:30%;font-size:20px}.view-group>main .action .cart-wrapper ul li .info p{font-size:14px}@media screen and (max-width:900px){.view-group>main .action .cart-wrapper ul li .info{font-size:14px;margin-left:0;width:100%}.view-group>main .action .cart-wrapper ul li .info h4{font-size:12px}.view-group>main .action .cart-wrapper ul li .info p{font-size:16px}}.view-group>main .action .cart-wrapper ul li .quantity{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:120px;height:32px;border-radius:4px;border:1px solid #000}.view-group>main .action .cart-wrapper ul li .quantity button{background-color:transparent;width:48px;font-size:20px}.view-group>main .action .cart-wrapper ul li .price{text-align:center}.view-group>main .action .cart-wrapper ul li .price span{font-size:16px}.view-group>main .action .cart-wrapper ul li .price p{font-size:24px}@media screen and (max-width:900px){.view-group>main .action .cart-wrapper ul li .price{text-align:right}.view-group>main .action .cart-wrapper ul li .price span{font-size:14px}.view-group>main .action .cart-wrapper ul li .price p{font-size:18px}}.view-group>main .action .shipping{margin-top:40px}.view-group>main .action .shipping h2{margin-bottom:16px}.view-group>main .action .shipping .form{background-color:#fff;border-radius:8px;padding:16px 24px}.view-group>main .action .shipping .form header{display:flex;margin-bottom:8px}@media screen and (max-width:900px){.view-group>main .action .shipping .form header{display:grid;grid-template-columns:32px 1fr}}.view-group>main .action .shipping .form header .circle{position:relative;width:24px;height:24px;border-radius:12px;border:1px solid #000;margin-right:8px}.view-group>main .action .shipping .form header .circle:after{content:"";width:18px;height:18px;border-radius:12px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-group>main .action .shipping .form header h3{display:block;margin-right:16px}.view-group>main .action .shipping .form header .button-group{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.view-group>main .action .shipping .form header .button-group button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer}.view-group>main .action .shipping .form header .button-group button img{height:16px}.view-group>main .action .shipping .form header .button-group button:hover{opacity:.6}@media screen and (max-width:900px){.view-group>main .action .shipping .form header .button-group{grid-column-start:1;grid-column-end:3;margin-top:16px;margin-bottom:20px}}.view-group>main .action .shipping .form main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}@media screen and (max-width:900px){.view-group>main .action .shipping .form main{grid-template-columns:1fr}}.view-group>main .action .shipping .form main input{padding:8px 16px;background-color:#efe7da;border:none}.view-group>main .action .shipping .form main input:nth-child(5){grid-column-start:2;grid-column-end:4}@media screen and (max-width:900px){.view-group>main .action .shipping .form main input:nth-child(5){grid-column-start:1;grid-column-end:2}}.view-group>main .action .shipping .form footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width:900px){.view-group>main .action .shipping .form footer{flex-direction:column}.view-group>main .action .shipping .form footer h3{font-size:16px;margin-top:8px}}.view-group>main .action .shipping .form footer button{width:100px;padding:8px 0;border-radius:4px;cursor:pointer;background-color:#564e46;color:#fff}.view-group>main .action .shipping .form footer button:hover{opacity:.6}@media screen and (max-width:900px){.view-group>main .action .shipping .form footer button{width:100%;margin-top:16px}.view-group>main .action .shipping .form footer button:hover{opacity:1}}.view-group .view-result{padding:40px 0}.view-group .view-result section{background-color:#535353}.view-group .view-result section button{border-radius:4px}.view-home{padding-top:100px;background-color:#f4f2ee}@media screen and (max-width:900px){.view-home{width:100vw;padding-top:88px;overflow:hidden}}.view-home .carousel{position:relative}.view-home .carousel .swiper-pagination{position:absolute;display:flex;justify-content:center;width:100%;bottom:60px;z-index:5;gap:8px}@media screen and (max-width:900px){.view-home .carousel .swiper-pagination{display:none}}.view-home .carousel .swiper-pagination .swiper-pagination-bullet{display:block;width:12px;height:12px;border-radius:6px;background-color:#fff;opacity:.5;margin:0 4px;transition:.3s;cursor:pointer}.view-home .carousel .swiper-pagination .swiper-pagination-bullet:hover{opacity:1;transform:scale(1.2)}.view-home .carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;transform:scale(1.5)}.view-home .carousel .swiper-wrapper a{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:calc(100vh - 100px);overflow:hidden}@media screen and (max-width:1600px){.view-home .carousel .swiper-wrapper a img{height:100%}}@media screen and (max-width:900px){.view-home .carousel .swiper-wrapper a{height:calc(100vh - 88px)}.view-home .carousel .swiper-wrapper a img{width:100%;height:auto;margin-bottom:20px}}.view-home .carousel .control{position:absolute;top:50%;left:32px;transform:translateY(-50%);z-index:2;width:80px;height:80px;background-color:hsla(0,0%,100%,.5);border-radius:40px;box-shadow:0 3px 3px rgba(0,0,0,.2);transition:.3s;cursor:pointer}.view-home .carousel .control:hover{background-color:#fff}.view-home .carousel .control:hover .bi{color:#000}.view-home .carousel .control .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;color:#fff;transform:translateX(-2px);transition:.3s;color:#000}.view-home .carousel .control.right{left:auto;right:32px}.view-home .carousel .control.right .bi{transform:translateX(2px)}@media screen and (max-width:900px){.view-home .carousel .control{width:40px;height:40px;left:0}.view-home .carousel .control .bi{font-size:20px}.view-home .carousel .control.right{right:0}}.view-home .transition{padding:24px 0}.view-home .transition ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}.view-home .transition ul li{display:flex;align-items:center;color:#535353}.view-home .transition ul li img{height:80px;margin-right:16px}.view-home .transition ul li p{font-family:Noto Sans TC,sans-serif;font-size:24px}.view-home .from-spa{position:relative;height:1900px}@media screen and (max-width:1600px){.view-home .from-spa{height:auto}}.view-home .from-spa img{width:100vw}@media screen and (max-width:900px){.view-home .from-spa img{height:1500px}}.view-home .from-spa .content{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:2;text-align:center;color:#fff}@media screen and (max-width:900px){.view-home .from-spa .content{justify-content:flex-start}}.view-home .from-spa .content h1{font-size:52px;font-weight:500}@media screen and (max-width:900px){.view-home .from-spa .content h1{font-size:20px}}.view-home .from-spa .content header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 100px);margin-top:40px}@media screen and (max-width:1600px){.view-home .from-spa .content header{margin-top:140px}}@media screen and (max-width:900px){.view-home .from-spa .content header{margin-top:-120px}}.view-home .from-spa .content header :not(h1){font-family:Noto Sans TC,sans-serif;font-weight:200}.view-home .from-spa .content header h2{font-size:28px;letter-spacing:8px;margin-top:8px}@media screen and (max-width:900px){.view-home .from-spa .content header h2{font-size:14px;letter-spacing:.28em;margin-top:8px}}.view-home .from-spa .content header span{width:700px;font-size:24px;margin-top:80px;line-height:240%;font-weight:400}@media screen and (max-width:900px){.view-home .from-spa .content header span{width:80%;font-size:14px}}@media screen and (max-width:900px){.view-home .from-spa .content main{margin-top:-100px}.view-home .from-spa .content main img{height:auto}}.view-home .from-spa .content main p{font-family:Noto Sans TC,sans-serif;font-size:32px;font-weight:200;margin-top:20px}@media screen and (max-width:900px){.view-home .from-spa .content main p{font-size:14px;letter-spacing:.2em;margin-bottom:44px;text-shadow:0 0 5px rgba(0,0,0,.6);font-weight:400}}.view-home .star-products{margin-top:80px;text-align:center;padding:0 200px}@media screen and (max-width:900px){.view-home .star-products{padding:0;margin-top:0}}.view-home .star-products header{margin-bottom:70px;z-index:2;position:relative}@media screen and (max-width:900px){.view-home .star-products header{margin-bottom:30px}}.view-home .star-products header h1{display:block;font-size:64px;font-weight:400;color:#38332f}@media screen and (max-width:1600px){.view-home .star-products header h1{font-size:52px}}@media screen and (max-width:900px){.view-home .star-products header h1{font-size:30px;letter-spacing:.5em;margin-left:.5em}}.view-home .star-products header a{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-text-decoration-line:none;text-decoration-line:none;color:#68625b;font-size:32px;margin:20px auto 0 auto}.view-home .star-products header a p{position:relative;display:inline-block;letter-spacing:10px;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-home .star-products header a p:after{content:"";position:absolute;display:block;width:95%;height:2px;border-bottom:2px solid #000;transition:.3s}@media screen and (max-width:1600px){.view-home .star-products header a{font-size:24px}}@media screen and (max-width:900px){.view-home .star-products header a{font-size:18px}.view-home .star-products header a p{letter-spacing:.6em}}.view-home .star-products main{position:relative}.view-home .star-products main .control{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:50%;transform:translateY(-50%);width:260px;height:80%;background-image:linear-gradient(90deg,#f4f2ee,rgba(255,0,0,0));left:0;z-index:3}@media screen and (max-width:900px){.view-home .star-products main .control{background-image:none;width:40px;left:20px}}.view-home .star-products main .control button{width:80px;height:80px;background-color:#fff;border-radius:40px;transition:.3s;cursor:pointer}.view-home .star-products main .control button:hover{box-shadow:2px 2px 8px rgba(0,0,0,.2)}@media screen and (max-width:900px){.view-home .star-products main .control button{width:40px;height:40px}}.view-home .star-products main .control .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;color:#a6907d;transform:translateX(-2px);transition:.3s}@media screen and (max-width:900px){.view-home .star-products main .control .bi{font-size:16px}}.view-home .star-products main .control.right{left:auto;right:0;background-image:linear-gradient(270deg,#f4f2ee,rgba(255,0,0,0));justify-content:flex-end}.view-home .star-products main .control.right .bi{transform:translateX(2px)}@media screen and (max-width:900px){.view-home .star-products main .control.right{background-image:none;right:20px}.view-home .star-products main .control.right .bi{transform:translateX(1px)}}.view-home .star-products main .swiper-wrapper .swiper-slide{transition:.3s}.view-home .star-products main .swiper-wrapper .swiper-slide a{display:block;width:400px;border-radius:48px;overflow:hidden;background-color:#fff;margin:0 auto;-webkit-text-decoration-line:none;text-decoration-line:none;color:#38332f;cursor:pointer}@media screen and (max-width:1600px){.view-home .star-products main .swiper-wrapper .swiper-slide a{width:calc(33.33333vw - 154.66667px)}}@media screen and (max-width:900px){.view-home .star-products main .swiper-wrapper .swiper-slide a{width:calc(100vw - 80px);border-radius:24px}}.view-home .star-products main .swiper-wrapper .swiper-slide a *{font-family:Noto Sans TC,sans-serif}@media screen and (max-width:1600px){.view-home .star-products main .swiper-wrapper .swiper-slide a img{width:100%}}.view-home .star-products main .swiper-wrapper .swiper-slide a h4{font-weight:500;font-size:16px;margin-top:12px;color:#7b7b7b}.view-home .star-products main .swiper-wrapper .swiper-slide a h3{margin-top:8px}.view-home .star-products main .swiper-wrapper .swiper-slide a h2,.view-home .star-products main .swiper-wrapper .swiper-slide a h3,.view-home .star-products main .swiper-wrapper .swiper-slide a p{font-weight:400;font-size:24px}.view-home .star-products main .swiper-wrapper .swiper-slide a p{font-size:20px;margin-top:8px;margin-bottom:12px;color:#a53e3e}.view-home .star-products main .swiper-wrapper .swiper-slide a .img-wrapper{position:relative}.view-home .star-products main .swiper-wrapper .swiper-slide a .img-wrapper:after{content:"查看詳情";display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,.5);color:#fff;font-size:32px;font-weight:300;opacity:0;transition:.3s}@media screen and (max-width:900px){.view-home .star-products main .swiper-wrapper .swiper-slide a .img-wrapper:after{display:none}}.view-home .star-products main .swiper-wrapper .swiper-slide a .img-wrapper img{width:400px;height:auto;-o-object-fit:cover;object-fit:cover;display:block}@media screen and (max-width:1600px){.view-home .star-products main .swiper-wrapper .swiper-slide a .img-wrapper img{width:100%}}.view-home .star-products main .swiper-wrapper .swiper-slide a:hover .img-wrapper:after{opacity:1}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper .score{position:relative;border:none;width:auto;margin-right:8px}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper .score div{width:auto;display:flex;gap:0;border:none}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper .score .comp-icon{color:#b0b0b0}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper .score .fill{position:absolute;overflow:hidden;left:0;top:0}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper .score .fill .comp-icon{color:#f6cd54}.view-home .star-products main .swiper-wrapper .swiper-slide a .score-wrapper p{color:#38332f;font-weight:300}.view-home .tech{margin-top:200px}@media screen and (max-width:900px){.view-home .tech{margin-top:120px}}.view-home .tech header{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-home .tech header h1{display:inline-block;font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:60px}.view-home .tech header h1.zh{font-weight:500;margin-left:20px;letter-spacing:.2em}@media screen and (max-width:900px){.view-home .tech header h1{font-size:20px;letter-spacing:.1em}}.view-home .tech main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:110px}@media screen and (max-width:900px){.view-home .tech main{margin-top:36px}}.view-home .tech main div{display:flex;justify-content:center;gap:20px;width:80%}.view-home .tech main div div{width:100%;flex-direction:column;align-items:center}.view-home .tech main div div .gif-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:Noto Sans TC,sans-serif;font-size:52px;padding:0 80px;background-color:#bfb6a6;border-radius:80px;color:#fff;font-weight:400}@media screen and (max-width:1600px){.view-home .tech main div div .gif-title{font-size:40px;line-height:80px}}@media screen and (max-width:900px){.view-home .tech main div div .gif-title{font-size:24px;line-height:48px}}.view-home .tech main div img{width:32vw}@media screen and (max-width:900px){.view-home .tech main div{flex-direction:column;gap:10px}.view-home .tech main div img{width:100%}}.view-home .tech main span{width:65%;font-family:Noto Sans TC,sans-serif;font-size:20px;line-height:240%;font-weight:300;margin-top:40px}@media screen and (max-width:900px){.view-home .tech main span{width:80%;font-size:14px;line-height:34px;margin-top:24px}}.view-home .tech main button{margin-top:72px;padding:27px 0 27px 12px;width:400px;font-weight:400;background-color:transparent;border:1px solid #38332f;font-family:Noto Sans TC,sans-serif;font-size:20px;color:#38332f;cursor:pointer;transition:.3s;letter-spacing:4px}.view-home .tech main button:hover{box-shadow:2px 2px 8px rgba(0,0,0,.2)}@media screen and (max-width:900px){.view-home .tech main button{width:80%;padding:16px 0;font-size:14px;margin-top:50px}}.view-home .skin{margin-top:150px}@media screen and (max-width:900px){.view-home .skin{margin-top:190px}}.view-home .skin h1{font-family:Noto Sans TC,sans-serif;font-size:40px;font-weight:400;text-align:center;letter-spacing:.5em;margin-bottom:-80px}@media screen and (max-width:900px){.view-home .skin h1{font-size:20px;margin-bottom:-260px}}.view-home .skin main{display:flex;justify-content:center;gap:80px;transform:translateY(216px)}@media screen and (max-width:900px){.view-home .skin main{padding:0 40px;display:grid;grid-template-columns:1fr 1fr}}.view-home .skin main a{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-text-decoration-line:none;text-decoration-line:none;color:#fff}.view-home .skin main p{text-align:center;margin-left:.45em;font-size:32px;font-family:Noto Sans TC,sans-serif;font-weight:400;letter-spacing:.45em;margin-top:16px;color:#fff}@media screen and (max-width:1600px){.view-home .skin main{gap:80px;transform:translateY(160px)}.view-home .skin main img{width:200px}}@media screen and (max-width:900px){.view-home .skin main{gap:12px;transform:translateY(300px)}.view-home .skin main img{width:128px}.view-home .skin main p{font-size:18px;letter-spacing:.45em}}.view-home .insist{padding:400px 120px 240px 120px;background-color:#ccbdab}@media screen and (max-width:1600px){.view-home .insist{padding:576px 120px 415px 120px}}@media screen and (max-width:900px){.view-home .insist{padding:376px 40px 116px 40px}}.view-home .insist .line{display:block;width:90%;margin:0 auto;height:2px;background-color:#fff;margin-bottom:200px}@media screen and (max-width:900px){.view-home .insist .line{margin-bottom:80px}}.view-home .insist main{color:#fff}@media screen and (max-width:900px){.view-home .insist main{padding:0 40px}}.view-home .insist main h1{text-align:center;font-size:60px;font-weight:400;font-family:Noto Sans TC,sans-serif;letter-spacing:.45em;margin-bottom:90px}@media screen and (max-width:900px){.view-home .insist main h1{font-size:20px;margin-bottom:46px}}.view-home .insist main ul{display:flex;justify-content:center;gap:130px}@media screen and (max-width:900px){.view-home .insist main ul{display:grid;grid-template-columns:1fr 1fr;gap:28px}}.view-home .insist main ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-home .insist main ul li p{font-size:30px;letter-spacing:.2em;font-weight:300;font-family:Noto Sans TC,sans-serif;text-align:center;margin-left:.2em;margin-top:32px}@media screen and (max-width:900px){.view-home .insist main ul li img{dsiplay:block;width:80px;margin:0 auto}.view-home .insist main ul li p{font-size:14px;letter-spacing:.2em;margin-top:16px}}.view-home .vip-right{padding:120px 0;background-color:#6f6156}.view-home .vip-right h1{font-family:Noto Sans TC,sans-serif;letter-spacing:.45em;text-align:center;margin-left:.45em;font-weight:400;font-size:60px;color:#fff}@media screen and (max-width:900px){.view-home .vip-right h1{font-size:20px}}.view-home .vip-right ul{display:flex;justify-content:center;gap:142px;margin-top:60px}@media screen and (max-width:1600px){.view-home .vip-right ul{gap:80px}}@media screen and (max-width:900px){.view-home .vip-right ul{flex-direction:column;gap:50px}}.view-home .vip-right ul li{display:flex;align-items:center;color:#fff}@media screen and (max-width:900px){.view-home .vip-right ul li{flex-direction:column}}.view-home .vip-right ul li img{height:142px}@media screen and (max-width:900px){.view-home .vip-right ul li img{width:80px;height:inherit}}.view-home .vip-right ul li p{font-size:40px;font-family:Noto Sans TC,sans-serif;font-weight:300;letter-spacing:.2em;margin-left:20px}@media screen and (max-width:1600px){.view-home .vip-right ul li p{font-size:30px}}@media screen and (max-width:900px){.view-home .vip-right ul li p{font-size:16px;margin-left:0}}.view-home .post{padding:140px 120px;background-color:#b4a490;color:#fff}@media screen and (max-width:900px){.view-home .post{padding:143px 40px}}.view-home .post h1{font-size:60px;font-weight:400;font-family:Noto Sans TC,sans-serif;letter-spacing:.25em;text-align:center;margin-left:.25em;margin-bottom:44px}@media screen and (max-width:900px){.view-home .post h1{font-size:20px}}.view-home .post p{font-size:28px;font-weight:300;font-family:Noto Sans TC,sans-serif;text-align:center;margin-left:.3em;margin-bottom:90px}@media screen and (max-width:900px){.view-home .post p{font-size:14px;line-height:28px;margin-bottom:36px}}@media screen and (max-width:900px){.view-home .post .swiper{position:relative}}.view-home .post .swiper .swiper-wrapper{padding:20px 0}.view-home .post .swiper .swiper-slide a{display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:50px;overflow:hidden;box-shadow:0 10px 13px rgba(0,0,0,.25)}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a{flex-direction:column;border-radius:16px}}.view-home .post .swiper .swiper-slide a .image-container{display:flex;justify-content:center;width:400px;height:480px;overflow:hidden}@media screen and (max-width:1600px){.view-home .post .swiper .swiper-slide a .image-container{width:300px}}.view-home .post .swiper .swiper-slide a .image-container img{height:100%}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a .image-container{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.view-home .post .swiper .swiper-slide a .image-container img{width:100%;height:auto}}.view-home .post .swiper .swiper-slide a .content{position:relative;background-color:#fff;border-top-right-radius:50px;border-bottom-right-radius:50px;height:350px;width:calc(100% - 400px);padding:65px}@media screen and (max-width:1600px){.view-home .post .swiper .swiper-slide a .content{width:calc(100% - 300px);height:390px;padding:45px}}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a .content{padding:36px 24px;padding-bottom:60px;width:calc(100% - 48px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-top-right-radius:0;border-bottom-right-radius:16px;border-bottom-left-radius:16px}}.view-home .post .swiper .swiper-slide a .content *{font-family:Noto Sans TC,sans-serif;color:#38332f;letter-spacing:.28em}.view-home .post .swiper .swiper-slide a .content h2{font-size:22px;font-weight:400;margin-bottom:20px;letter-spacing:0}@media screen and (max-width:1600px){.view-home .post .swiper .swiper-slide a .content h2{font-size:20px}}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a .content h2{font-size:14px}}.view-home .post .swiper .swiper-slide a .content span{font-size:16px;font-weight:300;letter-spacing:0}@media screen and (max-width:1600px){.view-home .post .swiper .swiper-slide a .content span{font-size:15px}}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a .content span{font-size:14px}}.view-home .post .swiper .swiper-slide a .content p{position:absolute;right:65px;bottom:32px;letter-spacing:.1em;font-size:20px;color:#bab8b6;margin:0}@media screen and (max-width:900px){.view-home .post .swiper .swiper-slide a .content p{right:24px;bottom:14px;font-size:14px}}.view-home .post .m-control{position:absolute;top:50%;left:-20px;transform:translateY(-50%);width:40px;height:40px;border-radius:40px;border:none;transition:.3s;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));z-index:3}.view-home .post .m-control .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;color:#a6907d;transform:translateX(-2px);transition:.3s}.view-home .post .m-control:hover{box-shadow:0 10px 13px rgba(0,0,0,.25)}.view-home .post .m-control.right{left:auto;right:-20px}.view-home .post .m-control.right .bi{transform:translateX(2px)}.view-home .post .control{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:42px;margin-top:92px}@media screen and (max-width:900px){.view-home .post .control{display:none}}.view-home .post .control p{margin:0;font-size:40px}.view-home .post .control button{width:80px;height:80px;border-radius:40px;border:none;transition:.3s;cursor:pointer}.view-home .post .control button .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;color:#a6907d;transform:translateX(-2px);transition:.3s}.view-home .post .control button:hover{box-shadow:0 10px 13px rgba(0,0,0,.25)}.view-home .post .control button.right .bi{transform:translateX(2px)}.view-login{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:200px;background-color:#f8f4ef;min-height:calc(100vh - 786px)}.view-login *{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:1600px){.view-login{padding:200px 10vw}}@media screen and (max-width:900px){.view-login{padding:120px 36px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}}.view-login section{width:50%}@media screen and (max-width:900px){.view-login section{width:100%}}.view-login section~section{border-left:3px solid #707070}@media screen and (max-width:900px){.view-login section~section{border-left:none;border-top:3px solid #707070;margin-top:40px}}.view-login .login .email{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.view-login .login .email h3{font-size:24px;font-weight:500;font-family:"Noto Serif TC",serif}@media screen and (max-width:900px){.view-login .login .email h3{width:100%;text-align:center}}.view-login .login .email input{padding:8px 0 8px 12px;border-radius:0;outline:none;width:70%;border:1px solid #707070;margin-top:8px}@media screen and (max-width:900px){.view-login .login .email input{width:calc(100% - 12px)}}.view-login .login .email a{font-size:12px;-webkit-text-decoration-line:underline;text-decoration-line:underline;margin-top:4px;color:#707070}.view-login .login .email button{width:160px;padding:8px 0;background-color:#282828;color:#fff;margin-top:12px;cursor:pointer}.view-login .login .email button:hover{background-color:#fff;color:#282828}@media screen and (max-width:900px){.view-login .login .email button{width:100%;font-size:16px}}.view-login .login .social-media{margin-top:40px}.view-login .login .social-media h3{font-size:24px;margin-bottom:8px;font-weight:500;font-family:"Noto Serif TC",serif}@media screen and (max-width:900px){.view-login .login .social-media h3{text-align:center}}.view-login .login .social-media .button-group{display:flex;gap:16px}@media screen and (max-width:900px){.view-login .login .social-media .button-group{gap:8px;flex-direction:column}}.view-login .login .social-media .button-group button{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;gap:12px;border:1px solid #707070;color:#333;padding:8px 20px;font-size:16px;background-color:transparent;border-radius:4px;font-family:Noto Sans TC,sans-serif;z-index:2;cursor:pointer}.view-login .login .social-media .button-group button:before{content:"";position:absolute;left:0;min-width:0;height:100%;background-color:#06c755;z-index:-1;transition:.3s}.view-login .login .social-media .button-group button .comp-icon{color:#06c755;z-index:2}.view-login .login .social-media .button-group button:hover{color:#fff;border-color:#06c755}.view-login .login .social-media .button-group button:hover:before{min-width:100%}.view-login .login .social-media .button-group button:hover .comp-icon{color:#fff}.view-login .login .social-media .button-group button.fb-login .comp-icon{color:#1877f2}.view-login .login .social-media .button-group button.fb-login:before{background-color:#1877f2}.view-login .login .social-media .button-group button.fb-login:hover{color:#fff;border-color:#1877f2}.view-login .login .social-media .button-group button.fb-login:hover .comp-icon{color:#fff}.view-login .sign-up{width:calc(50% - 40px);padding-left:40px}@media screen and (max-width:900px){.view-login .sign-up{width:100%;padding-left:0}}.view-login .sign-up h2{font-size:48px;font-weight:500;font-family:"Noto Serif TC",serif}@media screen and (max-width:900px){.view-login .sign-up h2{font-size:32px;text-align:center;margin-top:24px;margin-bottom:12px}}.view-login .sign-up ul{margin-top:20px}.view-login .sign-up ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:2px 0;font-size:16px}.view-login .sign-up ul li~li{margin-top:4px}.view-login .sign-up ul li .comp-icon{font-size:24px;margin-right:8px}.view-login .sign-up .button-group{display:flex;gap:12px}.view-login .sign-up .button-group button{width:160px;padding:8px 0;background-color:#282828;color:#fff;margin-top:12px;cursor:pointer}.view-login .sign-up .button-group button:hover{background-color:#fff;color:#282828}@media screen and (max-width:900px){.view-login .sign-up .button-group button{width:100%;margin-top:24px}}.view-login .sign-up .button-group button .comp-icon{color:#06c755}.view-login .sign-up a{display:block;color:#707070;font-size:12px;margin-top:4px}.view-reset-password-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 0;background-color:#f0ebe5}@media screen and (max-width:900px){.view-reset-password-container{padding:120px 0}}.view-reset-password-container h1{margin:24px}.view-reset-password-container span{font-size:16px;width:50%;text-align:center}@media screen and (max-width:900px){.view-reset-password-container span{width:80%;font-size:14px}}.view-reset-password-container .cf-input{width:40%;margin:16px}@media screen and (max-width:900px){.view-reset-password-container .cf-input{width:80%}}.view-reset-password-container button{padding:8px 50px;background-color:#282828;color:#fff;cursor:pointer}@media screen and (max-width:900px){.view-reset-password-container button{padding:12px 0;width:80%;font-size:16px}}.view-reset-password-container button:hover{opacity:.8}.view-product{background-color:#f8f4ef;padding-bottom:40px}.view-product *{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:900px){.view-product button{color:#000}}.view-product .product-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100vw;min-height:100vh;background-color:#f0ebe5;flex-direction:column}@media screen and (max-width:900px){.view-product .product-info{height:auto;padding-top:64px}}.view-product .product-info .line-1{display:block;width:100%;height:3px;background-color:#282828;margin:8px 0}.view-product .product-info .line-3{display:block;width:100%;height:5px;background-color:#282828}.view-product .product-info .wrapper{width:calc(100% - 240px);display:grid;grid-template-columns:480px 1fr 480px;padding:0 120px;margin-top:200px}@media screen and (max-width:1600px){.view-product .product-info .wrapper{grid-template-columns:380px 1fr 380px;padding-top:12px;margin-top:160px}}@media screen and (max-width:900px){.view-product .product-info .wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 48px);grid-template-columns:1fr;padding:0;margin-top:40px}}.view-product .product-info .wrapper .info,.view-product .product-info .wrapper .info-section{width:100%}@media screen and (max-width:900px){.view-product .product-info .wrapper .info{width:calc(100% - 48px);padding:0 24px;margin-top:24px}}.view-product .product-info .wrapper .info h1,.view-product .product-info .wrapper .info h2{font-family:Times New Roman,"Noto Serif TC",Times,serif;font-weight:400}.view-product .product-info .wrapper .info h2{font-size:20px;margin-bottom:8px;font-family:"Noto Serif TC",serif}.view-product .product-info .wrapper .info ul{list-style-type:disc;padding-left:24px}.view-product .product-info .wrapper .info .description{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px 0;min-height:220px;font-size:16px;text-align:justify}@media screen and (max-width:1600px){.view-product .product-info .wrapper .info .description{min-height:160px}}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .description{font-size:16px;min-height:120px}}.view-product .product-info .wrapper .info .description .set-items{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:200px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.view-product .product-info .wrapper .info .description .set-items::-webkit-scrollbar{display:none}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .description .set-items{display:block}}.view-product .product-info .wrapper .info .description .set-items p{margin-bottom:8px;grid-column-start:1;grid-column-end:3}.view-product .product-info .wrapper .info .description .set-items .giveaway,.view-product .product-info .wrapper .info .description .set-items a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 24px);background-color:#d7d7d7;color:#282828;padding:2px 12px 2px 12px;border-radius:4px;cursor:pointer;margin-bottom:4px;font-size:14px;transition:.3s;grid-column-start:auto;grid-column-end:auto}@media screen and (max-width:1600px){.view-product .product-info .wrapper .info .description .set-items .giveaway,.view-product .product-info .wrapper .info .description .set-items a{font-size:12px;padding:4px 12px}}.view-product .product-info .wrapper .info .description .set-items .giveaway:hover,.view-product .product-info .wrapper .info .description .set-items a:hover{transform:translateX(4px);background-color:#282828;color:#fff}.view-product .product-info .wrapper .info .description .set-items .giveaway p,.view-product .product-info .wrapper .info .description .set-items a p{margin:0}.view-product .product-info .wrapper .info .description .extra{font-size:14px;color:#3d3b3a}.view-product .product-info .wrapper .info .from-and-ingredient{font-size:18px;margin-bottom:4px}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .from-and-ingredient{font-size:16px}}.view-product .product-info .wrapper .info .skin-type{display:flex;margin-top:16px;margin-bottom:8px}.view-product .product-info .wrapper .info .skin-type div~div{margin-left:12px}.view-product .product-info .wrapper .info .skin-type div img{width:60px}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .skin-type div img{width:48px}}.view-product .product-info .wrapper .info .skin-type div p{text-align:center;font-size:14px}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .skin-type div p{font-size:12px}}.view-product .product-info .wrapper .info .germany{display:inline-flex;flex-direction:column;justify-content:space-between;vertical-align:middle;width:18px;height:12px;background-color:#dd5958;border-radius:2px;overflow:hidden;margin-left:2px}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .germany{height:9px;width:16px}}.view-product .product-info .wrapper .info .germany:after,.view-product .product-info .wrapper .info .germany:before{content:"";width:100%;height:4px}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .germany:after,.view-product .product-info .wrapper .info .germany:before{height:3px}}.view-product .product-info .wrapper .info .germany:before{background-color:#000}.view-product .product-info .wrapper .info .germany:after{background-color:#ffde52}.view-product .product-info .wrapper .info .price{display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width:900px){.view-product .product-info .wrapper .info .price{margin-bottom:24px}}.view-product .product-info .wrapper .info .price b{flex-grow:1}.view-product .product-info .wrapper .info .price p{text-decoration:line-through;font-size:20px;color:#707070;margin-right:10px}.view-product .product-info .wrapper .info .price h3{font-size:32px;margin-left:8px;margin-top:8px;color:#f36363}@media screen and (max-width:900px){.view-product .product-info .wrapper .images{grid-row-start:1;grid-row-end:2}}.view-product .product-info .wrapper .images .display{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;border-radius:8px}.view-product .product-info .wrapper .images .display span{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:32px;left:0;height:327px;color:#fff;opacity:.8;z-index:2;padding:0 24px}.view-product .product-info .wrapper .images .display span.right{right:0;left:auto}.view-product .product-info .wrapper .images .display span .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:32px}.view-product .product-info .wrapper .images .display .swiper-container{width:360px}.view-product .product-info .wrapper .images .display .swiper-container .swiper-slide{display:flex}.view-product .product-info .wrapper .images .display .swiper-container img{height:360px;margin:48px auto;border-radius:8px}@media screen and (max-width:1600px){.view-product .product-info .wrapper .images .display .swiper-container img{margin:32px auto}}@media screen and (max-width:900px){.view-product .product-info .wrapper .images .display .swiper-container{width:90vw}.view-product .product-info .wrapper .images .display .swiper-container img{height:300px;-o-object-fit:contain;object-fit:contain;border-radius:4px}}.view-product .product-info .wrapper .images .swiper{width:348px;overflow:hidden;margin:0 auto}@media screen and (max-width:900px){.view-product .product-info .wrapper .images .swiper{width:100%}}.view-product .product-info .wrapper .images .swiper .swiper-container .swiper-wrapper .swiper-slide div{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:#e1d9cf;border-radius:6px;cursor:pointer}@media screen and (max-width:900px){.view-product .product-info .wrapper .images .swiper .swiper-container .swiper-wrapper .swiper-slide div img{width:100%}}.view-product .product-info .wrapper .images .swiper .swiper-container .swiper-wrapper .swiper-slide div :hover{opacity:.8}.view-product .product-info .wrapper .images .swiper .swiper-container .swiper-wrapper .swiper-slide div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.view-product .product-info .wrapper .images .swiper ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px}.view-product .product-info .wrapper .images .swiper ul li{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:#e1d9cf;transition:.3s;cursor:pointer}.view-product .product-info .wrapper .images .swiper ul li.current,.view-product .product-info .wrapper .images .swiper ul li:hover{border:2px solid #fff}.view-product .product-info .wrapper .images .swiper ul li img{height:80%;border-radius:4px}.view-product .product-info .wrapper .action{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#282828;border-radius:12px;padding:24px 0}@media screen and (max-width:1600px){.view-product .product-info .wrapper .action{padding:16px}}@media screen and (max-width:900px){.view-product .product-info .wrapper .action{padding:40px 0;height:auto;margin:40px 0}}.view-product .product-info .wrapper .action div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:70%;border-bottom:1px solid #fff}.view-product .product-info .wrapper .action div .arrow{position:relative;height:100%;width:48px}.view-product .product-info .wrapper .action div .arrow i{position:absolute;top:55%;left:50%;display:block;width:12px;height:12px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center}@media screen and (max-width:900px){.view-product .product-info .wrapper .action div .arrow i{top:2px}}.view-product .product-info .wrapper .action div .arrow.hide i{top:40%;left:50%;transform:translate(-50%,-50%) rotate(-135deg)}@media screen and (max-width:900px){.view-product .product-info .wrapper .action div .arrow.hide i{top:-4px;left:50%;transform:translate(-50%,-50%) rotate(-135deg)}}.view-product .product-info .wrapper .action div .dropdown{position:relative;border:none;height:48px}.view-product .product-info .wrapper .action div .dropdown header{width:100%;height:100%;text-align:right;line-height:48px;color:#fff;padding-right:16px}.view-product .product-info .wrapper .action div .dropdown ul{position:absolute;width:100%;top:48px}.view-product .product-info .wrapper .action div .dropdown ul li{max-height:48px;color:#fff;background-color:#707070;line-height:48px;text-align:right;padding-right:16px;overflow:hidden;cursor:pointer;transition:.5s cubic-bezier(.77,0,.175,1)}.view-product .product-info .wrapper .action div .dropdown ul li:hover{background-color:#fff;color:#282828}.view-product .product-info .wrapper .action div .dropdown ul li~li{border-top:2px solid #282828}.view-product .product-info .wrapper .action div .dropdown.hide ul li{max-height:0;border-top:none}.view-product .product-info .wrapper .action div input{outline:none;background-color:transparent;color:#fff;text-align:end;border:none;width:24px;font-size:18px}.view-product .product-info .wrapper .action div label{display:block}.view-product .product-info .wrapper .action div label .comp-icon{color:#fff;padding:8px;border-radius:4px;cursor:pointer}.view-product .product-info .wrapper .action div label .comp-icon:hover{background-color:#747474}.view-product .product-info .wrapper .action div label input{text-align:center;width:60px}.view-product .product-info .wrapper .action div p{color:#fff;line-height:48px;font-size:18px;width:48px}.view-product .product-info .wrapper .action h4{margin-top:24px;font-size:36px;color:#fff}.view-product .product-info .wrapper .action h4.discount{color:#ddd;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;font-size:20px}.view-product .product-info .wrapper .action h3{font-size:36px;font-weight:200;color:#fff}.view-product .product-info .wrapper .action span{color:#959595;font-weight:300;font-size:15px;width:100%;text-align:center;margin-top:12px}.view-product .product-info .wrapper .action .button-group{display:flex;justify-content:center;border:none;gap:8px}.view-product .product-info .wrapper .action .button-group button{background-color:#fff;margin-top:24px;padding:12px 0;width:240px;border-radius:2px;cursor:pointer;color:#282828}.view-product .product-info .wrapper .action .button-group button.add-to-wish{width:auto;padding:12px 20px;background-color:#ddd}.view-product .product-info .wrapper .action .button-group button.add-to-wish.included .comp-icon{color:#cf7e59}@media screen and (max-width:900px){.view-product .product-info .wrapper .action .button-group button{font-size:16px}}.view-product .product-info .wrapper .action .button-group button.add-into-wishlist{background-color:#707070;padding:8px 0;margin-top:8px;color:#fff}.view-product .product-info .wrapper .action .button-group button:hover{opacity:.6}.view-product .product-info .wrapper .action .button-group button:disabled{background-color:#9d9d9d;cursor:default}.view-product .product-info .wrapper .action .score-info{display:flex;align-items:center;margin-top:12px}.view-product .product-info .wrapper .action .score-info .score{position:relative;border:none;width:auto;margin-right:8px}.view-product .product-info .wrapper .action .score-info .score div{width:auto;display:flex;gap:0;border:none}.view-product .product-info .wrapper .action .score-info .score div img{width:24px}.view-product .product-info .wrapper .action .score-info .score .fill{position:absolute;overflow:hidden;left:0}.view-product .product-info .wrapper .action .score-info p{color:#fff}.view-product .product-info .wrapper .action>ul{margin-top:24px}.view-product .product-info .wrapper .action>ul li{display:flex;color:#fff}@media screen and (max-width:1600px){.view-product .product-info .wrapper .action>ul li{font-size:14px}}@media screen and (max-width:900px){.view-product .product-info .wrapper .action>ul li{font-size:16px}}.view-product .product-info .wrapper .action>ul li~li{margin-top:4px}@media screen and (max-width:1600px){.view-product .product-info .wrapper .action>ul li~li{margin-top:3px}}.view-product .product-info .wrapper .action>ul li p{font-family:Noto Sans TC,sans-serif;font-weight:200;margin-left:4px}@media screen and (max-width:900px){.view-product .product-info .wrapper .action>ul li p{max-width:270px}}.view-product .product-info .wrapper .action>ul li.relation-event a{display:flex;color:#fff}.view-product .help-for-order{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background-color:hsla(0,0%,100%,.5);padding:40px 0}@media screen and (max-width:900px){.view-product .help-for-order{background-color:#f0ebe5;padding-bottom:20px;padding-top:0}}.view-product .help-for-order .wrapper{display:block;margin:0 auto;background-color:#ddd;border-radius:8px;transition:.3s;width:1000px}@media screen and (max-width:900px){.view-product .help-for-order .wrapper{width:calc(100% - 48px);background-color:#fff}}.view-product .help-for-order .wrapper header{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:4px;border-radius:4px;padding:20px 0;transition:.3s}@media screen and (max-width:900px){.view-product .help-for-order .wrapper header{color:#fff;background-color:#b0383c;padding:8px 0}}.view-product .help-for-order .wrapper header .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.3s}.view-product .help-for-order .wrapper main{overflow:hidden;padding-top:0;max-height:0;transition:.3s}.view-product .help-for-order .wrapper main p{width:100%;font-size:14px;text-align:center}.view-product .help-for-order .wrapper main .button-group{display:flex;gap:8px;margin-top:8px}.view-product .help-for-order .wrapper main .button-group a{display:flex;justify-content:center;font-size:14px;padding:8px 0;border-radius:4px;color:#fff;background-color:#06c755;-webkit-text-decoration-line:none;text-decoration-line:none;width:200px;margin:0 auto}@media screen and (max-width:900px){.view-product .help-for-order .wrapper main .button-group a{width:100%}}.view-product .help-for-order .wrapper main .button-group a .comp-icon{margin-right:4px}.view-product .help-for-order.expread .wrapper{padding:0 0 24px 0}@media screen and (max-width:900px){.view-product .help-for-order.expread .wrapper{width:calc(100% - 96px);padding:16px 24px}}@media screen and (max-width:900px){.view-product .help-for-order.expread .wrapper header{padding:4px 0}}.view-product .help-for-order.expread .wrapper header .comp-icon{transform:rotate(180deg)}.view-product .help-for-order.expread .wrapper main{max-height:72px}@media screen and (max-width:900px){.view-product .help-for-order.expread .wrapper main{padding-top:8px}}.view-product .product-ingredient{width:calc(100% - 240px);padding:40px 0;border-radius:8px;margin:40px auto;background-color:hsla(0,0%,100%,.8117647058823529);transition:.3s;cursor:pointer}@media screen and (max-width:1600px){.view-product .product-ingredient{margin-bottom:20px}}.view-product .product-ingredient:hover{background-color:hsla(0,0%,100%,.5647058823529412)}@media screen and (max-width:900px){.view-product .product-ingredient{margin-top:24px;width:calc(100vw - 48px)}}.view-product .product-ingredient h3{text-align:center;font-size:20px}.view-product .product-ingredient .content-wrapper{width:60%;margin:0 auto;padding:0;text-align:center;max-height:0;overflow:hidden;transition:.3s}@media screen and (max-width:900px){.view-product .product-ingredient .content-wrapper{width:80%}}.view-product .product-ingredient footer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:16px}.view-product .product-ingredient footer span{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#3d3b3a;border-radius:100px;width:20px;height:20px;transition:.3s}.view-product .product-ingredient footer span .comp-icon{color:#fff;font-size:14px}.view-product .product-ingredient.spread .content-wrapper{padding:16px 0;max-height:300px}.view-product .product-ingredient.spread footer span{transform:rotate(180deg)}.view-product .products-use-flow{position:relative;width:calc(100% - 240px);padding:40px 0;background-color:hsla(0,0%,100%,.30196078431372547);border-radius:8px;margin:0 auto 80px auto;margin-top:40px}@media screen and (max-width:1600px){.view-product .products-use-flow{margin-top:20px}}@media screen and (max-width:900px){.view-product .products-use-flow{width:calc(100% - 48px)}}.view-product .products-use-flow h3{text-align:center;font-size:24px}.view-product .products-use-flow .control{position:absolute;width:48px;height:300px;top:42%;transform:translateY(-50%);font-size:20px;text-align:center;line-height:300px}.view-product .products-use-flow .control.left{left:0}.view-product .products-use-flow .control.right{right:0}.view-product .products-use-flow .swiper{width:80%;margin:0 auto}@media screen and (max-width:900px){.view-product .products-use-flow .swiper{width:calc(100% - 96px)}}.view-product .products-use-flow .swiper .swiper-container{width:100%}.view-product .products-use-flow .flow{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:48px;margin:40px auto}@media screen and (max-width:900px){.view-product .products-use-flow .flow{flex-direction:column}}.view-product .products-use-flow .flow .product{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.view-product .products-use-flow .flow .product *{font-family:Noto Sans TC,sans-serif;font-weight:300;text-align:center}.view-product .products-use-flow .flow .product h2:nth-child(3){margin-top:12px}.view-product .products-use-flow .flow .product .product-subtitle{font-size:12px;font-weight:400;margin:8px}.view-product .products-use-flow .flow .product h3{font-size:24px;font-weight:400;margin-bottom:16px;transition:.3s}.view-product .products-use-flow .flow .product .img-wrapper{position:relative;width:240px;height:240px;cursor:pointer}@media screen and (max-width:1600px){.view-product .products-use-flow .flow .product .img-wrapper{width:220px;height:220px}}.view-product .products-use-flow .flow .product .img-wrapper .mask{position:absolute;border-radius:12px;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;opacity:0;transition:.3s;font-size:24px}.view-product .products-use-flow .flow .product .img-wrapper img{width:240px;border-radius:12px;transition:.3s}@media screen and (max-width:1600px){.view-product .products-use-flow .flow .product .img-wrapper img{width:220px}}.view-product .products-use-flow .flow .product .img-wrapper .badge{position:absolute;top:8px;right:12px;background-color:#a2a2a2;width:68px;line-height:28px;text-align:center;color:#fff;border-radius:4px;transition:.3s}@media screen and (max-width:1600px){.view-product .products-use-flow .flow .product .img-wrapper .badge{width:56px;right:12px;font-size:14px}}.view-product .products-use-flow .flow .product .img-wrapper .badge.must{background-color:#988b7d}.view-product .products-use-flow .flow .product .product-size{margin-bottom:8px}.view-product .products-use-flow .flow .product span{display:flex;justify-content:center;gap:12px;color:#a53e3e}.view-product .products-use-flow .flow .product .original-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#000}.view-product .products-use-flow .flow .product:hover .badge,.view-product .products-use-flow .flow .product:hover h3,.view-product .products-use-flow .flow .product:hover img{transform:translateY(-10px)}@media screen and (max-width:900px){.view-product .products-use-flow .flow .product:hover .badge,.view-product .products-use-flow .flow .product:hover h3,.view-product .products-use-flow .flow .product:hover img{transform:translateY(0)}}.view-product .products-use-flow .flow .product:hover .mask{opacity:1;transform:translateY(-10px)}.view-product .products-use-flow .flow .product button{width:50%;padding:12px 0;background-color:#938e8a;color:#f0ebe5;margin:16px auto 0 auto;cursor:pointer;transition:.3s;font-family:Noto Sans TC,sans-serif;border-radius:4px}@media screen and (max-width:900px){.view-product .products-use-flow .flow .product button{width:70%;font-size:14px;padding:10px 0}}.view-product .products-use-flow .flow .product button:hover{background-color:#a53e3e;color:#fff}.view-product .products-use-flow .flow .product button:disabled{background-color:#707070;color:#fff}.view-product nav{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px 0;position:fixed;z-index:90;width:252px;left:0;opacity:0;top:80px;transition:.3s;pointer-events:none}.view-product nav.down{top:100px}.view-product nav.show{opacity:1;pointer-events:all}@media screen and (max-width:900px){.view-product nav{padding:0;position:sticky;width:100%;top:64px;background-color:#f0ebe5;box-shadow:0 4px 6px rgba(0,0,0,.2);pointer-events:all}.view-product nav.down{top:88px}}.view-product nav ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;height:calc(100vh - 100px);border-left:1px solid #707070;padding:40px 24px}@media screen and (max-width:900px){.view-product nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;padding:12px 8px;gap:8px}}.view-product nav ul li{position:relative;font-size:24px;font-weight:600;line-height:36px;color:#282828;font-weight:300;transition:.3s;cursor:pointer;color:#707070}.view-product nav ul li:before{content:"";position:absolute;min-width:0;height:100%;border-bottom:3px solid #707070;transition:.3s}@media screen and (max-width:900px){.view-product nav ul li{width:100%;font-size:18px;line-height:24px;height:80%;border:1px solid #707070;padding:12px 0;display:flex;justify-content:center}.view-product nav ul li:before{bottom:0}}.view-product nav ul li.active{color:#282828}@media screen and (max-width:900px){.view-product nav ul li.active{background-color:#7a7572;color:#fff}}.view-product nav ul li.active:before{min-width:100%;border-color:#282828}@media screen and (max-width:900px){.view-product nav ul li.active:before{display:none}}.view-product nav ul li:hover:before{min-width:100%}.view-product main section{background-color:#f8f4ef}@media screen and (max-width:900px){.view-product main .product-explain{display:flex;flex-direction:column}}.view-product main .product-explain .explain-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(100vh - 160px);padding:80px;z-index:1}.view-product main .product-explain .explain-wrapper img{position:absolute;top:50%;transform:translateY(-50%);left:80px;height:80%;z-index:-1}.view-product main .product-explain .explain-wrapper .content{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:calc(100% - 80px);height:calc(100% - 80px);border:6px solid #c3b8af;z-index:2}.view-product main .product-explain .explain-wrapper .content>*{display:block;width:55%;margin-right:60px}.view-product main .product-explain .explain-wrapper .content h2{font-size:40px;margin-bottom:8px}.view-product main .product-explain .explain-wrapper .content span{text-align:justify}.view-product main .product-explain .explain-wrapper .content h3{font-size:24px;margin-top:60px;margin-bottom:8px}.view-product main .product-explain .explain-wrapper .content ul li:before{content:"";display:inline-block;width:8px;height:12px;background-color:#c3b8af;border-radius:2px;margin-right:8px}.view-product main .product-explain .explain-wrapper .content ul li~li{margin-top:8px}@media screen and (max-width:900px){.view-product main .product-explain .explain-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;height:auto;width:calc(100% - 48px)}.view-product main .product-explain .explain-wrapper img{position:relative;width:100%;height:auto;transform:translateY(0);top:auto;left:auto;margin:24px 0}.view-product main .product-explain .explain-wrapper .content{border:none;width:100%}.view-product main .product-explain .explain-wrapper .content h2{display:none}.view-product main .product-explain .explain-wrapper .content h3{width:100%;text-align:center;margin:24px 0}.view-product main .product-explain .explain-wrapper .content span{margin:0;width:100%;text-align:justify}.view-product main .product-explain .explain-wrapper .content ul{width:100%;margin:0;margin-bottom:80px}.view-product main .product-explain .explain-wrapper .content ul li{display:flex;gap:8px}.view-product main .product-explain .explain-wrapper .content ul li:before{min-width:8px;margin-top:6px;margin-right:0}}.view-product main .product-detail-images .img-wrapper{width:1000px;margin:0 auto}@media screen and (max-width:1600px){.view-product main .product-detail-images .img-wrapper{width:800px}}@media screen and (max-width:900px){.view-product main .product-detail-images .img-wrapper{width:100vw}}.view-product main .product-detail-images .img-wrapper img{width:100%;display:block}.view-product main .product-shipping{background-color:#c3b8af;width:calc(100vw - 800px);padding:80px;margin:0 auto}@media screen and (max-width:1600px){.view-product main .product-shipping{width:800px}}.view-product main .product-shipping .chinese-new-year-extra{background-color:hsla(0,0%,100%,.5);padding:12px 20px;border-radius:8px;margin-bottom:24px}.view-product main .product-shipping .chinese-new-year-extra h4{margin-bottom:4px;font-weight:400}.view-product main .product-shipping .chinese-new-year-extra div{margin-top:12px;margin-bottom:12px}@media screen and (max-width:900px){.view-product main .product-shipping .chinese-new-year-extra p{font-size:14px}}.view-product main .product-shipping h2{font-size:28px}.view-product main .product-shipping h4{font-size:20px;margin-bottom:40px}.view-product main .product-shipping header{font-size:20px}.view-product main .product-shipping .table{display:grid;grid-template-columns:200px 350px 200px 200px;gap:4px;margin-top:12px}@media screen and (max-width:1600px){.view-product main .product-shipping .table{grid-template-columns:150px 300px 150px 150px}}.view-product main .product-shipping .table .td,.view-product main .product-shipping .table .th{background-color:hsla(0,0%,100%,.6)}.view-product main .product-shipping .table .th{background-color:hsla(0,0%,100%,.3);text-align:center;padding:12px 0}.view-product main .product-shipping .table .td{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px}.view-product main .product-shipping .table .g2{grid-row-start:2;grid-row-end:4}.view-product main .product-shipping .table .g4{grid-row-start:4;grid-row-end:6}.view-product main .product-shipping ol{padding-left:24px}.view-product main .product-shipping ol li~li{margin-top:40px}@media screen and (max-width:900px){.view-product main .product-shipping{width:calc(100% - 48px);padding:24px;counter-reset:li}.view-product main .product-shipping h2{font-size:24px}.view-product main .product-shipping h4{font-size:16px}.view-product main .product-shipping ol{list-style:none;padding-left:0}.view-product main .product-shipping ol li header{font-size:18px;font-weight:400}.view-product main .product-shipping ol li header:before{counter-increment:li;content:counter(li) ". "}.view-product main .product-shipping .shipping-type{margin-top:12px;margin-bottom:4px}.view-product main .product-shipping .shipping-type~p{margin-top:24px}.view-product main .product-shipping .table{grid-template-columns:1fr 80px 80px;margin-top:0}.view-product main .product-shipping .table .td,.view-product main .product-shipping .table .th{font-size:12px;padding:8px 0}.view-product main .product-shipping .table .g2{padding:8px 8px}.view-product main .product-shipping .extra{display:block;margin-top:16px;font-size:14px;margin-bottom:24px}}.view-product main .product-shipping .line{width:100%;border:2px solid #707070;margin:40px 0}.view-product main .product-shipping .pay-type-header{margin-top:24px}.view-product main .product-shipping .pay-type li span{display:block;margin-top:12px}.view-product main .product-shipping .pay-type li ul{list-style:disc;padding-left:24px}.view-product main .product-shipping .pay-type li ul li{margin-top:0}@media screen and (max-width:900px){.view-product main .product-shipping .pay-type{counter-set:payType;margin-bottom:40px}.view-product main .product-shipping .pay-type>li header:before{content:counter(payType) ".";counter-increment:payType}}.view-product main .product-comments{min-height:calc(100vh - 417px)}.view-product main .product-comments>header{display:flex;justify-content:center;width:calc(100% - 800px);padding:88px 400px;background-color:#fff;gap:80px}@media screen and (max-width:1600px){.view-product main .product-comments>header{width:calc(100% - 600px);padding:80px 300px}}@media screen and (max-width:900px){.view-product main .product-comments>header{flex-direction:column;width:calc(100% - 96px);padding:40px 48px;gap:32px}}.view-product main .product-comments>header .total{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-product main .product-comments>header .total div{display:flex;align-items:center}@media screen and (max-width:900px){.view-product main .product-comments>header .total div{width:100%;justify-content:center}}.view-product main .product-comments>header .total div p{font-size:40px}@media screen and (max-width:900px){.view-product main .product-comments>header .total div p{font-size:32px;margin-right:12px}}.view-product main .product-comments>header .total div img{height:52px;margin-right:8px}@media screen and (max-width:900px){.view-product main .product-comments>header .total div img{height:40px}}.view-product main .product-comments>header .total h5{font-size:40px;text-align:center}@media screen and (max-width:900px){.view-product main .product-comments>header .total h5{font:24px sans-serif;margin-top:4px}}.view-product main .product-comments>header .chart{flex-grow:1}.view-product main .product-comments>header .chart ul li{display:flex;align-items:center;gap:8px}.view-product main .product-comments>header .chart ul li~li{margin-top:12px}@media screen and (max-width:900px){.view-product main .product-comments>header .chart ul li~li{margin-top:4px}}.view-product main .product-comments>header .chart ul li span{flex-grow:1;background-color:#d9d9d9;height:24px;margin-top:3px}@media screen and (max-width:900px){.view-product main .product-comments>header .chart ul li span{height:16px}}.view-product main .product-comments>header .chart ul li span i{display:block;background-color:#868686;height:100%}.view-product main .product-comments>header .chart ul li a,.view-product main .product-comments>header .chart ul li p{font-size:20px}@media screen and (max-width:900px){.view-product main .product-comments>header .chart ul li a,.view-product main .product-comments>header .chart ul li p{font-size:16px}}.view-product main .product-comments>header .chart ul li a{-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer}.view-product main .product-comments>header .chart ul li a:hover{opacity:.6}.view-product main .product-comments>header .chart ul li img{width:24px}.view-product main .product-comments .container{padding:60px 0;background-color:#f6f4f0;width:1000px;margin:0 auto}@media screen and (max-width:1600px){.view-product main .product-comments .container{padding:60px 300px;width:auto}}@media screen and (max-width:900px){.view-product main .product-comments .container{padding:40px 48px}}.view-product main .product-comments .container .comment-nav{display:flex;position:relative;justify-content:space-between;align-items:center;margin-bottom:16px}.view-product main .product-comments .container .comment-nav h3{font-size:28px;font-weight:400}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav h3{font-size:24px}}.view-product main .product-comments .container .comment-nav .action{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-product main .product-comments .container .comment-nav .action .reset{padding:8px 20px;margin-right:8px;background-color:#e5d3c9;border-radius:20px;cursor:pointer}.view-product main .product-comments .container .comment-nav .action .reset:hover{opacity:.6}.view-product main .product-comments .container .comment-nav .action>.comp-icon{font-size:32px;cursor:pointer}.view-product main .product-comments .container .comment-nav .action>.comp-icon:hover{opacity:.6}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper{position:relative}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper .dropdown{padding:8px 20px;margin-right:16px;background-color:#d6ccbb;border-radius:20px;cursor:pointer}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper .dropdown{padding:4px 16px}}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper .dropdown:hover{background-color:#ddd}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper ul{position:absolute;top:40px;background-color:#d9d9d9;z-index:60;border-radius:4px;overflow:hidden}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper ul li{padding:8px 28px 8px 20px;font-size:14px;cursor:pointer}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper ul li{padding:8px 16px 8px 16px;font-size:12px}}.view-product main .product-comments .container .comment-nav .action .dropdown-wrapper ul li:hover{background-color:#555;color:#fff}.view-product main .product-comments .container .comment-nav .filters{position:absolute;width:calc(100% - 64px);padding:0 32px;background-color:hsla(0,0%,89%,.95);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:0;z-index:5;box-shadow:0 4px 6px rgba(0,0,0,.2);pointer-events:none;max-height:0;transition:.5s cubic-bezier(.075,.82,.165,1);overflow:hidden;opacity:.6;transform:translateY(-20px)}.view-product main .product-comments .container .comment-nav .filters.show{pointer-events:auto;opacity:1;max-height:430px;transform:translateY(0)}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .filters.show{max-height:690px}}.view-product main .product-comments .container .comment-nav .filters header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:16px}.view-product main .product-comments .container .comment-nav .filters header .comp-icon{font-size:32px;cursor:pointer}.view-product main .product-comments .container .comment-nav .filters header .comp-icon:hover{opacity:.6}.view-product main .product-comments .container .comment-nav .filters main{margin-bottom:40px}.view-product main .product-comments .container .comment-nav .filters main section{background-color:transparent}.view-product main .product-comments .container .comment-nav .filters main section~section{margin-top:16px}.view-product main .product-comments .container .comment-nav .filters main section h4{font-size:20px}.view-product main .product-comments .container .comment-nav .filters main section .button-group{display:flex;gap:8px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .filters main section .button-group{flex-wrap:wrap}}.view-product main .product-comments .container .comment-nav .filters main section .button-group button{display:flex;align-items:center;padding:8px 20px;background-color:#fff;border-radius:2px;cursor:pointer;transition:.3s}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .filters main section .button-group button{padding:4px 12px}}.view-product main .product-comments .container .comment-nav .filters main section .button-group button.choosed,.view-product main .product-comments .container .comment-nav .filters main section .button-group button:hover{background-color:#d9d9d9}.view-product main .product-comments .container .comment-nav .filters main section .button-group button img{width:20px;margin-right:4px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-nav .filters main .reset{background-color:#e5d3c9;margin-top:16px;padding:6px 0}}.view-product main .product-comments .container .comment-list>li{display:flex;flex-direction:column;gap:8px;padding:24px 40px;border-top:.5px solid #aaa}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li{display:grid;grid-template-columns:30px 1fr;padding:24px 0}}.view-product main .product-comments .container .comment-list>li~li{margin-top:16px}.view-product main .product-comments .container .comment-list>li header{min-width:180px;display:grid;grid-template-columns:60px 1fr 160px;-moz-column-gap:32px;column-gap:32px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li header{display:contents}}.view-product main .product-comments .container .comment-list>li header div{display:flex;align-items:center;width:100%}.view-product main .product-comments .container .comment-list>li header div img{width:100%;height:auto}.view-product main .product-comments .container .comment-list>li header div b{font-size:24px}.view-product main .product-comments .container .comment-list>li header ul{display:flex;align-items:center}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li header ul{grid-row-start:2;grid-column-start:1;grid-column-end:3}}.view-product main .product-comments .container .comment-list>li header ul li{font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-left:1px solid #aaa;text-align:center;padding:0 8px}.view-product main .product-comments .container .comment-list>li header ul li.global{background-color:#3d3b3a;color:#fff;border-radius:8px}.view-product main .product-comments .container .comment-list>li header ul li.global+li{border:none}.view-product main .product-comments .container .comment-list>li main{display:grid;grid-template-columns:60px 1fr 160px;-moz-column-gap:32px;column-gap:32px}.view-product main .product-comments .container .comment-list>li main a{line-break:anywhere}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li main{display:contents}.view-product main .product-comments .container .comment-list>li main .content{grid-column-start:1;grid-column-end:3}.view-product main .product-comments .container .comment-list>li main .content h5{margin-bottom:8px}}.view-product main .product-comments .container .comment-list>li main h5{font-weight:400;font-size:20px;margin-bottom:8px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li main h5{grid-row-start:1;grid-column-start:2;grid-column-end:3;margin-bottom:0}}.view-product main .product-comments .container .comment-list>li main span{font-size:16px;text-align:justify;line-height:1.6em;font-weight:200}.view-product main .product-comments .container .comment-list>li main .comment-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.view-product main .product-comments .container .comment-list>li main .comment-images .img-wrapper{padding:8px;border:1px solid #d4d4d4;width:120px;height:120px;border-radius:4px;cursor:pointer}.view-product main .product-comments .container .comment-list>li main .comment-images .img-wrapper:hover{border-color:#aaa}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li main .comment-images .img-wrapper{width:80px;height:80px;padding:4px}}.view-product main .product-comments .container .comment-list>li main .comment-images img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.view-product main .product-comments .container .comment-list>li footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li footer{align-items:flex-start;grid-row-start:3;grid-column-start:1;grid-column-end:3}}.view-product main .product-comments .container .comment-list>li footer .score{position:relative;margin-bottom:8px}.view-product main .product-comments .container .comment-list>li footer .score div{display:flex}.view-product main .product-comments .container .comment-list>li footer .score div img{width:32px}.view-product main .product-comments .container .comment-list>li footer .score div.fill{position:absolute;top:0;overflow:hidden}.view-product main .product-comments .container .comment-list>li footer p{text-align:right}.view-product main .product-comments .container .comment-list>li.new-comment{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment{padding:32px 24px}}.view-product main .product-comments .container .comment-list>li.new-comment .icons{cursor:pointer}.view-product main .product-comments .container .comment-list>li.new-comment .icons.hide{max-height:0}.view-product main .product-comments .container .comment-list>li.new-comment .icons span{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:100px;border:1px solid #000;width:60px;height:60px;margin:0 auto 4px auto}.view-product main .product-comments .container .comment-list>li.new-comment .icons span .comp-icon{font-size:24px;transform:translateY(-1px)}.view-product main .product-comments .container .comment-list>li.new-comment .icons p{font-size:14x}.view-product main .product-comments .container .comment-list>li.new-comment .new-form{width:100%}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:20px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form header{flex-direction:column}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div{margin:0;gap:8px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div{margin-bottom:8px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div img{margin:0}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div img{width:40px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div.score{gap:0}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div.score p{margin-right:8px}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header div.score img{width:28px;cursor:pointer}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header button{padding:4px 16px;cursor:pointer}.view-product main .product-comments .container .comment-list>li.new-comment .new-form header button:hover{opacity:.6}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div~div{margin-top:16px}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div h5{font-size:20px;margin-bottom:8px}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group{display:flex;gap:8px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group{flex-wrap:wrap}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group button{padding:8px 20px;border:1px solid #d9d9d9;background-color:transparent;border-radius:2px;cursor:pointer;transition:.3s}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group button{padding:4px 16px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group button.choosed,.view-product main .product-comments .container .comment-list>li.new-comment .new-form main>div .button-group button:hover{background-color:#d9d9d9}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .img-uploader .upload-section{position:relative;display:flex;gap:8px;flex-wrap:wrap}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .img-uploader .upload-section.dragover:before{display:flex;flex-direction:row;justify-content:center;align-items:center;content:"將照片拖曳進此區";width:100%;height:100%;position:absolute;border:1px dashed #a53e3e;color:#a53e3e;background-color:hsla(0,0%,100%,.8);top:0;left:0;border-radius:4px}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content{display:flex;flex-direction:column;width:calc(100% - 60px);padding:40px 30px;background-color:#f0f0f0;border-radius:8px;margin-top:40px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content{width:calc(100% - 48px);padding:20px 24px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label{display:block;width:100%}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label~label{margin-top:20px}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label input,.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label textarea{width:calc(100% - 24px);padding:10px 12px;border:1px solid #707070;outline:none;border-radius:2px;margin-top:4px}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label input,.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label textarea{width:calc(100% - 16px);padding:8px 8px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label textarea{height:100px;resize:none}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form main .content label textarea{height:160px}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form>button{padding:4px 48px;float:right;margin-top:16px;cursor:pointer}@media screen and (max-width:900px){.view-product main .product-comments .container .comment-list>li.new-comment .new-form>button{width:calc(50% - 6px)}}.view-product main .product-comments .container .comment-list>li.new-comment .new-form>button:hover{opacity:.6}.view-product main .product-comments .container .comment-list>li.new-comment .new-form>button.submit{background-color:#989898;color:#fff;margin-right:12px}.view-product main .product-comments .container .pagination{width:100%}.view-product main .product-comments .container .pagination ul{display:flex;justify-content:center;gap:8px;margin:24px auto}.view-product main .product-comments .container .pagination ul li{padding:8px 10px;color:#909090;border:1px solid #909090;border-radius:2px;cursor:pointer}.view-product main .product-comments .container .pagination ul li.focus,.view-product main .product-comments .container .pagination ul li:hover{background-color:#909090;color:#fff}.view-product .footer-action{position:fixed;width:200px;right:0;bottom:200px;background-color:#fff;padding:24px;border-radius:8px 0 0 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transform:translateX(300px);transition:.3s}@media screen and (max-width:1600px){.view-product .footer-action{bottom:160px;z-index:99}}@media screen and (max-width:900px){.view-product .footer-action{width:60px;height:60px;border-radius:40px;flex-direction:column;padding:0;background-color:#7a7572;bottom:96px;right:16px;transform:translateX(0);transform:translateY(0);box-shadow:2px 2px 4px rgba(0,0,0,.3)}}.view-product .footer-action.show{transform:translateX(0);pointer-events:inherit}.view-product .footer-action div{display:flex;align-items:center;flex-direction:column;width:100%}@media screen and (max-width:900px){.view-product .footer-action div{flex-direction:column}}.view-product .footer-action div h1{margin-top:8px;font-size:24px}@media screen and (max-width:900px){.view-product .footer-action div h1{font-size:16px;color:#fff}}.view-product .footer-action div img{width:100%;border-radius:4px}@media screen and (max-width:900px){.view-product .footer-action div img{display:none}}.view-product .footer-action div .counter{background-color:#d9d9d9;height:36px;border-radius:4px;overflow:hidden;flex-direction:row;width:100%}@media screen and (max-width:900px){.view-product .footer-action div .counter{flex-direction:row}}.view-product .footer-action div .counter input{height:36px;border:none;outline:none;background-color:transparent;text-align:center;width:80px;font-family:Noto Sans TC,sans-serif;font-size:18px}.view-product .footer-action div .counter span{width:60px;height:100%;padding:0 12px;display:flex;flex-direction:row;justify-content:center;align-items:center}.view-product .footer-action div .counter span:hover{background-color:#fff}.view-product .footer-action div .counter span:first-child{border-right:2px solid #b0b0b0}.view-product .footer-action div .counter span:last-child{border-left:2px solid #b0b0b0}.view-product .footer-action div .counter span .comp-icon{font-size:20px}.view-product .footer-action div .price-amount{font-size:24px;margin-bottom:8px}.view-product .footer-action div button{padding:12px 0;width:100%;border-radius:4px;background-color:#938e8a;color:#fff;cursor:pointer;margin-top:8px}.view-product .footer-action div button:hover{opacity:.8}.view-product .footer-action div button:disabled{background-color:#a0a0a0;cursor:default}.view-product .footer-action div button:disabled:hover{opacity:1}.view-product .footer-action .want-buy{color:#fff;font-size:14px;width:calc(100% - 96px);height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;line-height:20px;text-align:center;padding-bottom:4px}.view-product .comment-image-popup{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:99}.view-product .comment-image-popup .mask{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.view-product .comment-image-popup .mask span{position:absolute;right:20px;top:20px;color:#fff;cursor:pointer}.view-product .comment-image-popup .mask span:hover{opacity:.6}.view-product .comment-image-popup .mask span .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:60px}.view-product .comment-image-popup .mask .content{max-width:80%;max-height:80%}.view-product .comment-image-popup .mask .content img{max-width:80vw;max-height:80vh;-o-object-fit:cover;object-fit:cover;border-radius:8px}.component-product-image-uploader{border:1px dashed #b1b1b1;background-color:#fafafa;padding:8px;border-radius:4px;width:120px;height:120px;cursor:pointer}@media screen and (max-width:900px){.component-product-image-uploader{width:80px;height:80px;padding:4px;font-size:12px}}.component-product-image-uploader:hover{border-color:#a53e3e;color:#a53e3e}.component-product-image-uploader .placeholder{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;height:100%;text-align:center}.component-product-image-uploader .placeholder .comp-icon{font-size:24px}.component-product-image-uploader .preview{width:100%;height:100%}.component-product-image-uploader .preview img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.view-product-explore{background-color:#f0ebe5}@media screen and (max-width:900px){.view-product-explore{width:100vw;overflow:hidden}}.view-product-explore>header{position:relative;width:100vw;height:calc(70vh - 100px);padding-top:100px}@media screen and (max-width:900px){.view-product-explore>header{height:240px;padding-top:68px}}.view-product-explore>header .control{position:absolute;top:50%;left:32px;z-index:2;width:64px;height:64px;background-color:hsla(0,0%,100%,.5);border-radius:40px;box-shadow:0 3px 3px rgba(0,0,0,.2);transition:.3s;cursor:pointer}.view-product-explore>header .control:hover{background-color:#fff}.view-product-explore>header .control:hover .bi{color:#000}.view-product-explore>header .control .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;color:#fff;transform:translateX(-2px);transition:.3s;color:#000}.view-product-explore>header .control.right{left:auto;right:32px}.view-product-explore>header .control.right .bi{transform:translateX(2px)}@media screen and (max-width:900px){.view-product-explore>header .control{width:40px;height:40px;left:12px;background-color:transparent;box-shadow:none}.view-product-explore>header .control .bi{font-size:20px}.view-product-explore>header .control.right{right:12px}.view-product-explore>header .control:hover{background-color:transparent}}.view-product-explore>header .swiper-pagination{position:absolute;display:flex;justify-content:center;width:100%;bottom:40px;z-index:5;gap:8px}@media screen and (max-width:900px){.view-product-explore>header .swiper-pagination{display:none}}.view-product-explore>header .swiper-pagination .swiper-pagination-bullet{display:block;width:12px;height:12px;border-radius:6px;background-color:#fff;opacity:.5;margin:0 4px;transition:.3s;cursor:pointer}.view-product-explore>header .swiper-pagination .swiper-pagination-bullet:hover{opacity:1;transform:scale(1.2)}.view-product-explore>header .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;transform:scale(1.5)}.view-product-explore>header .swiper-container{height:100%}@media screen and (max-width:900px){.view-product-explore>header .swiper-container{height:200px}}.view-product-explore>header .swiper-container .swiper-slide{position:relative;overflow:hidden}.view-product-explore>header .swiper-container .swiper-slide img{position:absolute;left:50%;transform:translateX(-50%);height:100%}@media screen and (max-width:900px){.view-product-explore>header .swiper-container .swiper-slide img{height:200px}}.view-product-explore section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 400px);padding:0 200px}@media screen and (max-width:900px){.view-product-explore section{width:100%;padding:0}}.view-product-explore section header{display:flex;align-items:center;width:100%;height:100px;line-height:100px;font-size:32px;font-family:Noto Sans TC,sans-serif;font-weight:300;margin-top:40px}@media screen and (max-width:900px){.view-product-explore section header{justify-content:center;font-size:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:-40px}}.view-product-explore section header p{display:inline;font-family:Noto Sans TC,sans-serif;font-weight:300;line-height:inherit}@media screen and (max-width:900px){.view-product-explore section header p{font-size:24px}}.view-product-explore section header button{display:block;padding:8px 16px;border-radius:4px;font-family:Noto Sans TC,sans-serif;font-weight:300;background-color:#d7d7d7;margin-left:12px;margin-top:4px;color:#282828;cursor:pointer}.view-product-explore section header button:hover{opacity:.8}@media screen and (max-width:900px){.view-product-explore section header{text-align:center}}.view-product-explore section ul{display:grid;width:100%;grid-template-columns:repeat(4,1fr);gap:80px}.view-product-explore section ul~header{margin-top:40px}@media screen and (max-width:1600px){.view-product-explore section ul{grid-template-columns:repeat(4,250px);-moz-column-gap:20px;column-gap:20px;row-gap:36px}}@media screen and (max-width:900px){.view-product-explore section ul{width:auto;grid-template-columns:170px 170px;margin:0 auto}}.view-product-explore section ul li{width:100%;cursor:pointer}.view-product-explore section ul li .product-image-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.3s;border-radius:12px;background-color:#dbdbdb}@media screen and (max-width:1600px){.view-product-explore section ul li .product-image-wrapper{height:250px}}@media screen and (max-width:900px){.view-product-explore section ul li .product-image-wrapper{height:150px}}.view-product-explore section ul li .product-image-wrapper .mask{position:absolute;border-radius:12px;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;opacity:0;transition:.3s;font-size:24px}.view-product-explore section ul li .product-image-wrapper .skin-tag{position:absolute;top:32px;right:20px;gap:8px;font-family:Noto Sans TC,sans-serif;font-weight:100;text-align:center;line-height:18px;border-radius:4px;background-color:#a88c6d;color:#fff;padding:4px 8px 5px 8px}@media screen and (max-width:900px){.view-product-explore section ul li .product-image-wrapper .skin-tag{top:10px}}.view-product-explore section ul li .product-image-wrapper img{width:100%;height:100%;border-radius:12px}@media screen and (max-width:900px){.view-product-explore section ul li .product-image-wrapper img{width:100%;height:auto}}.view-product-explore section ul li .product-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.view-product-explore section ul li .product-info h2,.view-product-explore section ul li .product-info p{text-align:center;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-product-explore section ul li .product-info h2{margin-top:4px;font-size:24px;font-weight:300}.view-product-explore section ul li .product-info h2:first-child{margin-top:12px}@media screen and (max-width:900px){.view-product-explore section ul li .product-info h2:first-child{margin-top:20px}}@media screen and (max-width:1600px){.view-product-explore section ul li .product-info h2{font-size:22px}}@media screen and (max-width:900px){.view-product-explore section ul li .product-info h2{font-size:20px}}.view-product-explore section ul li .product-info p{margin-top:12px}@media screen and (max-width:900px){.view-product-explore section ul li .product-info p{margin-top:4px}}.view-product-explore section ul li .product-info .product-subtitle{margin-top:16px;font-weight:400;font-size:14px}@media screen and (max-width:900px){.view-product-explore section ul li .product-info .product-subtitle{font-size:12px}}.view-product-explore section ul li .product-info .product-price{display:flex}.view-product-explore section ul li .product-info span .orginal-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.view-product-explore section ul li .product-info span .orginal-price~p{margin-left:8px;color:#a53e3e}.view-product-explore section ul li .product-info .score-info{display:flex;align-items:center;margin-top:12px}.view-product-explore section ul li .product-info .score-info .score{position:relative;border:none;width:auto;margin-right:8px}.view-product-explore section ul li .product-info .score-info .score div{width:auto;display:flex;gap:0;border:none}.view-product-explore section ul li .product-info .score-info .score .comp-icon{color:#b0b0b0}.view-product-explore section ul li .product-info .score-info .score .fill{position:absolute;overflow:hidden;left:0;top:0}.view-product-explore section ul li .product-info .score-info .score .fill .comp-icon{color:#f6cd54}.view-product-explore section ul li .product-info .score-info p{margin-top:0}.view-product-explore section ul li .product-info button{width:50%;padding:12px 0;background-color:#938e8a;color:#f0ebe5;margin:16px auto 0 auto;cursor:pointer;transition:.3s;font-family:Noto Sans TC,sans-serif;border-radius:4px}@media screen and (max-width:900px){.view-product-explore section ul li .product-info button{width:70%;font-size:14px;padding:10px 0}}.view-product-explore section ul li .product-info button:hover{background-color:#a53e3e;color:#fff}.view-product-explore section ul li .product-info button:disabled{background-color:#ca9e9e;color:#282828;cursor:default}.view-product-explore section ul li:hover .product-image-wrapper{transform:translateY(-16px)}@media screen and (max-width:900px){.view-product-explore section ul li:hover .product-image-wrapper{transform:translateY(0)}}.view-product-explore section ul li:hover .mask{opacity:1}@media screen and (max-width:900px){.view-product-explore section ul li:hover .mask{opacity:0}}.view-product-explore .garantee{position:relative;display:flex;flex-direction:row;width:calc(100% - 400px);background-color:#7a7572;padding:0;margin:120px auto 40px auto;border-radius:16px;overflow:hidden}@media screen and (max-width:900px){.view-product-explore .garantee{width:100vw;border-radius:0}}.view-product-explore .garantee img{height:400px}@media screen and (max-width:1600px){.view-product-explore .garantee img{height:300px}}@media screen and (max-width:900px){.view-product-explore .garantee{flex-direction:column}.view-product-explore .garantee img{width:100%;height:auto}}.view-product-explore .garantee .content-wrapper{flex-grow:1;color:#fff;padding:0 100px}@media screen and (max-width:1600px){.view-product-explore .garantee .content-wrapper{padding:0 80px}}@media screen and (max-width:900px){.view-product-explore .garantee .content-wrapper{padding:80px 48px}}.view-product-explore .garantee .content-wrapper h2{font-size:40px;font-weight:500;margin-bottom:16px;font-family:Noto Sans TC,sans-serif;font-weight:400}@media screen and (max-width:1600px){.view-product-explore .garantee .content-wrapper h2{font-size:28px}}@media screen and (max-width:900px){.view-product-explore .garantee .content-wrapper h2{text-align:center}}.view-product-explore .garantee .content-wrapper span{display:block;font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:20px;line-height:36px}.view-product-explore .garantee .content-wrapper span~span{margin-top:16px}@media screen and (max-width:1600px){.view-product-explore .garantee .content-wrapper span{font-size:16px;line-height:32px}}@media screen and (max-width:900px){.view-product-explore .garantee .content-wrapper span{text-align:justify}.view-product-explore .garantee .content-wrapper span~span{margin-top:24px}}.view-product-explore .set-items-wrapper header{margin-top:80px}@media screen and (max-width:900px){.view-product-explore .set-items-wrapper header{margin-top:0}}.view-product-explore .origin-member{display:flex;flex-direction:row;width:calc(100% - 440px);background-color:#fff;border-radius:12px;padding:0;margin:200px 200px 120px auto}@media screen and (max-width:900px){.view-product-explore .origin-member{flex-direction:column;width:calc(100% - 144px);padding:0 48px;margin:80px auto;border-radius:16px;overflow:hidden}}.view-product-explore .origin-member img{position:relative;top:-80px;left:-40px;height:400px;border-radius:12px}@media screen and (max-width:1600px){.view-product-explore .origin-member img{left:-80px;height:320px}}@media screen and (max-width:900px){.view-product-explore .origin-member img{position:static;width:calc(100% + 120px);border-radius:0;height:auto}}.view-product-explore .origin-member .content-wrapper{margin-left:40px}@media screen and (max-width:1600px){.view-product-explore .origin-member .content-wrapper{margin-left:-30px}}@media screen and (max-width:900px){.view-product-explore .origin-member .content-wrapper{margin-top:40px;margin-left:0}}.view-product-explore .origin-member .content-wrapper h2{font-size:36px;margin-bottom:20px}@media screen and (max-width:1600px){.view-product-explore .origin-member .content-wrapper h2{font-size:28px}}@media screen and (max-width:900px){.view-product-explore .origin-member .content-wrapper h2{font-size:24px;text-align:center}}.view-product-explore .origin-member .content-wrapper ul{display:block;font-size:20px;padding-left:20px;list-style-type:disc}.view-product-explore .origin-member .content-wrapper ul li{font-family:Noto Sans TC,sans-serif;font-weight:300;cursor:auto}@media screen and (max-width:1600px){.view-product-explore .origin-member .content-wrapper ul li{font-size:16px}}@media screen and (max-width:900px){.view-product-explore .origin-member .content-wrapper ul li{font-size:16px}}.view-product-explore .origin-member .content-wrapper button{border:1px solid #282828;background-color:transparent;padding:8px 24px;font-family:Noto Sans TC,sans-serif;font-weight:300;margin-top:20px;cursor:pointer}@media screen and (max-width:900px){.view-product-explore .origin-member .content-wrapper button{display:block;margin:30px auto;padding:12px 48px;color:#000;font-size:16px}}.view-product-explore .we-insist{background-color:#c3b8af;width:calc(100% - 280px);padding:120px 140px;color:#4e4e4e}@media screen and (max-width:900px){.view-product-explore .we-insist{width:calc(100% - 96px);padding:60px 48px}}.view-product-explore .we-insist h1{font-size:64px;font-weight:400;margin-bottom:24px}@media screen and (max-width:900px){.view-product-explore .we-insist h1{font-size:32px;font-weight:500;text-align:center}}.view-product-explore .we-insist span{display:block;width:60%;margin:0 auto;text-align:center;font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:900px){.view-product-explore .we-insist span{width:100%;font-size:16px}}.view-product-explore .we-insist p{text-align:center;margin-top:60px;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-product-explore .we-insist .flow{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px;margin:40px auto 80px auto}.view-product-explore .we-insist .flow .comp-icon{font-size:32px}.view-product-explore .we-insist .flow li{display:flex;flex-direction:column}.view-product-explore .we-insist .flow img{height:160px;cursor:auto}.view-product-explore .we-insist .flow p{margin-top:16px;color:#4b4b4b;font-weight:400;font-size:22px;font-family:Noto Sans TC,sans-serif}@media screen and (max-width:900px){.view-product-explore .we-insist .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-template-rows:1fr auto 1fr}.view-product-explore .we-insist .flow li img{width:60px;height:auto}.view-product-explore .we-insist .flow li p{width:100%;font-size:12px}.view-product-explore .we-insist .flow li:nth-child(3){grid-row-start:3}.view-product-explore .we-insist .flow li:nth-child(5){grid-row-start:3;grid-column-start:3}.view-product-explore .we-insist .flow li:nth-child(7){grid-row-start:3;grid-column-start:5}.view-product-explore .we-insist .flow li:nth-child(9){grid-row-start:1;grid-column-start:5}.view-product-explore .we-insist .flow .comp-icon{font-size:16px}.view-product-explore .we-insist .flow .comp-icon:nth-child(2){grid-row-start:2;transform:rotate(90deg);width:16px;margin:0 auto}.view-product-explore .we-insist .flow .comp-icon:nth-child(4),.view-product-explore .we-insist .flow .comp-icon:nth-child(6){grid-row-start:3}.view-product-explore .we-insist .flow .comp-icon:nth-child(8){grid-row-start:2;grid-column-start:5;transform:rotate(-90deg);width:16px;margin:0 auto}}.view-member{background-color:#f0ebe5;padding:180px 140px;min-height:calc(100vh - 746px)}.view-member *{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:1600px){.view-member{padding:120px 10vw}}@media screen and (max-width:900px){.view-member{overflow:hidden}}.view-member>header{width:100%;border-top:6px solid #282828;border-bottom:2px solid #282828}.view-member>header ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-member>header ul li{flex-grow:1}.view-member>header ul li a{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;height:100%;text-align:center;color:#282828;-webkit-text-decoration-line:none;text-decoration-line:none;padding:8px 0;transition:.3s}.view-member>header ul li a:before{content:"";min-height:0;width:100%;background-color:#282828;position:absolute;bottom:0;left:0;transition:.3s}.view-member>header ul li a.router-link-exact-active:before{min-height:2px}.view-member main{padding-top:40px}@media screen and (max-width:900px){.view-member main{padding-top:12px}}.view-member-info header{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:900px){.view-member-info header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.view-member-info header .member-state div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-member-info header .member-state div h2{font-size:24px;margin-left:4px}.view-member-info header .member-state div .comp-icon{position:relative;top:2px;font-size:26px}.view-member-info header .member-state div .tag{padding:2px 12px;background-color:#a55c5c;border-radius:4px;color:#fff;margin-left:12px;font-size:12px;line-height:20px}.view-member-info header .member-state div .tag.original{background-color:#de7728}.view-member-info header .email-and-password{display:flex;margin-left:24px;margin-top:4px}@media screen and (max-width:900px){.view-member-info header .email-and-password{flex-direction:column;margin-left:0;margin-top:24px}}.view-member-info header .email-and-password p~p{margin-top:6px}.view-member-info header .email-and-password div{height:100%}.view-member-info header .email-and-password button{background-color:#707070;border-radius:4px;padding:2px 12px;color:#fff;font-size:12px;margin-left:8px;margin-top:2px;line-height:20px;cursor:pointer}.view-member-info header .email-and-password button:hover{opacity:.8}@media screen and (max-width:900px){.view-member-info header .email-and-password button{margin-left:0;margin-top:12px}}.view-member-info header .social-account{display:flex;margin-left:32px;margin-top:4px;font-size:20px}@media screen and (max-width:900px){.view-member-info header .social-account{margin-left:0}.view-member-info header .social-account>p{display:none}}.view-member-info header .social-account div{display:flex;gap:8px;padding:4px 8px;color:#fff;background-color:#06c755;border-radius:4px;font-size:14px;pointer-events:none}.view-member-info header .social-account div.fb{background-color:#1877f2}.view-member-info header .voucher{display:flex;align-items:center;margin-left:40px}@media screen and (max-width:900px){.view-member-info header .voucher{margin-left:0;margin-top:24px}}.view-member-info header .voucher .comp-icon{font-size:24px;margin-right:8px}.view-member-info header .voucher button{background-color:#707070;border-radius:4px;padding:2px 12px;color:#fff;font-size:12px;margin-top:2px;margin-left:8px;line-height:20px;cursor:pointer}.view-member-info header .voucher button:hover{opacity:.8}@media screen and (max-width:900px){.view-member-info header .voucher button{margin-left:12px}}.view-member-info main,.view-member-info main .wrapper{width:100%}.view-member-info main .wrapper~.wrapper{margin-top:24px}.view-member-info main .wrapper header{width:100%;border-bottom:3px solid #282828;padding:4px 0}@media screen and (max-width:900px){.view-member-info main .wrapper header{flex-direction:row}}.view-member-info main .wrapper header .comp-icon{margin-right:4px}.view-member-info main .wrapper section{display:flex;gap:16px}@media screen and (max-width:900px){.view-member-info main .wrapper section{flex-direction:column}}.view-member-info main .wrapper section header{border-width:1px}.view-member-info main .wrapper section>div{width:50%}@media screen and (max-width:900px){.view-member-info main .wrapper section>div{width:100%}}.view-member-info main .wrapper section>div .cf-input,.view-member-info main .wrapper section>div .k-select-wraper{margin-top:12px}.view-member-info main .wrapper section>div .birthday input:nth-child(2){display:none}.view-member-info main .wrapper section>div .birthday input{width:30px}.view-member-info main .wrapper .button-group{display:flex;justify-content:flex-end;margin-top:12px}@media screen and (max-width:900px){.view-member-info main .wrapper .button-group{gap:16px;margin-top:24px}}.view-member-info main .wrapper .button-group button{padding:8px 50px;background-color:#282828;color:#fff;margin-left:12px}@media screen and (max-width:900px){.view-member-info main .wrapper .button-group button{flex-grow:1;margin-left:0}}.view-member-info main .wrapper .button-group button.cancel{background-color:#707070}.view-member-info main .wrapper.binding header{margin-bottom:16px}.view-member-info main .wrapper.binding>div{display:grid;grid-template-columns:1fr 1fr}.view-member-info main .wrapper.binding>div button{grid-column-start:2;grid-row-start:1;padding:8px 24px;background-color:#282828;color:#fff;margin-left:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.view-member-info main .wrapper.binding>div button.loading{background-color:#707070}.view-member-info main .wrapper.binding>div button:hover{opacity:.8}.view-member-info main .wrapper.binding>div .cf-input-extra{grid-column-start:1}.view-member-info main .wrapper.binding .my-invite-code{display:flex;margin-bottom:12px}@media screen and (max-width:900px){.view-member-info main .wrapper.binding .my-invite-code{flex-direction:column}}.view-member-info main .wrapper.binding .my-invite-code button{display:flex;align-items:center;padding:4px 20px;font-size:12px;line-height:16px}@media screen and (max-width:900px){.view-member-info main .wrapper.binding .my-invite-code button{margin-left:0;margin-top:8px}}.view-member-info main .wrapper.binding .my-invite-code button .comp-icon{display:inline-block;margin-bottom:2px;margin-right:4px}.view-member-info main .wrapper.binding .my-invite-code button p{display:inline-block}.view-member-info main .wrapper.binding .already-bind{display:block}.view-member-info main .wrapper.binding .already-bind .comp-icon{margin-right:8px}.view-member-info .voucher-detail-modal{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,65.9%,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:96}.view-member-info .voucher-detail-modal .wrapper{border-radius:12px;border:4px solid #7a7572;background-color:#f0ebe5;width:60vw;height:70vh}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper{width:100%;height:80vh}}.view-member-info .voucher-detail-modal .wrapper header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#7a7572;padding:32px;border-top-left-radius:4px;border-top-right-radius:4px}.view-member-info .voucher-detail-modal .wrapper header *{color:#fff}.view-member-info .voucher-detail-modal .wrapper header .title{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-member-info .voucher-detail-modal .wrapper header .title .comp-icon{font-size:48px;margin-right:12px}.view-member-info .voucher-detail-modal .wrapper header .title span b{font-size:20px}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper header .title span h2{font-size:18px}.view-member-info .voucher-detail-modal .wrapper header .title span b{font-size:16px}}.view-member-info .voucher-detail-modal .wrapper header .close{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-member-info .voucher-detail-modal .wrapper header .close .explain{display:flex;margin-right:12px}.view-member-info .voucher-detail-modal .wrapper header .close .explain .comp-icon{margin-right:4px}.view-member-info .voucher-detail-modal .wrapper header .close span{padding:8px;cursor:pointer}.view-member-info .voucher-detail-modal .wrapper header .close span:hover{opacity:.6}.view-member-info .voucher-detail-modal .wrapper header .close span .comp-icon{font-size:36px}.view-member-info .voucher-detail-modal .wrapper main{max-height:calc(70vh - 134px);overflow:scroll;padding:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.view-member-info .voucher-detail-modal .wrapper main li{display:flex;gap:16px;height:60px}.view-member-info .voucher-detail-modal .wrapper main li.expire p,.view-member-info .voucher-detail-modal .wrapper main li.out p{color:#aaa}.view-member-info .voucher-detail-modal .wrapper main li:first-child p{font-size:20px}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li:first-child p{font-size:16px}}.view-member-info .voucher-detail-modal .wrapper main li p{text-align:center;line-height:60px;font-size:18px}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p{font-size:16px}}.view-member-info .voucher-detail-modal .wrapper main li p:first-child{width:20%}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p:first-child{width:25%}}.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(2){width:15%}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(2){width:20%}}.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(3){width:15%}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(3){width:20%}}.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(4){width:25%}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(4){display:none}}.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(5){width:25%}@media screen and (max-width:900px){.view-member-info .voucher-detail-modal .wrapper main li p:nth-child(5){width:30%}}.view-member-info .voucher-detail-modal .wrapper main li:nth-child(2n){background-color:#e5ded9}.view-member-coupon header ul{display:flex}.view-member-coupon header ul li{padding:0 8px;color:#707070;font-size:20px;font-weight:500}.view-member-coupon header ul li.active{color:#282828}.view-member-coupon header ul li~li{border-left:1px solid #282828}.view-member-coupon main{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:16px;column-gap:16px;row-gap:8px}@media screen and (max-width:900px){.view-member-coupon main{grid-template-columns:1fr}}.view-member-coupon main .coupon{display:flex;background-color:#ddd;border-radius:12px}.view-member-coupon main .coupon .content{padding:12px 20px;flex-grow:1}.view-member-coupon main .coupon .content h2{font-size:16px}.view-member-coupon main .coupon .content p{margin-bottom:12px;font-size:12px;color:#6c6c6c}.view-member-coupon main .coupon .content span{font-weight:500;color:#953e3e}.view-member-coupon main .coupon .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30%;border-left:1px dashed #b3b3b3}.view-member-coupon main .coupon .icon .comp-icon{color:#707070;font-size:40px}.view-member-order .loading-hint{color:#707070}.view-member-order>header ul{display:flex}.view-member-order>header ul li{padding:0 8px;color:#707070;font-size:20px;font-weight:500}.view-member-order>header ul li.active{color:#282828}.view-member-order>header ul li~li{border-left:1px solid #282828}.view-member-order .loading,.view-member-order .loading div{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-member-order .loading div{padding-top:80px;font-size:24px}.view-member-order .loading div img{height:48px;margin-right:8px}.view-member-order main{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:16px;padding:0}@media screen and (max-width:900px){.view-member-order main{grid-template-columns:1fr}}.view-member-order main .order{position:relative;width:calc(100% - 40px);height:80px;border-radius:12px;background-color:#fff;padding:20px;transition:.3s;cursor:pointer}@media screen and (max-width:900px){.view-member-order main .order{height:100px}}.view-member-order main .order:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #707070;border-radius:12px;top:4px;left:4px;transition:.2s}.view-member-order main .order p{font-size:12px}.view-member-order main .order span{display:block;font-size:20px;color:#953e3e;margin-top:8px}.view-member-order main .order:hover{transform:translateY(-8px)}.view-member-order main .order:hover:after{top:0;left:0}.view-member-order main .status{position:absolute;right:20px;top:20px;color:#fff;font-size:14px;padding:4px 12px;border-radius:4px;background-color:#878787}.view-member-order main .status.success{background-color:#53b76a}.view-member-order main .status.return{background-color:#df7575}.view-member-order .order-modal{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);z-index:98}.view-member-order .order-modal .order-modal-wrapper{position:relative;background-color:#fff;border-radius:12px;padding:24px}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper{width:calc(95vw - 48px);height:80vh}}.view-member-order .order-modal .order-modal-wrapper .order-modal-scroll{width:840px;max-height:90vh;overflow-y:scroll}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper .order-modal-scroll{width:100%;max-height:calc(100% + 24px)}}.view-member-order .order-modal .order-modal-wrapper header{border-bottom:1px solid #707070}.view-member-order .order-modal .order-modal-wrapper header .order-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #707070;flex-direction:column;align-items:flex-start}.view-member-order .order-modal .order-modal-wrapper header .order-header .close{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:24px;top:32px;border-radius:4px;cursor:pointer}.view-member-order .order-modal .order-modal-wrapper header .order-header .close:hover{background-color:#707070;color:#fff}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-header .close:hover{background-color:transparent;color:#000}}.view-member-order .order-modal .order-modal-wrapper header .order-header .close .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:40px}.view-member-order .order-modal .order-modal-wrapper header .order-header h1{font-size:24px;line-height:56px}.view-member-order .order-modal .order-modal-wrapper header .order-header .order-action{margin-bottom:12px}.view-member-order .order-modal .order-modal-wrapper header .order-header .order-action button{background-color:#282828;color:#fff;cursor:pointer;transition:.3s;border-radius:4px;padding:8px 12px}.view-member-order .order-modal .order-modal-wrapper header .order-header .order-action button:hover{background-color:#ddd;color:#282828}.view-member-order .order-modal .order-modal-wrapper header .order-header .order-action button~button{margin-left:8px}.view-member-order .order-modal .order-modal-wrapper header .order-return{padding:16px 16px;background-color:#eee;border-radius:8px;margin-top:8px}.view-member-order .order-modal .order-modal-wrapper header .order-return h3{margin-bottom:16px}.view-member-order .order-modal .order-modal-wrapper header .order-return .input-wrapper{display:grid;grid-template-columns:1fr 1fr;row-gap:8px;-moz-column-gap:12px;column-gap:12px}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-return .input-wrapper{grid-template-columns:1fr}}.view-member-order .order-modal .order-modal-wrapper header .order-return .input-wrapper .block{grid-column-start:1;grid-column-end:3}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-return .input-wrapper .block{grid-column-end:2}}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group{margin-top:8px;text-align:right}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group div{float:left}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group div{float:none}}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group div label{height:24px}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group button{margin-left:8px;background-color:#707070;color:#fff;padding:4px 8px;cursor:pointer;transition:.3s}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group button{margin-top:12px;padding:8px 24px;border-radius:4px}}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group button:last-child{background-color:#df7575}.view-member-order .order-modal .order-modal-wrapper header .order-return .button-group button:hover{background-color:#ddd;color:#282828}.view-member-order .order-modal .order-modal-wrapper header .order-status{padding:12px 0}.view-member-order .order-modal .order-modal-wrapper header .order-status .state{display:grid;grid-template-columns:100px 1fr 100px 1fr;-moz-column-gap:8px;column-gap:8px;margin-top:8px}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-status .state{grid-template-columns:100px 1fr;row-gap:8px}}.view-member-order .order-modal .order-modal-wrapper header .order-status .state li button{padding:2px 8px;background-color:#df7575;color:#fff;border-radius:4px;margin-left:4px;cursor:pointer}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper header .order-status .state li button{margin-left:8px;font-size:12px}}.view-member-order .order-modal .order-modal-wrapper header .order-status .state li button:hover{opacity:.8}.view-member-order .order-modal .order-modal-wrapper header .order-status .state li:nth-child(2n){color:#707070}.view-member-order .order-modal .order-modal-wrapper header .order-status .logistics-info{margin-top:16px}.view-member-order .order-modal .order-modal-wrapper header .order-status .logistics-info ul{display:grid;grid-template-columns:100px 1fr}.view-member-order .order-modal .order-modal-wrapper header .order-status .logistics-info ul li:nth-child(2n){color:#707070}.view-member-order .order-modal .order-modal-wrapper main{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}.view-member-order .order-modal .order-modal-wrapper main h3{margin-bottom:4px}.view-member-order .order-modal .order-modal-wrapper main ul{width:100%;border-top:4px solid #282828}.view-member-order .order-modal .order-modal-wrapper main ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:16px 0}.view-member-order .order-modal .order-modal-wrapper main ul li~li{border-top:2px solid #282828}.view-member-order .order-modal .order-modal-wrapper main ul li .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:#e1d9cf;border-radius:8px;margin-right:12px}.view-member-order .order-modal .order-modal-wrapper main ul li .img-wrapper img{width:auto;border-radius:8px;height:100px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items{width:100%}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li{flex-direction:column;align-items:flex-start}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li header{margin-bottom:8px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li header .coupon-tag{padding:4px 8px;border-radius:4px;background-color:#707070;color:#fff;font-size:14px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section{display:grid;grid-template-columns:repeat(3,1fr);row-gap:8px;-moz-column-gap:8px;column-gap:8px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#f0ebe5;padding:8px 8px;border-radius:8px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section div .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:hsla(0,0%,100%,.4);margin-right:16px;padding:0}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section div .img-wrapper img{width:auto;height:90px}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section div span{display:block}.view-member-order .order-modal .order-modal-wrapper main .order_coupon_items li section div span h4{font-size:14px}.view-member-order .order-modal .order-modal-wrapper:after{content:"";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #707070;border-radius:12px;top:8px;left:8px;pointer-events:none}@media screen and (max-width:900px){.view-member-order .order-modal .order-modal-wrapper:after{top:0;left:0;border-width:2px}}.view-member-wishlist{padding-top:0}.view-member-wishlist header{width:100%;height:auto}.view-member-wishlist .no-wish-list{margin-top:8px;width:100%;background-color:hsla(0,0%,100%,.5);padding:40px 0;border-radius:4px}.view-member-wishlist section#wishlist{width:100%;align-items:flex-start;padding:0;margin-top:24px}@media screen and (max-width:900px){.view-member-wishlist section#wishlist{display:flex;justify-content:center}}.view-member-wishlist section#wishlist ul{width:100%;grid-template-columns:repeat(5,240px)}.view-member-wishlist section#wishlist ul li{width:240px}.view-member-wishlist section#wishlist ul .product-image-wrapper{width:240px;height:240px}.view-member-wishlist section#wishlist ul .product-image-wrapper img{width:auto;height:100%}.view-member-wishlist section#wishlist ul button{width:50%}@media screen and (max-width:900px){.view-member-wishlist section#wishlist ul{width:auto;grid-template-columns:240px;row-gap:40px}}.view-register{padding:200px 0;background-color:#f0ebe5;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media screen and (max-width:1600px){.view-register{padding:120px 10vw}}.view-register header h1{font-weight:500;text-align:center}.view-register form{width:50%;margin-top:24px}@media screen and (max-width:900px){.view-register form{width:100%}}.view-register form .cf-input{margin-top:12px}.view-register form .cf-input-extra{font-size:12px;color:#c70f0f}.view-register form .cf-checkbox{margin-top:20px}@media screen and (max-width:900px){.view-register form .cf-checkbox{margin-top:24px}}.view-register form .password-strength{background-color:#ddd;border-radius:8px;padding:0 8px;max-height:0;transition:.5s cubic-bezier(.77,0,.175,1);overflow:hidden}.view-register form .password-strength.expread{max-height:164px;padding:12px 8px;margin-top:12px}.view-register form .password-strength p{font-size:12px;margin-bottom:8px}.view-register form .password-strength ul li{font-size:12px}.view-register form .password-strength ul li .comp-icon{font-size:12px;color:#fff;margin-right:4px}.view-register form .password-strength ul li .comp-icon.checked{color:#282828}.view-register form .password-strength .strength{margin-top:8px}.view-register form .password-strength .strength-progress{position:relative;width:100%;height:8px;border-radius:4px;background-color:#fff;overflow:hidden}.view-register form .password-strength .strength-progress .pace{position:absolute;left:0;top:0;height:8px;max-width:0;background-color:#ffb52f;transition:.5s cubic-bezier(.77,0,.175,1)}.view-register form .birthday input{flex-basis:0;min-width:0}.view-register form .birthday input:nth-child(2){display:none}.view-register form .birthday-extra{color:#707070}.view-register form button{background-color:#282828;color:#fff;padding:8px 40px;margin-top:12px}.view-register form button.loading{cursor:wait;opacity:.8}.view-register form button.disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:900px){.view-register form button{width:100%;margin-top:40px}}.view-tattoo-care .scroll-nav{position:fixed;right:28px;top:200px;z-index:99;border-right:1px solid #707070;padding-right:48px;height:calc(100vh - 248px)}@media screen and (max-width:900px){.view-tattoo-care .scroll-nav{display:none}}.view-tattoo-care .scroll-nav ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}.view-tattoo-care .scroll-nav ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;color:#282828;opacity:.3;transition:.3s;cursor:pointer}.view-tattoo-care .scroll-nav ul li:before{content:"";display:block;width:8px;height:16px;background-color:#282828;border-radius:2px;opacity:0}.view-tattoo-care .scroll-nav ul li:hover{transform:translateX(16px);opacity:.5}.view-tattoo-care .scroll-nav ul li.focus{transform:translateX(24px);opacity:1}.view-tattoo-care .scroll-nav ul li.focus:before{opacity:1}.view-tattoo-care .hero-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#282828}@media screen and (max-width:900px){.view-tattoo-care .hero-banner{justify-content:flex-start}}.view-tattoo-care .hero-banner:before{content:"";width:100%;height:18%}@media screen and (max-width:900px){.view-tattoo-care .hero-banner:before{height:128px}}.view-tattoo-care .hero-banner .banner{width:100%;min-height:0;background-position:50% 70%;-webkit-animation-name:bannerSpread;animation-name:bannerSpread;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1)}@media screen and (max-width:900px){.view-tattoo-care .hero-banner .banner{-webkit-animation-name:bannerSpreadMobile;animation-name:bannerSpreadMobile;background-position:55% 65%;background-size:cover}}.view-tattoo-care .hero-banner .content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:25%;color:#fff;padding-bottom:24px}.view-tattoo-care .hero-banner .content h3{font-weight:600;opacity:0;-webkit-animation:contentFadeIn .8s ease-in .3s forwards;animation:contentFadeIn .8s ease-in .3s forwards}.view-tattoo-care .hero-banner .content h2{font-size:32px;font-weight:800;margin-top:4px;margin-bottom:16px;opacity:0;-webkit-animation:contentFadeIn .8s ease-in 1.5s forwards;animation:contentFadeIn .8s ease-in 1.5s forwards}@media screen and (max-width:900px){.view-tattoo-care .hero-banner .content h2{font-size:28px}}.view-tattoo-care .hero-banner .content button{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;opacity:0;-webkit-animation:contentFadeIn .8s ease-in 1.5s forwards;animation:contentFadeIn .8s ease-in 1.5s forwards}.view-tattoo-care .hero-banner .content button p{color:#b5b5b5;margin-bottom:8px;transition:.3s}.view-tattoo-care .hero-banner .content button span{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;background-color:#776c62;width:24px;height:24px;border-radius:12px;line-height:16px;font-size:8px;transition:.3s}.view-tattoo-care .hero-banner .content button span .arrow-down{display:block;width:4px;height:4px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;transform:rotate(-135deg)}.view-tattoo-care .hero-banner .content button:hover p{transform:scale(1.1)}.view-tattoo-care .hero-banner .content button:hover span{transform:translateY(8px)}.view-tattoo-care .tattoo-theory{background-color:#f8f4ef;padding-top:150px;padding-bottom:240px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-theory{padding-top:80px;padding-bottom:0}}.view-tattoo-care .tattoo-theory h1{font-size:36px;padding-left:96px;margin-bottom:24px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-theory h1{font-size:24px;width:80%;text-align:center;padding-left:0;margin:0 auto 24px auto}}.view-tattoo-care .tattoo-theory .wrapper{position:relative;background-color:#f0ebe5;padding:48px 96px 240px 96px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-theory .wrapper{padding:24px 0}}.view-tattoo-care .tattoo-theory .wrapper span{display:block;width:60%;margin-bottom:48px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-theory .wrapper span{width:80%;margin:0 auto 80px auto}}.view-tattoo-care .tattoo-theory .wrapper .images{position:absolute;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:84px;bottom:-124px}.view-tattoo-care .tattoo-theory .wrapper .images div img{width:235px}.view-tattoo-care .tattoo-theory .wrapper .images div p{text-align:center;margin-top:24px;margin-right:12px}.view-tattoo-care .tattoo-theory .image-swiper{position:relative;width:100%;height:100%;top:-60px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-theory .image-swiper{position:relative}.view-tattoo-care .tattoo-theory .image-swiper:before{left:10%;transform:translateY(-50%) rotate(-45deg)}.view-tattoo-care .tattoo-theory .image-swiper:after,.view-tattoo-care .tattoo-theory .image-swiper:before{content:"";position:absolute;top:50%;display:block;width:24px;height:24px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;border-color:#282828}.view-tattoo-care .tattoo-theory .image-swiper:after{right:10%;transform:translateY(-50%) rotate(135deg)}}.view-tattoo-care .tattoo-theory .image-swiper .swiper-slide div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:325px}.view-tattoo-care .tattoo-theory .image-swiper .swiper-slide div img{width:50vw;margin-bottom:24px}.view-tattoo-care .tattoo-theory .image-swiper .swiper-slide div p{font-size:20px}.view-tattoo-care .tattoo-care{padding:120px 96px;background-color:#f0ebe5}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care{padding:80px 0}}.view-tattoo-care .tattoo-care h1{position:relative;font-size:52px;margin-bottom:24px;z-index:2}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care h1{font-size:24px;text-align:center}}.view-tattoo-care .tattoo-care h1:before{content:"Tattoo Care";font-size:120px;font-weight:400;font-family:"Noto Serif TC",serif;color:#f8f4ef;top:-96px;left:-24px;z-index:-1;position:absolute}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care h1:before{font-size:60px;top:-40px;left:27px}}.view-tattoo-care .tattoo-care span{display:block;width:75%;margin-bottom:48px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care span{width:80%;margin:40px auto}}.view-tattoo-care .tattoo-care .care-flow h3{font-size:24px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care .care-flow h3{font-size:20px;text-align:center}}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper{position:relative;display:flex;justify-content:center;width:800px;border:1px solid #282828;margin:24px 0 96px 0;gap:24px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care .care-flow .flow-wrapper{width:80%;margin:20px auto;gap:15px}}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .arrow-right{width:24px;height:24px;position:absolute;display:block;width:12px;height:12px;border-width:1px 0 0 1px;border-color:2px;border-style:solid;transform:rotate(135deg);bottom:-6.5px;right:50px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .arrow-right{right:6px}}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .mask{width:24px;height:24px;position:absolute;bottom:-12px;right:24px;background-color:#f0ebe5}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .mask{right:-20px;bottom:-12px}}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item{position:relative;width:120px;border:1.5px solid #282828;border-radius:50%;background-color:#f0ebe5;bottom:-60px;cursor:pointer;transition:.3s}@media screen and (max-width:900px){.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item{width:50px;height:50px;bottom:-25px}}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item img{width:100%;height:auto}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item:hover{background-color:#707070}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item.focus{position:relative;background-color:#282828}.view-tattoo-care .tattoo-care .care-flow .flow-wrapper .flow-item.focus:after{content:"";position:absolute;left:0;top:0;width:calc(100% - 3px);height:calc(100% - 3px);border:1px solid #fff;border-radius:50%;-webkit-animation-name:borderFadeIn;animation-name:borderFadeIn;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.view-tattoo-care .tattoo-product{position:relative;padding:80px 0;background-color:#f8f4ef;z-index:1}@media screen and (max-width:900px){.view-tattoo-care .tattoo-product{padding-top:0}}.view-tattoo-care .tattoo-product .dark-mask{position:absolute;left:0;top:0;width:40%;height:100%;background-color:#282828;z-index:-1}@media screen and (max-width:900px){.view-tattoo-care .tattoo-product .dark-mask{display:none}}.view-tattoo-care .tattoo-product .fibra-gel-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:2}@media screen and (max-width:900px){.view-tattoo-care .tattoo-product .fibra-gel-wrapper{flex-direction:column}}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title{position:relative;width:calc(40% - 80px);color:#fff;padding-left:80px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title h1{font-size:160px;font-style:italic;line-height:130px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title button{margin-top:128px;padding:8px 17px;font-size:18px;letter-spacing:2.5px;font-weight:600}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title button:hover{background-color:#707070;color:#fff}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title img{position:absolute;width:300px;right:-70px;top:32px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title{width:calc(100% - 48px);padding:80px 24px 100px 24px;background-color:#282828}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title h1{font-size:80px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title h2{font-size:16px;margin-top:8px;margin-left:12px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title button{display:none}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .title img{position:absolute;height:60%;width:auto;top:60%;transform:translateY(-50%);right:45px}}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character{width:60%}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why{padding:60px 0 60px 120px;background-color:#e1d9cf;width:calc(100% - 120px)}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about h3,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why h3{font-size:24px;margin-bottom:8px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about ul li,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why ul li{display:flex}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about ul li:before,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why ul li:before{content:"";display:inline-block;min-width:8px;height:12px;background-color:#fff;border-radius:2px;margin-right:8px;margin-top:6px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about ul li~li,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why ul li~li{margin-top:8px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why{background-color:transparent;padding-right:180px;width:calc(100% - 300px)}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why ul li:before{background-color:#e1d9cf}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why ul li~li{margin-top:16px}@media screen and (max-width:900px){.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character{width:100%;padding:0}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why{padding:40px 24px;width:calc(100% - 48px)}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about h3,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why h3{margin-bottom:24px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about li,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why li{display:flex;gap:4px}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about li:before,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why li:before{min-width:8px;margin-top:6px;margin-right:0}.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .about button,.view-tattoo-care .tattoo-product .fibra-gel-wrapper .character .why button{width:100%;background-color:#282828;color:#fff;padding:12px 0;margin-top:40px;font-size:18px}}@-webkit-keyframes bannerSpread{0%{min-height:0}to{min-height:57%}}@keyframes bannerSpread{0%{min-height:0}to{min-height:57%}}@-webkit-keyframes bannerSpreadMobile{0%{min-height:0}to{min-height:320px}}@keyframes bannerSpreadMobile{0%{min-height:0}to{min-height:320px}}@-webkit-keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes borderFadeIn{0%{border:1px solid transparent}50%{border:1px solid #fff}to{border:1px solid transparent}}@keyframes borderFadeIn{0%{border:1px solid transparent}50%{border:1px solid #fff}to{border:1px solid transparent}}.view-privacy{padding:0}@media screen and (max-width:900px){.view-privacy{padding:80px 0}}.view-privacy header{border-bottom:4px solid #282828;padding:0 0 8px 0}.view-privacy main{padding-top:24px}.view-privacy main section{margin-bottom:36px}.view-privacy main section h2,.view-privacy main section h3{margin-bottom:8px}.view-privacy main section span{text-align:justify}.view-privacy main section span ul{list-style:disc;width:calc(100% - 48px);padding-left:48px;padding-top:4px}.view-post{background-color:#f0ebe5}@media screen and (max-width:900px){.view-post{padding-top:60px}}.view-post article header{flex-direction:row;align-items:center;position:relative;overflow:hidden}.view-post article header,.view-post article header .mask{display:flex;justify-content:center;height:100vh;width:100vw}.view-post article header .mask{flex-direction:column;align-items:flex-start;position:absolute;background-color:rgba(24,21,21,.7);padding-left:20vw}@media screen and (max-width:900px){.view-post article header .mask{align-items:center;padding:0}}.view-post article header .mask h1{width:80vw;color:#d4d4d4;font-size:92px}@media screen and (max-width:900px){.view-post article header .mask h1{width:70vw;align-items:center;font-size:36px;text-align:center}}.view-post article header .mask .line{display:block;width:70vw;border-bottom:1px solid #fff;margin:40px 0}@media screen and (max-width:900px){.view-post article header .mask .line{margin:20px 0}}.view-post article header .mask .desc{width:80vw;color:#fff;font-size:24px;font-family:Noto Sans TC,sans-serif;font-weight:300;line-height:36px;margin-bottom:20px}@media screen and (max-width:900px){.view-post article header .mask .desc{width:70vw;font-size:16px}}.view-post article header .mask button{display:flex;align-items:center;background-color:transparent;color:#fff;cursor:pointer}@media screen and (max-width:900px){.view-post article header .mask button{flex-direction:column}}.view-post article header .mask button p{margin:0;font-family:sans-serif;font-size:28px;font-weight:300;z-index:3;transition:.3s}@media screen and (max-width:900px){.view-post article header .mask button p{font-size:20px;transition:.5s cubic-bezier(.77,0,.175,1)}}.view-post article header .mask button span{display:flex;justify-content:center;align-items:center;position:relative;height:48px;width:48px;margin-left:8px;z-index:2}@media screen and (max-width:900px){.view-post article header .mask button span{width:24px;height:24px;margin-left:0}}.view-post article header .mask button span:before{content:"";position:absolute;right:0;width:48px;height:48px;background-color:#776c62;border-radius:24px;transition:.5s cubic-bezier(.77,0,.175,1)}@media screen and (max-width:900px){.view-post article header .mask button span:before{width:24px;height:24px}}.view-post article header .mask button span .comp-icon{font-size:36px;margin-top:4px;color:#fff;z-index:2;transition:.5s cubic-bezier(.77,0,.175,1)}@media screen and (max-width:900px){.view-post article header .mask button span .comp-icon{font-size:20px;margin:0 0 4px 0}}.view-post article header .mask button strong span{font-weight:700}.view-post article header .mask button:hover span:before{width:140px}@media screen and (max-width:900px){.view-post article header .mask button:hover span:before{width:24px;transform:translateY(10px)}}@media screen and (max-width:900px){.view-post article header .mask button:hover p{transform:scale(1.2)}.view-post article header .mask button:hover .comp-icon{transform:translateY(10px)}}.view-post article header img{width:100vw}@media screen and (max-width:900px){.view-post article header img{width:auto;height:100vh}}.view-post article nav{margin:auto;width:80vw;border-bottom:1px solid #707070;padding:40px 0;margin-bottom:24px}.view-post article nav h2{margin-bottom:16px;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-post article nav ul li{font-family:Noto Sans TC,sans-serif;background-color:#9a8080;color:#fff;padding:16px 0 16px 20px;border-radius:4px;cursor:pointer}@media screen and (max-width:900px){.view-post article nav ul li{padding:16px 20px}}.view-post article nav ul li:hover{opacity:.6}.view-post article nav ul li~li{margin-top:8px}.view-post article .content-wrapper{width:80vw;margin:120px auto 0 auto;background-color:#f3f3f4;box-shadow:0 12px 36px rgba(0,0,0,.4)}@media screen and (max-width:900px){.view-post article .content-wrapper{background-color:transparent;box-shadow:none}}.view-post article .content-wrapper main{width:calc(100% - 600px);padding:0 300px 40px 300px}@media screen and (max-width:900px){.view-post article .content-wrapper main{width:calc(100vw - 80px);padding:0 0 80px 0;margin:0 auto;position:inherit;box-shadow:none}.view-post article .content-wrapper main img{width:100%;height:auto}}.view-post article .content-wrapper .content blockquote{border-left:4px solid #282828;padding-left:16px;margin-bottom:48px}.view-post article .content-wrapper .content blockquote p{font-size:24px}.view-post article .content-wrapper .content .chapter-header{width:calc(80vw - 400px);padding:80px 200px;left:-300px;position:relative;background-color:#282828;color:#fff}@media screen and (max-width:900px){.view-post article .content-wrapper .content .chapter-header{width:calc(100vw - 80px);padding:80px 40px;left:-40px}}.view-post article .content-wrapper .content .chapter-header .section-header,.view-post article .content-wrapper .content .chapter-header span{color:#fff!important}.view-post article .content-wrapper .content .chapter-header .section-header span{font-size:32px!important}.view-post article .content-wrapper .content #product-ad-chunk{display:flex;margin:24px 0;justify-content:center;align-items:center;height:100%;background-color:#fff;border-radius:8px;box-shadow:4px 4px 6px rgba(0,0,0,.2);gap:32px;padding:16px 40px}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk{flex-direction:column;padding:24px 0}}.view-post article .content-wrapper .content #product-ad-chunk .img-wrapper{background-color:#d9d7d4;border-radius:12px;overflow:hidden;border:1px solid #eae0d4}.view-post article .content-wrapper .content #product-ad-chunk .img-wrapper img{display:block;width:200px;height:200px;-o-object-fit:contain;object-fit:contain}.view-post article .content-wrapper .content #product-ad-chunk .product-info p{font-size:16px!important;margin:0!important}.view-post article .content-wrapper .content #product-ad-chunk .product-info h3{font-weight:300;font-size:24px!important;margin:0!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info h3{text-align:center}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .product-price{font-weight:400;font-size:20px;margin-top:8px;font-family:Noto Sans TC,sans-serif;color:#b25757}.view-post article .content-wrapper .content #product-ad-chunk .product-info .product-price .original{text-decoration:line-through;color:#707070;font-weight:300;margin-right:4px;font-size:20px!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info .product-price{text-align:center}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .score{display:flex;align-items:center;gap:8px}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info .score{display:flex;flex-direction:row;justify-content:center;align-items:center}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper{position:relative;width:100px}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper{width:80px}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper img{width:20px;height:20px;margin:0;transform:translate(0)}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper img{width:16px!important;height:16px}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper .score-light{position:absolute;top:0;left:0;display:flex;overflow-x:hidden;height:20px}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper .score-light{height:16px}}.view-post article .content-wrapper .content #product-ad-chunk .product-info .score .wrapper .score-empty{display:flex}.view-post article .content-wrapper .content #product-ad-chunk a{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 20px;background-color:#938e8a;margin-top:16px;-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:4px;color:#fff;cursor:pointer}@media screen and (max-width:900px){.view-post article .content-wrapper .content #product-ad-chunk a{width:calc(100% - 40px);background-color:#938e8a;color:#fff;text-align:center}}.view-post article .content-wrapper .content #product-ad-chunk a:hover{background-color:#a0a0a0;color:#fff}.view-post article .content-wrapper .content #product-ad img{height:480px;width:auto}.view-post article .content-wrapper .content .reference a,.view-post article .content-wrapper .content .reference p{margin-bottom:0!important;font-size:12px!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content .reference a,.view-post article .content-wrapper .content .reference p{text-align:left}}.view-post article .content-wrapper .content .reference a span,.view-post article .content-wrapper .content .reference p span{font-size:12px!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content .reference a,.view-post article .content-wrapper .content .reference p{line-height:12px!important;text-align:left}}.view-post article .content-wrapper .content table{width:100%!important;margin:0!important}.view-post article .content-wrapper .content table tbody tr td{padding:8px!important}.view-post article .content-wrapper .content table tbody tr td p{text-align:center}.view-post article .content-wrapper .content ol,.view-post article .content-wrapper .content ul{margin-left:1em}@media screen and (max-width:900px){.view-post article .content-wrapper .content ol,.view-post article .content-wrapper .content ul{-webkit-padding-start:20px!important;padding-inline-start:20px!important}}.view-post article .content-wrapper .content ol li,.view-post article .content-wrapper .content ul li{white-space:normal!important}.view-post article .content-wrapper .content ol li~li,.view-post article .content-wrapper .content ul li~li{margin-top:4px}.view-post article .content-wrapper .content h2{margin-bottom:8px}.view-post article .content-wrapper .content a,.view-post article .content-wrapper .content b,.view-post article .content-wrapper .content li,.view-post article .content-wrapper .content p,.view-post article .content-wrapper .content span{font-family:Noto Sans TC,sans-serif;font-weight:400;font-size:18px!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content a,.view-post article .content-wrapper .content b,.view-post article .content-wrapper .content li,.view-post article .content-wrapper .content p,.view-post article .content-wrapper .content span{font-size:18px!important}}.view-post article .content-wrapper .content p{margin-bottom:16px!important;text-align:justify}.view-post article .content-wrapper .content p a{line-break:anywhere}.view-post article .content-wrapper .content span{width:100%}.view-post article .content-wrapper .content span span{width:100%!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.view-post article .content-wrapper .content h3{margin-bottom:8px!important;font-size:30px!important}.view-post article .content-wrapper .content h3 span{font-size:30px!important}.view-post article .content-wrapper .content h4{margin-bottom:8px!important;font-size:24px!important}.view-post article .content-wrapper .content h4 span{font-size:24px!important}.view-post article .content-wrapper .content img{width:80%;height:auto;border-radius:12px;margin-left:50%;transform:translateX(-50%)}@media screen and (max-width:900px){.view-post article .content-wrapper .content img{width:100%!important;border-radius:4px;transform:none;margin-left:0}}.view-post article .content-wrapper .content h1,.view-post article .content-wrapper .content h2,.view-post article .content-wrapper .content h3,.view-post article .content-wrapper .content h4,.view-post article .content-wrapper .content h5,.view-post article .content-wrapper .content h6,.view-post article .content-wrapper .content strong{font-family:Noto Sans TC,sans-serif;font-weight:400}.view-post article .content-wrapper .content h1 a,.view-post article .content-wrapper .content h1 span,.view-post article .content-wrapper .content h2 a,.view-post article .content-wrapper .content h2 span,.view-post article .content-wrapper .content h3 a,.view-post article .content-wrapper .content h3 span,.view-post article .content-wrapper .content h4 a,.view-post article .content-wrapper .content h4 span,.view-post article .content-wrapper .content h5 a,.view-post article .content-wrapper .content h5 span,.view-post article .content-wrapper .content h6 a,.view-post article .content-wrapper .content h6 span,.view-post article .content-wrapper .content strong,.view-post article .content-wrapper .content strong a,.view-post article .content-wrapper .content strong span{font-weight:500!important}@media screen and (max-width:900px){.view-post article .content-wrapper .content span{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}.view-post article .content-wrapper footer{background-color:#b4a490;left:0;width:100%;color:#fff;padding:40px 0 80px 0}@media screen and (max-width:900px){.view-post article .content-wrapper footer{width:100vw;margin-left:-38px}}.view-post article .content-wrapper footer h2{text-align:center;font-size:48px;font-family:Noto Sans TC,sans-serif;font-weight:300;margin-bottom:12px}@media screen and (max-width:900px){.view-post article .content-wrapper footer h2{font-size:32px}}.view-post article .content-wrapper footer h4{text-align:center;font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:24px;margin-bottom:40px}@media screen and (max-width:900px){.view-post article .content-wrapper footer h4{width:80%;font-size:16px;margin:0 auto}}.view-post article .content-wrapper footer .swiper-out-wrapper{position:relative;width:calc(100% - 200px);height:100%;margin:0 auto}@media screen and (max-width:900px){.view-post article .content-wrapper footer .swiper-out-wrapper{width:calc(100% - 80px)}}.view-post article .content-wrapper footer .swiper-out-wrapper .m-control{position:absolute;top:50%;left:-20px;transform:translateY(-50%);width:40px;height:40px;border-radius:40px;border:none;transition:.3s;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));z-index:3}.view-post article .content-wrapper footer .swiper-out-wrapper .m-control .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;color:#a6907d;transform:translateX(-2px);transition:.3s}.view-post article .content-wrapper footer .swiper-out-wrapper .m-control:hover{box-shadow:0 10px 13px rgba(0,0,0,.25)}.view-post article .content-wrapper footer .swiper-out-wrapper .m-control.right{left:auto;right:-20px}.view-post article .content-wrapper footer .swiper-out-wrapper .m-control.right .bi{transform:translateX(2px)}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-wrapper{padding:20px 0}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide{transition:.3s}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a{display:block;border-radius:20px;width:100%;-webkit-text-decoration-line:none;text-decoration-line:none;box-shadow:0 4px 5px rgba(0,0,0,.25)}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .image-container{position:relative;width:calc(26.66667vw - 82.66667px);height:calc(16.66667vw - 51.66667px);overflow:hidden}@media screen and (max-width:900px){.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .image-container{width:100%;height:auto}}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .image-container:after{content:"閱讀文章";color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:24px;line-height:250px;text-align:center;position:absolute;display:block;width:100%;height:100%;background-color:rgba(24,21,21,.8);top:0;left:0;border-top-left-radius:20px;border-top-right-radius:20px;opacity:0;transition:.3s}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .image-container img{display:block;width:100%;border-top-left-radius:20px;border-top-right-radius:20px}@media screen and (max-width:900px){.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .image-container img{width:100%}}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .content{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:40px 32px;color:#38332f;min-height:200px}@media screen and (max-width:1600px){.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a .content{min-height:250px}}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a h2{font-size:20px;color:#38332f;font-weight:400;margin-bottom:12px}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide a span{font-size:16px;font-weight:300;color:#707070}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide:hover{transform:translateY(-10px)}.view-post article .content-wrapper footer .swiper-out-wrapper .swiper-slide:hover a .image-container:after{opacity:1}.view-post-explore{width:calc(100vw - 280px);display:flex;padding:264px 140px;background-color:#f0ebe5}@media screen and (max-width:1600px){.view-post-explore{width:80vw;padding:160px 10vw}}@media screen and (max-width:900px){.view-post-explore{width:80vw;padding:120px 10vw}}.view-post-explore section{width:100%;border-top:6px solid #282828}@media screen and (max-width:900px){.view-post-explore section{width:100%}}.view-post-explore section ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:60px 0;gap:40px;border-bottom:2px solid #282828}.view-post-explore section ul li img{width:500px}.view-post-explore section ul li div{flex-grow:1}.view-post-explore section ul li div h1{font-size:40px;margin-bottom:20px}.view-post-explore section ul li div p{border-top:1px solid #282828;line-height:40px;margin-bottom:6px;color:#707070}.view-post-explore section ul li div span{display:block;margin-bottom:20px;text-align:justify}.view-post-explore section ul li div button{padding:8px 50px;background-color:#282828;color:#fff;cursor:pointer}.view-post-explore section ul li div button:hover{background-color:#fff;color:#282828}@media screen and (max-width:900px){.view-post-explore section ul li{display:block}.view-post-explore section ul li img{width:100%;margin-bottom:8px;border-radius:4px}.view-post-explore section ul li div h1{font-size:24px}.view-post-explore section ul li div button{width:100%}}.view-payment{padding:180px 10vw;background-color:#f0ebe5}.view-payment a,.view-payment button,.view-payment div,.view-payment h1,.view-payment h2,.view-payment h3,.view-payment h4,.view-payment h5,.view-payment h6,.view-payment header,.view-payment input,.view-payment li,.view-payment p,.view-payment span,.view-payment td{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:1600px){.view-payment{padding:160px 10vw}}@media screen and (max-width:900px){.view-payment{padding:120px 24px}}.view-payment.reminder{padding:240px 10vw}@media screen and (max-width:1600px){.view-payment.reminder{padding:240px 10vw}}@media screen and (max-width:900px){.view-payment.reminder{padding:200px 10vw}}.view-payment .timeout-counter{position:fixed;background-color:#fff;border-radius:8px;width:calc(80vw - 48px);padding:12px 24px;top:140px;z-index:96;box-shadow:0 2px 4px rgba(0,0,0,.2)}@media screen and (max-width:900px){.view-payment .timeout-counter{width:calc(80vw - 48px);top:100px}}.view-payment .timeout-counter .display{font-size:20px}.view-payment .timeout-counter .comp-icon{font-size:20px;margin-right:4px}.view-payment .timeout-counter span{font-size:16px}.view-payment .timeout-counter button{float:right;height:100%;padding:4px 8px;border-radius:4px;cursor:pointer}@media screen and (max-width:900px){.view-payment .timeout-counter button{background-color:#645454;color:#fff;margin-top:8px;padding:8px 16px}}.view-payment .timeout-counter button:hover{background-color:#282828;color:#fff}.view-payment .login-section{width:100%}.view-payment .login-v2{width:100%;background-color:#b46969;border-radius:8px 8px 0 0;overflow-y:hidden;transition:.3s ease-in-out;max-height:56px}.view-payment .login-v2.spread{max-height:500px;background-color:#6d6d6d;color:#fff}.view-payment .login-v2.spread header .comp-icon{transform:rotate(180deg)}.view-payment .login-v2 header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 48px);color:#fff;padding:16px 24px;margin-bottom:16px;border-bottom:2px solid #fff}.view-payment .login-v2 header .comp-icon{transition:.3s}.view-payment .login-v2 main{padding:0 24px 16px 24px}.view-payment .login-v2 main h3{display:block;font-weight:400;margin-bottom:12px}.view-payment .login-v2 main input{width:100%;outline:none;border:none;padding:8px 0;text-indent:16px;background-color:#fff;border-radius:4px;font-size:16px}.view-payment .login-v2 main input.pwd{margin-top:8px}.view-payment .login-v2 main hr{margin:16px 0}.view-payment .login-v2 main button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:8px 0;border-radius:4px;background-color:#282828;color:#fff;font-size:14px}.view-payment .login-v2 main button .comp-icon{margin-right:8px;font-size:18px}.view-payment .login-v2 main button .comp-icon.fb{color:#1877f2}.view-payment .login-v2 main button.line-login{background-color:#03c755;color:#fff}.view-payment .hint{background-color:#988b7d;color:#fff;border-radius:0 0 8px 8px;width:calc(100% - 48px);padding:2px 24px;font-size:14px}.view-payment .steps{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:40px;gap:8px}.view-payment .steps .step{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.view-payment .steps .step .circle{width:24px;height:24px;border-radius:12px;line-height:24px;text-align:center;background-color:#d3d3d3;font-size:14px}.view-payment .steps .step.active .circle{background-color:#282828;color:#fff}.view-payment .steps .line{border-top:.5px solid #707070;border-bottom:.5px solid #707070;width:200px}@media screen and (max-width:900px){.view-payment .steps .line{width:60px}}.view-payment .step-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;gap:24px}@media screen and (max-width:900px){.view-payment .step-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}}.view-payment .step-wrapper aside{width:240px;position:sticky;top:100px}@media screen and (max-width:900px){.view-payment .step-wrapper aside{position:static;width:100%}}.view-payment .step-wrapper aside .timeout-counter-aside{position:static;background-color:#b96b6b;color:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.view-payment .step-wrapper aside .timeout-counter-aside .display{font-size:20px}.view-payment .step-wrapper aside .timeout-counter-aside .comp-icon{font-size:20px;margin-right:4px}.view-payment .step-wrapper aside .timeout-counter-aside span{display:block;font-size:16px;line-height:20px;margin-top:8px}.view-payment .step-wrapper aside section{background-color:#282828;color:#fff}.view-payment .step-wrapper aside section~section{margin-top:12px}.view-payment .step-wrapper aside section.login{width:calc(100% - 32px);margin-top:16px;padding:20px 16px}.view-payment .step-wrapper aside section.login header{font-size:24px;margin-bottom:12px}.view-payment .step-wrapper aside section.login input{width:100%;outline:none;border:none;padding:4px 0;text-indent:8px;background-color:#d3d3d3;border-radius:0}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.login input{padding:8px 0}}.view-payment .step-wrapper aside section.login input~input{margin-top:4px}.view-payment .step-wrapper aside section.login button{padding:4px 0;width:100%;margin-top:12px;background-color:#fff;border-radius:2px;cursor:pointer}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.login button{padding:8px 0;color:#000;font-size:16px}}.view-payment .step-wrapper aside section.login button:hover{opacity:.8}.view-payment .step-wrapper aside section.login .line-login .comp-icon{color:#06c755}.view-payment .step-wrapper aside section.login .extra{font-size:12px;color:silver}.view-payment .step-wrapper aside section.login .register{margin-top:24px;border-top:1px solid #fff}.view-payment .step-wrapper aside section.login .register header{margin-top:12px;margin-bottom:0}.view-payment .step-wrapper aside section.login .register h2{margin:0}.view-payment .step-wrapper aside section.login .register p{font-size:12px}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.payment-detail{border-radius:8px}}.view-payment .step-wrapper aside section.payment-detail header{padding:20px 16px;border-bottom:4px solid #f0ebe5}.view-payment .step-wrapper aside section.payment-detail main{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px 16px}.view-payment .step-wrapper aside section.payment-detail main div{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:8px}.view-payment .step-wrapper aside section.payment-detail main div input{width:100%;outline:none;border:none;padding:8px 0;text-indent:8px;border-radius:0;background-color:#d3d3d3}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.payment-detail main div input{height:20px;border-radius:4px;font-size:14px;text-indent:12px}}.view-payment .step-wrapper aside section.payment-detail main div button{width:60px;background-color:#fff;padding:8px 0;border-radius:2px;color:#000}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.payment-detail main div button{width:80px;font-size:14px;height:36px}}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:28px}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose a{width:calc(100% - 16px);background-color:#938e8a;border-radius:2px;padding:4px 8px;font-size:14px;cursor:pointer;margin-top:6px;margin-bottom:24px}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used{width:100%}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100% - 16px);padding:2px 8px;font-size:14px;background-color:hsla(0,0%,100%,.8);border-radius:4px;color:#282828}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li.register-remider2{color:#fff;background-color:#ce5047}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li.register-remider2{font-size:16px}}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li~li{margin-top:4px}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li p{flex-grow:1}@media screen and (max-width:900px){.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li p{font-size:16px}}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li .comp-icon{margin-top:3px;margin-right:8px}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li div{width:18px;height:18px;border-radius:9px}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li div .comp-icon{margin-right:0}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li div:hover{background-color:#c74141}.view-payment .step-wrapper aside section.payment-detail main .coupon-choose .coupon-used li div:hover .comp-icon{color:#fff}.view-payment .step-wrapper aside section.payment-detail main .amount{width:100%}.view-payment .step-wrapper aside section.payment-detail main .amount li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 4px 0}.view-payment .step-wrapper aside section.payment-detail main .amount li.total{border-top:1px solid #fff;padding-top:4px;padding-bottom:0}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher button{background-color:transparent;color:#a5d6fe;font-size:16px;cursor:pointer}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher button:hover{opacity:.8}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher-use{display:block}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher-use p{width:100%;font-size:10px;text-align:right;color:#c2c2c2}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher-use .input-wrapper{display:flex;margin-top:4px}.view-payment .step-wrapper aside section.payment-detail main .amount li.voucher-use .input-wrapper button{height:35px;border-radius:2px}.view-payment .step-wrapper aside section.payment-detail main .amount span{font-size:12px;color:#c1c1c1}.view-payment .step-wrapper aside .pay-and-port-type h4{margin-top:8px;font-size:16px;font-weight:500}.view-payment .step-wrapper aside .pay-and-port-type .icons i{font-size:24px}.view-payment .step-wrapper aside .pay-and-port-type .icons i~i{margin-left:4px}.view-payment .step-wrapper aside .pay-and-port-type .icons p{font-size:16px}.view-payment .step-wrapper aside .pay-and-port-type .icons p.cod{display:inline;margin-left:4px}.view-payment .step-wrapper aside footer{display:none}.view-payment .step-wrapper aside footer .payment-loading-button{background-color:#bd5d5d;padding:32px 20px;line-height:0;color:#fff}@media screen and (max-width:900px){.view-payment .step-wrapper aside footer{display:block}.view-payment .step-wrapper aside footer button{width:100%;height:40px;margin-top:12px;font-size:16px;border-radius:4px}.view-payment .step-wrapper aside footer button.backToChoose{background-color:#fff;color:#000}.view-payment .step-wrapper aside footer button.last,.view-payment .step-wrapper aside footer button.next{background-color:#282828;color:#fff}.view-payment .step-wrapper aside footer .button-group{display:flex;gap:8px}}.view-payment .coupon-modal{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:99;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:row;justify-content:center;align-items:center}.view-payment .coupon-modal .wrapper{position:relative;background-color:#fff;width:40%;border-radius:12px;padding:24px;height:550px;overflow:hidden}@media screen and (max-width:900px){.view-payment .coupon-modal .wrapper{width:80%}}.view-payment .coupon-modal .wrapper header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #282828}.view-payment .coupon-modal .wrapper header h3{font-size:24px;line-height:40px}.view-payment .coupon-modal .wrapper header .close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;border-radius:8px}.view-payment .coupon-modal .wrapper header .close:hover{background-color:#c74141;color:#fff}.view-payment .coupon-modal .wrapper header .close .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px}.view-payment .coupon-modal .wrapper main{position:absolute;width:calc(100% - 48px);height:calc(100% - 80px);overflow-y:scroll}.view-payment .coupon-modal .wrapper main ul li{display:flex;border-radius:8px;background-color:#f0ebe5;margin-top:8px;padding:8px 60px 8px 16px;position:relative}.view-payment .coupon-modal .wrapper main ul li.expired{opacity:.6}.view-payment .coupon-modal .wrapper main ul li .content h4{flex-grow:1}.view-payment .coupon-modal .wrapper main ul li .content .desc{display:block;margin-top:6px;margin-right:24px;color:#c74141;font-weight:300;font-size:12px;line-height:16px;text-align:justify}.view-payment .coupon-modal .wrapper main ul li .content .extra{margin-top:6px;font-size:12px;color:#c70f0f;font-weight:500}.view-payment .coupon-modal .wrapper main ul li .use{position:absolute;top:0;right:0;height:100%;width:60px}.view-payment .coupon-modal .wrapper main ul li .use button{width:100%;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:#867e7e}.view-payment .coupon-modal .wrapper main ul li button{background-color:#282828;color:#fff;width:40px;cursor:pointer}.view-payment .coupon-modal .wrapper main .no-coupon{margin-top:16px}.view-payment .coupon-modal .wrapper main.giveaway-items{flex-grow:1}.view-payment .coupon-modal .wrapper main.giveaway-items h3{margin-top:12px}.view-payment .coupon-modal .wrapper main.giveaway-items section{width:100%;height:calc(100% - 120px);overflow-y:scroll}.view-payment .coupon-modal .wrapper main.giveaway-items ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:4px;column-gap:4px;row-gap:8px}@media screen and (max-width:900px){.view-payment .coupon-modal .wrapper main.giveaway-items ul{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:8px;column-gap:8px}}.view-payment .coupon-modal .wrapper main.giveaway-items ul li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 0;background-color:#ddd;cursor:pointer}.view-payment .coupon-modal .wrapper main.giveaway-items ul li:hover{background-color:#f0ebe5}.view-payment .coupon-modal .wrapper main.giveaway-items ul li .product-image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:120px;background-color:hsla(0,0%,100%,.8);border-radius:8px}.view-payment .coupon-modal .wrapper main.giveaway-items ul li .product-image-wrapper img{height:120px}.view-payment .coupon-modal .wrapper main.giveaway-items ul li h2{margin-top:8px;font-size:16px}.view-payment .coupon-modal .wrapper main.giveaway-items ul li.choosed{background-color:#282828}.view-payment .coupon-modal .wrapper main.giveaway-items ul li.choosed h2{color:#fff}.view-payment .coupon-modal .wrapper main.giveaway-items .button-group{display:flex;justify-content:space-between;gap:24px}.view-payment .coupon-modal .wrapper main.giveaway-items .button-group button{flex-grow:1;padding:8px 0;background-color:#282828;color:#fff;cursor:pointer}.view-payment .coupon-modal .wrapper main.giveaway-items .button-group button:first-child{background-color:#ddd;color:#282828}.view-payment .coupon-modal .wrapper main.giveaway-items .button-group button:hover{opacity:.8}.view-payment .coupon-modal .wrapper .close-button{width:calc(100% - 48px);position:absolute;bottom:24px;padding:8px 0;border-radius:4px;background-color:#282828;color:#fff;cursor:pointer}.step-comp{flex-grow:1}@media screen and (max-width:900px){.view-cart{width:100%}}.view-cart .bill header{margin-bottom:8px}.view-cart .bill table{width:100%;border-top:4px solid #282828;border-spacing:0}.view-cart .bill table .table-head{height:32px}.view-cart .bill table .table-head td{border-bottom:2px solid #282828}@media screen and (max-width:900px){.view-cart .bill table .table-head td{font-size:14px}.view-cart .bill table .table-head td:nth-child(5){width:10%}}.view-cart .bill table .item td{padding:16px 0;border-bottom:1px solid #282828}.view-cart .bill table .item td p{font-size:20px}@media screen and (max-width:900px){.view-cart .bill table .item td p{font-size:12px}}.view-cart .bill table .item td:first-child{width:200px}@media screen and (max-width:900px){.view-cart .bill table .item td:first-child{width:64px}}.view-cart .bill table .item td:first-child div{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e1d9cf;width:120px;border-radius:8px;cursor:pointer;transition:.3s}.view-cart .bill table .item td:first-child div:hover{transform:translateY(-8px)}@media screen and (max-width:900px){.view-cart .bill table .item td:first-child div{width:60px}}.view-cart .bill table .item td:first-child div img{width:auto;height:120px;border-radius:8px}@media screen and (max-width:900px){.view-cart .bill table .item td:first-child div img{height:60px}}.view-cart .bill table .item td:nth-child(2){width:30%;padding-right:20px}.view-cart .bill table .item td:nth-child(2) h3{font-size:20px;cursor:pointer}.view-cart .bill table .item td:nth-child(2) h4{font-size:16px;cursor:pointer}.view-cart .bill table .item td:nth-child(2) .product-price-type{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 8px;background-color:#cfcfcf;border-radius:4px;margin-top:4px;font-size:12px}.view-cart .bill table .item td:nth-child(2) .set-desc{display:block;font-size:12px;color:#ae6565;margin-top:4px;text-align:justify}.view-cart .bill table .item td:nth-child(2):hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}@media screen and (max-width:900px){.view-cart .bill table .item td:nth-child(2) h3,.view-cart .bill table .item td:nth-child(2) h4{font-size:12px}}.view-cart .bill table .item td.product-quantity{width:12%}@media screen and (max-width:900px){.view-cart .bill table .item td.product-quantity{width:80px}}.view-cart .bill table .item td.product-quantity div{display:flex;flex-direction:row;justify-content:center;align-items:center;width:72px;margin-left:-24px}@media screen and (max-width:900px){.view-cart .bill table .item td.product-quantity div{margin-left:0}}.view-cart .bill table .item td.product-quantity p{line-height:24px;width:24px;text-align:center;margin:0}.view-cart .bill table .item td.product-quantity button{width:16px;height:16px;background-color:#ddd}.view-cart .bill table .item td.product-quantity button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.view-cart .bill table .item td.product-quantity button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.view-cart .bill table .item td.product-quantity button .comp-icon{display:block;color:#707070}.view-cart .bill table .item td.product-quantity button:hover .comp-icon{color:#282828}.view-cart .bill table .item td:nth-child(5){width:16%}@media screen and (max-width:900px){.view-cart .bill table .item td:nth-child(5){width:10%}}.view-cart .bill table .item td.delete .comp-icon{cursor:pointer;color:hsla(0,0%,43.9%,.5843137254901961)}.view-cart .bill table .item td.delete .comp-icon:hover{color:#c74141}.view-cart .bill table .giveaway td:nth-child(2){width:200px}.view-cart .bill table .giveaway td:nth-child(2) h4{display:flex;cursor:auto}.view-cart .bill table .giveaway td:nth-child(2) h4 button{background-color:#575757;color:#fff;padding:2px 4px;border-radius:4px;margin-left:8px;font-size:12px;cursor:pointer}.view-cart .bill table .giveaway td:nth-child(2) h4 button:hover{opacity:.8}.view-cart .bill table .giveaway td:nth-child(2):hover{-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (max-width:900px){.view-cart .bill table .giveaway td:nth-child(3){font-size:12px;text-align:center}}.view-cart .bill table .giveaway td:nth-child(4){font-size:20px;padding-left:8px}@media screen and (max-width:900px){.view-cart .bill table .giveaway td:nth-child(4){font-size:12px}}.view-cart .bill table .giveaway span{max-width:90%}.view-cart .bill table .giveaway .giveaway-desc{display:block;font-size:12px;color:#ae6565;margin-top:4px;text-align:justify}.view-cart .bill .cart-items-mobile{border-top:4px solid #282828}.view-cart .bill .cart-items-mobile ul{list-style:none}.view-cart .bill .cart-items-mobile ul li{padding:16px 0;border-bottom:1px solid #282828}.view-cart .bill .cart-items-mobile ul li .info{display:flex;position:relative;gap:8px}.view-cart .bill .cart-items-mobile ul li .info .delete-item{position:absolute;top:0;right:8px;width:24px;height:24px}.view-cart .bill .cart-items-mobile ul li .info .delete-item .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px;width:24px;height:24px}.view-cart .bill .cart-items-mobile ul li .info .image{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e1d9cf;width:80px;height:80px;border-radius:8px}.view-cart .bill .cart-items-mobile ul li .info .image img{width:80px;height:80px;border-radius:8px}.view-cart .bill .cart-items-mobile ul li .info .content h3{font-weight:400}.view-cart .bill .cart-items-mobile ul li .info .content h4{font-size:14px}.view-cart .bill .cart-items-mobile ul li .info .content button{background-color:#575757;color:#fff;padding:2px 4px;border-radius:4px;font-size:12px;cursor:pointer}.view-cart .bill .cart-items-mobile ul li .info .content div{display:flex;align-items:center;gap:8px}.view-cart .bill .cart-items-mobile ul li .info .content div .coupon-tag{margin-top:0}.view-cart .bill .cart-items-mobile ul li .info .content .set-desc{display:block;font-size:12px;color:#ae6565;margin-top:4px;text-align:justify}.view-cart .bill .cart-items-mobile ul li .info .content .coupon-tag{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 8px;background-color:#cfcfcf;border-radius:4px;margin-top:4px;font-size:12px}.view-cart .bill .cart-items-mobile ul li .info .content .giveaway-desc{display:block;font-size:12px;color:#ae6565;margin-top:4px;text-align:justify}.view-cart .bill .cart-items-mobile ul li .product-quantity{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px}.view-cart .bill .cart-items-mobile ul li .product-quantity .counter{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #282828;border-radius:8px}.view-cart .bill .cart-items-mobile ul li .product-quantity .counter button{padding:0 12px;background-color:transparent;color:#000}.view-cart .bill .cart-items-mobile ul li .product-quantity .counter button .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px}.view-cart .bill .cart-items-mobile ul li .product-quantity .counter p{padding:8px 20px;background-color:#d9d9d9}.view-cart .bill .cart-items-mobile ul li .product-quantity .price{font-size:20px}.view-cart .bill .cart-items-mobile ul li .product-quantity .price span{font-size:14px}.view-cart .bill .empty{width:100%;height:120px;line-height:120px;border-bottom:1px solid #282828}.view-cart .bill .freeship{padding:8px 0;border-bottom:3px solid #282828;font-size:14px}.view-cart .bill .freeship p{display:inline}.view-cart .bill .freeship a,.view-cart .bill .freeship span{background-color:#c74141;color:#fff;padding:4px 8px;border-radius:4px}@media screen and (max-width:900px){.view-cart .bill .freeship a,.view-cart .bill .freeship span{display:block;margin-top:8px}}@media screen and (max-width:900px){.view-cart .bill .freeship{font-size:12px}}.view-cart .bill .giveaway-list{padding-top:8px}.view-cart .bill .giveaway-list ul{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:8px;column-gap:8px;row-gap:12px;margin-top:8px;border-bottom:4px solid #282828;padding-bottom:12px}@media screen and (max-width:900px){.view-cart .bill .giveaway-list ul{grid-template-columns:1fr}}.view-cart .bill .giveaway-list ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:hsla(0,0%,100%,.4);padding:12px 20px;border-radius:8px}.view-cart .bill .giveaway-list ul li .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90px;height:90px;margin-right:16px}@media screen and (max-width:900px){.view-cart .bill .giveaway-list ul li .img-wrapper{width:60px}}.view-cart .bill .giveaway-list ul li .img-wrapper img{width:auto;height:90px;border-radius:4px}@media screen and (max-width:900px){.view-cart .bill .giveaway-list ul li .img-wrapper img{height:60px}}.view-cart .bill .giveaway-list ul li h4{font-size:14px}.view-cart .bill .giveaway-list ul li span{display:block;background-color:#ddd;border-radius:4px;padding:2px 8px;margin-top:8px;font-size:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-cart .bill .additional-list{margin-top:16px}.view-cart .bill .additional-list ul{margin-top:8px}.view-cart .bill .additional-list ul li{position:relative}.view-cart .bill .additional-list ul li .img-wrapper{display:flex;width:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;border-radius:8px;max-width:100px}.view-cart .bill .additional-list ul li .img-wrapper img{height:120px}.view-cart .bill .additional-list ul li h5{font-weight:400;font-size:12px}.view-cart .bill .additional-list ul li h4{font-size:16px}.view-cart .bill .additional-list ul li span{background-color:transparent;padding:0;margin-top:0;font-size:20px;color:#a53e3e}.view-cart .bill .additional-list ul li span p{-webkit-text-decoration-line:none;text-decoration-line:none;display:inline;color:#a53e3e}.view-cart .bill .additional-list ul li p{display:inline;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;font-size:14px;opacity:.7}.view-cart .bill .additional-list ul li .diff{-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:4px}.view-cart .bill .additional-list ul li button{display:block;padding:8px 20px;border-radius:4px;margin-top:4px;background-color:#938e8a;color:#f0ebe5;cursor:pointer;transition:.3s}.view-cart .bill .additional-list ul li button.added{background-color:#b7b7b7;cursor:auto}.view-cart .bill .additional-list ul li button:not(.added):hover{background-color:#a53e3e}.view-cart .bill footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px}.view-cart .bill footer button{padding:8px 80px;cursor:pointer}@media screen and (max-width:900px){.view-cart .bill footer button{display:none}}.view-cart .bill footer button:hover{opacity:.8}.view-cart .bill footer button.backToChoose{background-color:#fff;border-radius:2px}.view-cart .bill footer button.next{background-color:#282828;color:#fff;border-radius:2px}.view-cart .line-remider{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:99}.view-cart .line-remider .mask{width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:row;justify-content:center;align-items:center}.view-cart .line-remider .mask .content{width:1000px;height:600px;background-size:cover;border-radius:8px;border:12px solid #fff;color:#fff}@media screen and (max-width:900px){.view-cart .line-remider .mask .content{width:80vw;height:80vh;background-position:50%}}.view-cart .line-remider .mask .content .wrapper{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center}.view-cart .line-remider .mask .content span{position:absolute;right:20px;top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;border-radius:4px}.view-cart .line-remider .mask .content span .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:24px}@media screen and (max-width:900px){.view-cart .line-remider .mask .content span{right:16px;top:16px}}.view-cart .line-remider .mask .content span:hover{cursor:pointer;background-color:#fff;color:#000}.view-cart .line-remider .mask .content h3{font-size:64px;font-weight:400;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media screen and (max-width:900px){.view-cart .line-remider .mask .content h3{font-size:40px;text-align:center}}.view-cart .line-remider .mask .content p{font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.view-cart .line-remider .mask .content button{padding:8px 20px;border-radius:4px;margin-top:4px;background-color:#a53e3e;color:#f0ebe5;cursor:pointer;transition:.3s;font-size:20px;margin-top:24px}.view-cart .line-remider .mask .content button:hover{opacity:.8}.view-shipping section>header{border-bottom:4px solid #282828}.view-shipping section>header h2{padding:4px 0}.view-shipping section.pay-type main,.view-shipping section.port-type main{margin-bottom:60px}.view-shipping section.pay-type main .pay-type-radio,.view-shipping section.pay-type main .port-type-radio,.view-shipping section.port-type main .pay-type-radio,.view-shipping section.port-type main .port-type-radio{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:24px;gap:12px}.view-shipping section.pay-type main .pay-type-radio .radio,.view-shipping section.pay-type main .port-type-radio .radio,.view-shipping section.port-type main .pay-type-radio .radio,.view-shipping section.port-type main .port-type-radio .radio{display:flex;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;border-radius:12px;border:1px solid #282828}.view-shipping section.pay-type main .pay-type-radio .radio .picked,.view-shipping section.pay-type main .port-type-radio .radio .picked,.view-shipping section.port-type main .pay-type-radio .radio .picked,.view-shipping section.port-type main .port-type-radio .radio .picked{display:none;width:18px;height:18px;border-radius:12px;background-color:#282828}.view-shipping section.pay-type main .pay-type-radio .radio.choosed .picked,.view-shipping section.pay-type main .port-type-radio .radio.choosed .picked,.view-shipping section.port-type main .pay-type-radio .radio.choosed .picked,.view-shipping section.port-type main .port-type-radio .radio.choosed .picked{display:block}@media screen and (max-width:900px){.view-shipping section.pay-type main .pay-type-radio .content-wrapper,.view-shipping section.pay-type main .port-type-radio .content-wrapper,.view-shipping section.port-type main .pay-type-radio .content-wrapper,.view-shipping section.port-type main .port-type-radio .content-wrapper{width:calc(100% - 38px)}}.view-shipping section.pay-type main .pay-type-radio .content-wrapper a,.view-shipping section.pay-type main .port-type-radio .content-wrapper a,.view-shipping section.port-type main .pay-type-radio .content-wrapper a,.view-shipping section.port-type main .port-type-radio .content-wrapper a{color:#b66161}.view-shipping section.pay-type main .pay-type-radio .content-wrapper span,.view-shipping section.pay-type main .port-type-radio .content-wrapper span,.view-shipping section.port-type main .pay-type-radio .content-wrapper span,.view-shipping section.port-type main .port-type-radio .content-wrapper span{font-size:14px;color:#845d24}.view-shipping section.pay-type main .choose-store,.view-shipping section.port-type main .choose-store{display:flex;margin-top:8px;margin-left:40px;height:40px}.view-shipping section.pay-type main .choose-store button,.view-shipping section.port-type main .choose-store button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 12px;background-color:#282828;color:#fff;margin-right:8px}.view-shipping section.pay-type main .choose-store button div,.view-shipping section.port-type main .choose-store button div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:16px;background-color:#fff;margin-right:8px}.view-shipping section.pay-type main .choose-store button div img,.view-shipping section.port-type main .choose-store button div img{width:auto;height:16px}.view-shipping section.port-info{width:100%;margin-top:24px}.view-shipping section.port-info form{margin-top:16px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:12px}.view-shipping section.port-info form .phone-input{display:grid;grid-template-columns:70px 1fr}.view-shipping section.port-info form .phone-input .payment-comp-selector{width:78px}.view-shipping section.port-info form .phone-input .payment-comp-selector header{width:65px}.view-shipping section.port-info form .phone-input .cf-input-wrapper{flex-grow:1}@media screen and (max-width:900px){.view-shipping section.port-info form{grid-template-columns:1fr;row-gap:14px}.view-shipping section.port-info form .labelize{padding:3px 12px;top:-12px}.view-shipping section.port-info form .labelize p{transform:scale(1);font-size:10px}}.view-shipping section.port-info form .address{grid-column-start:1;grid-column-end:3}@media screen and (max-width:900px){.view-shipping section.port-info form .address{grid-column-end:2}}.view-shipping section.port-info form .cvs input{color:#9a4911}.view-shipping section.port-info .cf-checkbox{margin-top:16px}.view-shipping section.port-info .cf-checkbox a{color:#8a6f5d}.view-shipping section.port-info .button-group{display:grid;grid-template-columns:200px 1fr;-moz-column-gap:16px;column-gap:16px}@media screen and (max-width:900px){.view-shipping section.port-info .button-group{display:none}}.view-shipping section.port-info .button-group button{margin-top:20px;background-color:#282828;width:100%;padding:8px 0;color:#fff;cursor:pointer}.view-shipping section.port-info .button-group button:hover{opacity:.8}.view-shipping section.port-info .button-group button:first-child{background-color:#707070}.view-shipping .ecpay-map-modal{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.view-shipping .ecpay-map-modal main{width:60vw;height:80vh;background-color:#fff;border-radius:12px;padding:20px}.view-shipping .ecpay-map-modal main .map{width:100%;height:100%}.payment-comp-selector{position:relative;border-radius:0;width:calc(100% - 12px)}.payment-comp-selector .title{position:absolute;transform:translateY(0);top:-10px;left:12px;height:16px;line-height:16px;padding:2px 12px;background-color:#676767;color:#fff}.payment-comp-selector .title p{font-size:8px}.payment-comp-selector .show-value{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex-grow:1;padding:12px 0 12px 12px;font-size:14px;color:#707070;border:1px solid #707070;background-color:#fff}.payment-comp-selector .show-value.has-value{color:#282828}.payment-comp-selector .show-value .comp-icon{margin-right:12px;transition:.3s}.payment-comp-selector .show-value .comp-icon.spread{transform:rotate(180deg)}.payment-comp-selector ul{position:absolute;width:100%;border-radius:4px;background-color:#fff;box-shadow:2px 4px 4px rgba(0,0,0,.5);top:48px;z-index:10;opacity:0;pointer-events:none}.payment-comp-selector ul.spread{max-height:300px;overflow:scroll;opacity:1;pointer-events:all}.payment-comp-selector ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 0 8px 12px;font-size:14px;color:#707070;cursor:pointer}.payment-comp-selector ul li~li{border-top:.5px solid #d3d3d3}.payment-comp-selector ul li.choosed,.payment-comp-selector ul li:hover{background-color:#f5f5f5}.payment-comp-selector ul li .comp-icon{margin-right:12px}.payment-comp-selector .extra{display:block;font-size:12px;margin-top:0;color:#707070}.payment-comp-selector.invalid .show-value{border-color:#c70f0f;border-width:2px;border-radius:2px}.payment-comp-selector.invalid .extra{color:#c70f0f}.view-pay section{width:100%}.view-pay section>header{border-bottom:4px solid #282828}.view-pay section>header h2{padding:4px 0}.view-pay section.pay-info .order-info{background-color:hsla(0,0%,100%,.6509803921568628);padding:8px 12px;border-radius:12px;margin-top:0;margin-bottom:12px}.view-pay section.pay-info .order-info h4{font-size:16px;font-weight:500}.view-pay section.pay-info .order-info .product-list~h4{margin-top:8px}.view-pay section.pay-info main .radio-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px;margin-bottom:12px}.view-pay section.pay-info main .radio-wrapper.cod{flex-direction:column;align-items:flex-start}.view-pay section.pay-info main .radio-wrapper.cod p{font-size:14px}.view-pay section.pay-info main .radio-wrapper.cod .left{align-items:flex-start}.view-pay section.pay-info main .radio-wrapper.cod .left .radio{margin-top:2px}.view-pay section.pay-info main .radio-wrapper .left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-grow:1}.view-pay section.pay-info main .radio-wrapper .left .radio{display:flex;flex-direction:row;justify-content:center;align-items:center;display:inline-flex;width:24px;height:24px;border-radius:12px;border:1px solid #282828;margin-right:8px}.view-pay section.pay-info main .radio-wrapper .left .radio .picked{display:none;width:18px;height:18px;border-radius:12px;background-color:#282828}.view-pay section.pay-info main .radio-wrapper .left .radio.choosed .picked{display:block}.view-pay section.pay-info main .radio-wrapper .icons i{font-size:24px}.view-pay section.pay-info main .radio-wrapper .icons i~i{margin-left:4px}@media screen and (max-width:900px){.view-pay section.pay-info main .cf-input .labelize{padding:3px 12px;top:-18px}.view-pay section.pay-info main .cf-input .labelize p{transform:scale(.9);font-size:10px}}.view-pay section.pay-info main form{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px}.view-pay section.pay-info main form .ccv{width:50%}.view-pay section.info-safety-statement{display:flex;align-items:center;width:calc(100% - 40px);padding:12px 20px;background-color:hsla(0,0%,100%,.6);border-radius:12px;margin-top:12px}.view-pay section.info-safety-statement img{height:40px;margin-right:12px}.view-pay section.info-safety-statement span{font-size:12px;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-pay section .pay-direct .cf-input{height:36px;width:100%}@media screen and (max-width:900px){.view-pay section .pay-direct .cf-input{grid-row-start:4}}.view-pay section.receipt{margin-top:40px}.view-pay section.receipt .dropdown{position:relative;border:none;margin-top:24px}.view-pay section.receipt .dropdown header{position:relative;width:300px;padding:8px 12px;color:#707070;padding-right:16px;border:1px solid #707070;background-color:#fff}.view-pay section.receipt .dropdown header .arrow{position:absolute;height:100%;width:48px;right:0;top:0}.view-pay section.receipt .dropdown header .arrow i{position:absolute;top:55%;left:50%;display:block;width:12px;height:12px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;border-color:#282828;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center}@media screen and (max-width:900px){.view-pay section.receipt .dropdown header .arrow i{top:2px}}.view-pay section.receipt .dropdown header .arrow.hide i{top:40%;left:50%;transform:translate(-50%,-50%) rotate(-135deg)}@media screen and (max-width:900px){.view-pay section.receipt .dropdown header .arrow.hide i{top:40%;left:50%;transform:translate(-50%,-50%) rotate(-135deg)}}.view-pay section.receipt .dropdown ul{position:absolute;width:326px;top:48px;z-index:5;box-shadow:2px 2px 8px rgba(0,0,0,.4)}.view-pay section.receipt .dropdown ul li{max-height:48px;color:#fff;background-color:#707070;line-height:48px;text-align:right;padding-right:16px;overflow:hidden;cursor:pointer}.view-pay section.receipt .dropdown ul li:hover{background-color:#fff;color:#282828}.view-pay section.receipt .dropdown ul li~li{border-top:2px solid #282828}.view-pay section.receipt .dropdown.hide ul li{max-height:0;border-top:none}.view-pay section.receipt .uniform-number{width:50%;margin-top:12px}.view-pay section.receipt .uniform-number .cf-input~.cf-input{margin-top:12px}.view-pay section.receipt .cf-checkbox{margin-top:8px}@media screen and (max-width:900px){.view-pay section.receipt .cf-checkbox{margin-top:16px}}.view-pay section.receipt .cf-checkbox a{color:#282828}.view-pay section.receipt .extra{display:block;font-size:12px;color:#b22222;margin-top:8px}.view-pay section.receipt .button-group{display:grid;grid-template-columns:200px 1fr;-moz-column-gap:16px;column-gap:16px}.view-pay section.receipt .button-group button{margin-top:20px;background-color:#282828;width:100%;padding:8px 0;color:#fff;cursor:pointer}.view-pay section.receipt .button-group button:hover{opacity:.8}.view-pay section.receipt .button-group button:first-child{background-color:#707070}@media screen and (max-width:900px){.view-pay section.receipt .button-group{grid-template-columns:1fr}.view-pay section.receipt .button-group button:last-child{grid-row-start:1}}.view-result{padding:120px 0}.view-result section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#282828;padding:80px 0;margin-top:44px;color:#fff}.view-result section .comp-icon{color:#68967f;font-size:48px}.view-result section h2,.view-result section span{margin-top:8px}.view-result section p{margin-top:12px}.view-result section button{padding:8px 40px;color:#282828;background-color:#fff;margin-top:24px;cursor:pointer}.view-result section button:hover{opacity:.8}.view-questionnaire-container{padding:120px 10vw;background-color:#ddd;min-height:90vh}.view-questionnaire-container *{font-family:Noto Sans TC,sans-serif}.view-questionnaire-container .question-wrapper{width:80%;margin:0 auto;background-color:#fff;padding:80px 80px;box-shadow:2px 2px 8px rgba(0,0,0,.2)}.view-questionnaire-container .question-wrapper header{margin-bottom:32px}.view-questionnaire-container .question-wrapper header h1{font-size:36px;margin-bottom:8px}.view-questionnaire-container .question-wrapper header blockquote{border-left:2px solid #282828;padding-left:8px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell{width:100%}.view-questionnaire-container .question-wrapper .questionnaire-question-cell~.questionnaire-question-cell{margin-top:32px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell h3{margin-bottom:8px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell h3 b{color:#df4040;margin-right:4px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .line{display:block;width:100%;border-bottom:3px solid #282828;margin-bottom:16px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .questionnire-desc{display:block;margin:12px 0}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .one-line-input .cf-input input{font-size:16px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .radio-choice .cf-radio{display:flex}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .radio-choice .cf-radio~.cf-radio{margin-top:12px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .checkbox-choice .cf-checkbox{height:auto}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .checkbox-choice .cf-checkbox p{font-size:16px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .checkbox-choice .cf-checkbox~.cf-checkbox{margin-top:8px}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .linear-scale{display:flex;justify-content:space-between}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .linear-scale .cf-radio{height:auto;flex-direction:column}.view-questionnaire-container .question-wrapper .questionnaire-question-cell .linear-scale .cf-radio span{display:block;margin-top:4px}.view-questionnaire-container .question-wrapper footer{margin-top:80px}.view-questionnaire-container .question-wrapper footer button{width:100%;padding:8px 0;background-color:#282828;color:#fff;cursor:pointer}.view-search-order-container{padding:120px 0;background-color:#f0ebe5}.view-search-order-container>header{background-color:#282828;color:#fff;text-align:center;padding:120px 0}.view-search-order-container>header h1{font-weight:500}.view-search-order-container>header div{display:flex;margin:0 auto;width:50%;gap:16px;margin-top:48px}@media screen and (max-width:900px){.view-search-order-container>header div{width:80%;flex-direction:column;gap:8px;margin:12px auto 0 auto}}.view-search-order-container>header div .cf-input-wrapper{flex-grow:1}.view-search-order-container>header div .cf-input-wrapper input{text-indent:12px}.view-search-order-container>header div button{padding:0 30px;background-color:#fff;cursor:pointer}.view-search-order-container>header div button:hover{opacity:.8}@media screen and (max-width:900px){.view-search-order-container>header div button{width:100px;padding:8px 16px;margin:8px auto}}.view-search-order-container .order-modal{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:48px}@media screen and (max-width:900px){.view-search-order-container .order-modal{width:100%}}.view-search-order-container .order-modal .order-modal-wrapper{position:relative;background-color:#fff;border-radius:12px;padding:24px}@media screen and (max-width:900px){.view-search-order-container .order-modal .order-modal-wrapper{width:calc(100% - 48px)}}.view-search-order-container .order-modal .order-modal-wrapper .order-modal-scroll{width:840px}@media screen and (max-width:900px){.view-search-order-container .order-modal .order-modal-wrapper .order-modal-scroll{width:100%}}.view-search-order-container .order-modal .order-modal-wrapper header{border-bottom:1px solid #707070}.view-search-order-container .order-modal .order-modal-wrapper header .order-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #707070}.view-search-order-container .order-modal .order-modal-wrapper header .order-header h1{font-size:24px;line-height:56px}.view-search-order-container .order-modal .order-modal-wrapper header .order-header .order-action button{margin-left:8px;background-color:#282828;color:#fff;padding:4px 8px;cursor:pointer;transition:.3s}.view-search-order-container .order-modal .order-modal-wrapper header .order-header .order-action button:hover{background-color:#ddd;color:#282828}.view-search-order-container .order-modal .order-modal-wrapper header .order-return{padding:16px 16px;background-color:#eee;border-radius:8px;margin-top:8px}.view-search-order-container .order-modal .order-modal-wrapper header .order-return h3{margin-bottom:16px}.view-search-order-container .order-modal .order-modal-wrapper header .order-return .button-group{margin-top:8px;text-align:right}.view-search-order-container .order-modal .order-modal-wrapper header .order-return .button-group button{margin-left:8px;background-color:#707070;color:#fff;padding:4px 8px;cursor:pointer;transition:.3s}.view-search-order-container .order-modal .order-modal-wrapper header .order-return .button-group button:last-child{background-color:#df7575}.view-search-order-container .order-modal .order-modal-wrapper header .order-return .button-group button:hover{background-color:#ddd;color:#282828}.view-search-order-container .order-modal .order-modal-wrapper header .order-status{padding:12px 0}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .state{display:grid;grid-template-columns:100px 1fr 100px 1fr;-moz-column-gap:8px;column-gap:8px}@media screen and (max-width:900px){.view-search-order-container .order-modal .order-modal-wrapper header .order-status .state{grid-template-columns:100px 1fr}}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .state li button{padding:2px 8px;background-color:#df7575;color:#fff;border-radius:4px;margin-left:4px;cursor:pointer}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .state li button:hover{opacity:.8}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .state li:nth-child(2n){color:#707070}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .logistics-info{margin-top:16px}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .logistics-info ul{display:grid;grid-template-columns:100px 1fr}.view-search-order-container .order-modal .order-modal-wrapper header .order-status .logistics-info ul li:nth-child(2n){color:#707070}.view-search-order-container .order-modal .order-modal-wrapper main{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;margin-top:24px}.view-search-order-container .order-modal .order-modal-wrapper main h3{margin-bottom:4px}.view-search-order-container .order-modal .order-modal-wrapper main ul{width:100%;border-top:4px solid #282828}.view-search-order-container .order-modal .order-modal-wrapper main ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:16px 0}.view-search-order-container .order-modal .order-modal-wrapper main ul li~li{border-top:2px solid #282828}.view-search-order-container .order-modal .order-modal-wrapper main ul li .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:#e1d9cf;border-radius:8px;margin-right:12px}.view-search-order-container .order-modal .order-modal-wrapper main ul li .img-wrapper img{width:auto;height:100px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items{width:100%}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li{flex-direction:column;align-items:flex-start}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li header{margin-bottom:8px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li header .coupon-tag{padding:4px 8px;border-radius:4px;background-color:#707070;color:#fff;font-size:14px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section{display:grid;grid-template-columns:repeat(3,1fr);row-gap:8px;-moz-column-gap:8px;column-gap:8px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#f0ebe5;padding:8px 8px;border-radius:8px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section div .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:100px;background-color:hsla(0,0%,100%,.4);margin-right:16px;padding:0}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section div .img-wrapper img{width:auto;height:90px}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section div span{display:block}.view-search-order-container .order-modal .order-modal-wrapper main .order_coupon_items li section div span h4{font-size:14px}.view-search-order-container .order-modal .order-modal-wrapper:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #707070;border-radius:12px;top:8px;left:8px;pointer-events:none}@media screen and (max-width:900px){.view-search-order-container .order-modal .order-modal-wrapper:after{width:calc(100% - 16px);height:calc(100% - 24px);top:50%;left:50%;transform:translate(-50%,-50%)}}.view-product-instruction-container{background-color:#f0ebe5}@media screen and (max-width:900px){.view-product-instruction-container{width:100vw;overflow:hidden}.view-product-instruction-container .mobile-nav-toggle{position:fixed;top:80px;padding:8px 8px 8px 40px;left:-32px;z-index:96;border-radius:4px;font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:18px;transition:.3s;color:#282828}.view-product-instruction-container .mobile-nav-toggle.hide{left:-200px}}.view-product-instruction-container .banner{position:relative;width:100%;height:calc(100vh - 320px);background-position-y:40%}@media screen and (max-width:1600px){.view-product-instruction-container .banner{height:calc(100vh - 280px)}}@media screen and (max-width:900px){.view-product-instruction-container .banner{height:100vh}}.view-product-instruction-container .banner .bg{position:relative;width:100%;height:100%;background-position-y:40%;background-size:cover}.view-product-instruction-container .banner .bg img{width:100%;transform:translateY(-16%)}.view-product-instruction-container .banner .bg .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(25,25,25,.4)}@media screen and (max-width:900px){.view-product-instruction-container .banner .bg{height:320px;background-position:50%}}.view-product-instruction-container .banner .title-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;top:0;width:100%;height:100%}@media screen and (max-width:1600px){.view-product-instruction-container .banner .title-wrapper{margin-top:40px}}.view-product-instruction-container .banner .title-wrapper h1{color:#fff;font-size:84px;font-weight:500;margin-left:140px}@media screen and (max-width:1600px){.view-product-instruction-container .banner .title-wrapper h1{font-size:72px;margin-left:120px}}.view-product-instruction-container .banner .title-wrapper button{display:flex;align-items:center;background-color:transparent;color:#fff;margin-left:140px;cursor:pointer;-webkit-animation:none;animation:none}@media screen and (max-width:1600px){.view-product-instruction-container .banner .title-wrapper button{margin-left:120px}}.view-product-instruction-container .banner .title-wrapper button p{margin:0;font-family:sans-serif;font-size:20px;font-weight:300;z-index:3;transition:.3s}.view-product-instruction-container .banner .title-wrapper button span{display:flex;justify-content:center;align-items:center;position:relative;height:42px;width:42px;margin-left:8px;z-index:2}.view-product-instruction-container .banner .title-wrapper button span:before{content:"";position:absolute;right:0;width:42px;height:42px;background-color:#fff;border-radius:24px;transition:.5s cubic-bezier(.77,0,.175,1)}.view-product-instruction-container .banner .title-wrapper button span .comp-icon{font-size:36px;margin-top:4px;color:#282828;z-index:2}.view-product-instruction-container .banner .title-wrapper button:hover span:before{width:152px}.view-product-instruction-container .banner .title-wrapper button:hover p{color:#282828}@media screen and (max-width:900px){.view-product-instruction-container .banner .title-wrapper button:hover span:before{width:24px}.view-product-instruction-container .banner .title-wrapper button:hover p{color:#fff}}@media screen and (max-width:900px){.view-product-instruction-container .banner .title-wrapper{position:relative;height:calc(100vh - 320px);background-color:#7a7572}.view-product-instruction-container .banner .title-wrapper h1{position:relative;display:block;font-size:44px;margin:auto;top:-80px}.view-product-instruction-container .banner .title-wrapper button{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:160px;left:50%;transform:translateX(-50%);margin:0}.view-product-instruction-container .banner .title-wrapper button span{width:24px;height:24px;margin-top:8px}.view-product-instruction-container .banner .title-wrapper button span:before{width:24px;height:24px}.view-product-instruction-container .banner .title-wrapper button span .comp-icon{font-size:20px;margin-top:0}}.view-product-instruction-container nav{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:320px;background-color:#000;padding-left:140px}@media screen and (max-width:1600px){.view-product-instruction-container nav{height:280px;padding-left:120px}}.view-product-instruction-container nav header{font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:20px;margin-bottom:8px;color:#fff}@media screen and (max-width:1600px){.view-product-instruction-container nav header{font-size:18px}}.view-product-instruction-container nav ul{display:flex}.view-product-instruction-container nav ul li{cursor:pointer}.view-product-instruction-container nav ul li~li{margin-left:16px}@media screen and (max-width:1600px){.view-product-instruction-container nav ul li~li{margin-left:8px}}.view-product-instruction-container nav ul li img{width:160px;border-radius:12px;transition:.3s}@media screen and (max-width:1600px){.view-product-instruction-container nav ul li img{width:140px}}.view-product-instruction-container nav ul li h4{font-size:16px;font-weight:500}@media screen and (max-width:1600px){.view-product-instruction-container nav ul li h4{font-size:14px}}.view-product-instruction-container nav ul li p{width:160px;font-weight:300}.view-product-instruction-container nav ul li h4,.view-product-instruction-container nav ul li p{color:#fff;font-family:Noto Sans TC,sans-serif;text-align:center}.view-product-instruction-container nav ul li:hover img{transform:translateY(-20px)}@media screen and (max-width:900px){.view-product-instruction-container nav{position:fixed;width:100vw;height:calc(100vh - 64px);top:0;left:0;padding:0;padding-top:64px;background-color:#282828;opacity:0;transition:.3s;pointer-events:none;z-index:96}.view-product-instruction-container nav.show{opacity:1;pointer-events:inherit}.view-product-instruction-container nav .close{position:absolute;top:72px;right:20px}.view-product-instruction-container nav .close .comp-icon{color:#fff;font-size:48px}.view-product-instruction-container nav div{margin:0 auto 40px auto}.view-product-instruction-container nav div *{color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;text-align:center}.view-product-instruction-container nav div b{display:block;font-weight:500}.view-product-instruction-container nav ul{width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:16px;max-height:55vh;overflow:scroll}.view-product-instruction-container nav ul li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 48px);padding-right:40px;padding-left:8px}.view-product-instruction-container nav ul li~li{margin-left:0}.view-product-instruction-container nav ul li img{width:150px;height:150px}.view-product-instruction-container nav ul li:nth-child(odd){padding-right:8px;padding-left:40px}.view-product-instruction-container nav ul li:hover img{transform:translateY(0)}}.view-product-instruction-container aside{position:fixed;top:200px;right:-200px;opacity:0;transition:.8s cubic-bezier(0,1.22,.88,.99)}@media screen and (max-width:900px){.view-product-instruction-container aside{display:none}}.view-product-instruction-container aside:after{content:"";position:absolute;top:0;right:-20px;height:calc(100vw - 200px);border-right:1px solid #282828}.view-product-instruction-container aside.show{opacity:1;right:52px}.view-product-instruction-container aside ul li{display:flex;align-items:center;transition:.5s;cursor:pointer}.view-product-instruction-container aside ul li:before{content:"";display:block;height:34px;width:10px;border-radius:2px;margin-right:8px;opacity:0;background-color:#191919;transition:.3s}.view-product-instruction-container aside ul li p{opacity:.3;font-family:Noto Sans TC,sans-serif;transition:.3s}.view-product-instruction-container aside ul li p:last-child{font-size:10px}.view-product-instruction-container aside ul li~li{margin-top:8px}.view-product-instruction-container aside ul li:hover{transform:translateX(-10px)}.view-product-instruction-container aside ul li:hover p{opacity:.6}.view-product-instruction-container aside ul li.focus{transform:translateX(-20px)}.view-product-instruction-container aside ul li.focus:before,.view-product-instruction-container aside ul li.focus p{opacity:1}.view-product-instruction-container .category{width:100%;padding:40px 0 100px 0}.view-product-instruction-container .category:nth-child(odd){background-color:#c3b8af}.view-product-instruction-container .category:nth-child(odd) h2{color:#fff}.view-product-instruction-container .category:nth-child(odd) .line{background-color:#fff}.view-product-instruction-container .category>header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;margin-top:80px}.view-product-instruction-container .category>header .line{width:100px;height:4px;background-color:#707070}.view-product-instruction-container .category>header h2{color:#707070;font-size:100px;font-family:Noto Sans TC,sans-serif;font-weight:500}@media screen and (max-width:1600px){.view-product-instruction-container .category>header h2{font-size:80px}}@media screen and (max-width:900px){.view-product-instruction-container .category>header h2{font-size:64px}}@media screen and (max-width:900px){.view-product-instruction-container .category>header{margin-top:40px;margin-bottom:80px;gap:8px}.view-product-instruction-container .category>header h2{text-align:center}.view-product-instruction-container .category>header .line{width:40px}}.view-product-instruction-container .category .product{width:calc(100% - 440px);background-color:#7a7572;border-top-right-radius:24px;border-bottom-right-radius:24px;padding:72px 88px 72px 0}.view-product-instruction-container .category .product~.product{margin-top:40px}@media screen and (max-width:900px){.view-product-instruction-container .category .product{position:relative;width:calc(100vw - 64px);padding:0;margin:auto;border-radius:16px}}.view-product-instruction-container .category .product .info-wrapper{display:flex;gap:72px}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper{flex-direction:column}}.view-product-instruction-container .category .product .info-wrapper>img{width:700px;border-top-right-radius:24px;border-bottom-right-radius:24px}@media screen and (max-width:1600px){.view-product-instruction-container .category .product .info-wrapper>img{width:520px}}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper>img{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:0;border-top-right-radius:16px;border-top-left-radius:16px}}.view-product-instruction-container .category .product .info-wrapper .info header{display:grid;row-gap:0;grid-template-columns:80px 1fr;margin-bottom:40px}.view-product-instruction-container .category .product .info-wrapper .info header h2{line-height:72px;font-size:66px;font-family:Noto Sans TC,sans-serif;font-weight:500;color:#fff}@media screen and (max-width:1600px){.view-product-instruction-container .category .product .info-wrapper .info header h2{font-size:52px}}.view-product-instruction-container .category .product .info-wrapper .info header h3{grid-column-start:2;color:#fff;font-size:32px;font-family:Noto Sans TC,sans-serif;text-indent:4px}@media screen and (max-width:1600px){.view-product-instruction-container .category .product .info-wrapper .info header h3{font-size:28px}}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info header{display:block}.view-product-instruction-container .category .product .info-wrapper .info header h2{font-size:32px;text-align:center}.view-product-instruction-container .category .product .info-wrapper .info header h2:first-child{font-size:64px;position:absolute;top:-40px;left:20px;color:#606060}.view-product-instruction-container .category .product .info-wrapper .info header h2:nth-child(2){line-height:40px}.view-product-instruction-container .category .product .info-wrapper .info header h3{font-size:24px;text-align:center;font-weight:300}}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info ul{padding:0 24px}}.view-product-instruction-container .category .product .info-wrapper .info ul li~li{margin-top:32px}.view-product-instruction-container .category .product .info-wrapper .info ul li *{color:#fff;font-family:Noto Sans TC,sans-serif}.view-product-instruction-container .category .product .info-wrapper .info ul li h4{font-size:32px;margin-bottom:8px;font-weight:400}@media screen and (max-width:1600px){.view-product-instruction-container .category .product .info-wrapper .info ul li h4{font-size:28px}}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info ul li h4{font-size:24px}}.view-product-instruction-container .category .product .info-wrapper .info ul li h4.function{display:flex;justify-content:space-between}.view-product-instruction-container .category .product .info-wrapper .info ul li h4.function button{background-color:#c3b8af;padding:0 24px;height:32px;border-radius:4px;font-size:16px;margin-top:8px;cursor:pointer}.view-product-instruction-container .category .product .info-wrapper .info ul li h4.function button:hover{opacity:.8}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info ul li h4.function button{display:none}}.view-product-instruction-container .category .product .info-wrapper .info ul li .tooltips{position:relative}.view-product-instruction-container .category .product .info-wrapper .info ul li .tooltips div{position:absolute;width:260px;background-color:hsla(0,0%,100%,.8);padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;top:48px;box-shadow:2px 2px 6px rgba(0,0,0,.3);opacity:0;transition:.3s;pointer-events:none}.view-product-instruction-container .category .product .info-wrapper .info ul li .tooltips div *{color:#282828;font-size:16px}.view-product-instruction-container .category .product .info-wrapper .info ul li .tooltips:hover div{opacity:1}.view-product-instruction-container .category .product .info-wrapper .info ul li p,.view-product-instruction-container .category .product .info-wrapper .info ul li span{font-size:20px;font-weight:100}.view-product-instruction-container .category .product .info-wrapper .info ul li p:nth-child(4),.view-product-instruction-container .category .product .info-wrapper .info ul li span:nth-child(4){margin-top:8px;font-size:12px}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info ul li p,.view-product-instruction-container .category .product .info-wrapper .info ul li span{font-size:16px;font-weight:300}}.view-product-instruction-container .category .product .info-wrapper .info ul li p{display:flex;align-items:center}.view-product-instruction-container .category .product .info-wrapper .info ul li p img{height:24px;margin-right:4px}@media screen and (max-width:900px){.view-product-instruction-container .category .product .info-wrapper .info ul li p img{height:20px}}.view-product-instruction-container .category .product .info-wrapper .info ul li p span{margin-left:16px}.view-product-instruction-container .category .product footer{width:calc(100% - 80px);padding-left:80px;margin-top:24px}.view-product-instruction-container .category .product footer h4{font-size:32px;margin-bottom:8px;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:400}.view-product-instruction-container .category .product footer .swiper-slide{position:relative;display:flex;flex-direction:column;align-items:center}.view-product-instruction-container .category .product footer .swiper-slide .step-num{position:absolute;width:40px;height:40px;background-color:#fff;border-radius:8px;text-align:center;line-height:40px;font-size:20px;font-family:Noto Sans TC,sans-serif;font-weight:300;top:12px;left:16px}.view-product-instruction-container .category .product footer img{width:320px;border-radius:8px}@media screen and (max-width:1600px){.view-product-instruction-container .category .product footer img{width:230px}}.view-product-instruction-container .category .product footer p{width:100%;text-align:center;color:#fff;font-size:24px;font-family:Noto Sans TC,sans-serif;font-weight:100;margin-top:8px}@media screen and (max-width:1600px){.view-product-instruction-container .category .product footer p{font-size:20px}}@media screen and (max-width:900px){.view-product-instruction-container .category .product footer{position:relative;width:calc(100% - 48px);padding:0 24px 24px 24px}.view-product-instruction-container .category .product footer h4{font-size:24px}.view-product-instruction-container .category .product footer p{font-weight:300}.view-product-instruction-container .category .product footer .swiper-control{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;padding:0 8px}.view-product-instruction-container .category .product footer .swiper-control:first-child{left:16px;top:0}.view-product-instruction-container .category .product footer .swiper-control:last-child{right:16px;top:0}.view-product-instruction-container .category .product footer .swiper-control .comp-icon{color:#fff;font-size:24px;margin-bottom:16px}.view-product-instruction-container .category .product footer .swiper-container{position:static;width:calc(100% - 36px)}.view-product-instruction-container .category .product footer .swiper-container .swiper-wrapper,.view-product-instruction-container .category .product footer .swiper-container .swiper-wrapper .swiper-slide{width:100%}.view-product-instruction-container .category .product footer .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:auto}.view-product-instruction-container .category .product footer .swiper-container .swiper-wrapper .swiper-slide p{font-size:16px}}.view-help{display:flex;width:calc(100vw - 280px);padding:200px 140px;background-color:#f0ebe5;gap:40px}.view-help *{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:900px){.view-help{flex-direction:column;width:90vw;padding:120px 5vw}}.view-help aside{position:sticky;width:400px;top:140px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media screen and (max-width:900px){.view-help aside{position:static;width:100%}}.view-help aside h1{font-size:36px;font-weight:400;margin-bottom:8px}@media screen and (max-width:900px){.view-help aside h1{text-align:center;font-size:48px;font-weight:500}}.view-help aside .k-select-wraper{margin-bottom:40px}.view-help aside .k-select-wraper .k-select .option-list{overflow:auto}.view-help aside ul{border-bottom:1px solid #282828}.view-help aside ul li{border-top:1px solid #282828}.view-help aside ul li a{display:block;color:#282828;-webkit-text-decoration-line:none;text-decoration-line:none;padding:8px 0;transition:.3s}.view-help aside ul li a:hover{text-indent:16px}.view-help aside ul li a.router-link-active{text-indent:16px;background-color:#282828;color:#fff}.view-help main{width:100%}.view-help main .subpage-header{border-bottom:4px solid #282828;padding:0 0 8px 0;margin-bottom:40px}.view-help main section~section{margin-top:40px}.view-help main section *{font-family:Noto Sans TC,sans-serif;font-weight:300}.view-help main section h2{margin-bottom:8px;font-weight:500}.view-help main section h3{font-size:24px;font-weight:500}.view-help main section h4{font-size:20px;font-weight:400}.view-help main section p{margin-bottom:8px;font-size:16px}.view-help main section a{color:#c49369;-webkit-text-decoration-line:none;text-decoration-line:none}.view-help main section ol{padding-left:24px}.view-help main section ol,.view-help main section ul{list-style:disc;padding-left:24px}.view-help main section ol li,.view-help main section ul li{font-weight:200}.view-help main section ol li header,.view-help main section ul li header{font-weight:400;font-size:20px;margin-bottom:4px}.view-help main section ol li span,.view-help main section ul li span{line-height:28px;font-weight:200}.view-help main section ol li~li,.view-help main section ul li~li{margin-top:8px}.view-help main section ol li b,.view-help main section ul li b{font-weight:400}.view-help main section ol li a,.view-help main section ul li a{color:#c49369;-webkit-text-decoration-line:none;text-decoration-line:none}.view-help main section .extra{display:block;margin-top:8px;font-weight:200}.view-help main section ol{list-style:decimal}.view-help main .help-contact-us section{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:16px}@media screen and (max-width:900px){.view-help main .help-contact-us section{justify-content:flex-start;align-items:center;flex-direction:column;gap:40px}}.view-help main .help-contact-us section .info header{padding:8px 16px;background-color:#282828;color:#fff;border-radius:4px;margin-bottom:12px}.view-help main .help-contact-us section .info div{line-height:1.8em}.view-help main .help-contact-us section .info.line a{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-help main .help-contact-us section .info.line a button{display:block;padding:12px 20px;border-radius:4px;font-size:16px;margin-top:8px;color:#fff;background-color:#06c755;cursor:pointer}.view-help main .help-contact-us section .info.line a button .comp-icon{margin-right:8px}.view-help main .help-contact-us section .info.line a button:hover{opacity:.8}.view-help main .help-payment-options ul{margin-bottom:16px}.view-help main .help-payment-options *~h3{margin-top:40px}.view-help main .help-payment-options h4{margin-top:24px}.view-help main .help-payment-options span{font-size:16px}.view-help main .help-payment-options div{display:flex;align-items:center;padding:12px 20px;background-color:hsla(0,0%,100%,.6);border-radius:12px;margin-top:12px}.view-help main .help-payment-options div img{height:60px;margin-right:12px}.view-help main .help-payment-options div span{font-size:14px}.view-help main .view-help-faq-container .category{padding:20px 8px;border-bottom:2px solid #b1b1b1}.view-skin-type{width:100vw;background-color:#f0ebe5}@media screen and (max-width:900px){.view-skin-type{overflow:hidden}}.view-skin-type .hero{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100vh}@media screen and (max-width:900px){.view-skin-type .hero{position:relative}}.view-skin-type .hero .content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;color:#7a7572}@media screen and (max-width:900px){.view-skin-type .hero .content-wrapper{z-index:8}.view-skin-type .hero .content-wrapper *{color:#282828;text-align:center}}.view-skin-type .hero .content-wrapper h1{font-size:120px;font-weight:400}@media screen and (max-width:1600px){.view-skin-type .hero .content-wrapper h1{font-size:88px}}@media screen and (max-width:900px){.view-skin-type .hero .content-wrapper h1{font-size:80px}}.view-skin-type .hero .content-wrapper h2{font-size:40px;font-weight:400}@media screen and (max-width:1600px){.view-skin-type .hero .content-wrapper h2{font-size:32px}}@media screen and (max-width:900px){.view-skin-type .hero .content-wrapper h2{font-size:28px}}.view-skin-type .hero .content-wrapper button{display:flex;align-items:center;background-color:transparent;color:#7a7572;margin:8px 0;cursor:pointer;-webkit-animation:none;animation:none}@media screen and (max-width:1600px){.view-skin-type .hero .content-wrapper button{margin:12px 0}}.view-skin-type .hero .content-wrapper button p{margin:0;font-family:sans-serif;font-weight:300;font-size:20px;z-index:3;transition:.3s}.view-skin-type .hero .content-wrapper button span{display:flex;justify-content:center;align-items:center;position:relative;height:42px;width:42px;margin-left:8px;z-index:2}.view-skin-type .hero .content-wrapper button span:before{content:"";position:absolute;right:0;width:42px;height:42px;background-color:#7a7572;border-radius:24px;transition:.5s cubic-bezier(.77,0,.175,1)}.view-skin-type .hero .content-wrapper button span .comp-icon{font-size:36px;margin-top:4px;color:#fff;z-index:2}.view-skin-type .hero .content-wrapper button:hover span:before{width:152px}.view-skin-type .hero .content-wrapper button:hover p{color:#fff}@media screen and (max-width:900px){.view-skin-type .hero .content-wrapper button:hover span:before{width:24px}.view-skin-type .hero .content-wrapper button:hover p{color:#fff}}@media screen and (max-width:900px){.view-skin-type .hero .content-wrapper button{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:160px;left:50%;transform:translateX(-50%);margin:0}.view-skin-type .hero .content-wrapper button p{font-size:20px}.view-skin-type .hero .content-wrapper button span{width:24px;height:24px;margin-top:8px}.view-skin-type .hero .content-wrapper button span:before{width:24px;height:24px}.view-skin-type .hero .content-wrapper button span .comp-icon{font-size:20px;margin-bottom:4px}}.view-skin-type .hero .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.view-skin-type .hero .img-wrapper img{margin-top:80px;height:80%;border-top-left-radius:24px;border-bottom-left-radius:24px}@media screen and (max-width:1600px){.view-skin-type .hero .img-wrapper img{height:70%}}@media screen and (max-width:900px){.view-skin-type .hero .img-wrapper{position:absolute;width:100vw;height:100vh;left:0}.view-skin-type .hero .img-wrapper img{position:absolute;height:100%;left:50%;transform:translateX(-50%);margin:0;opacity:.6}}.view-skin-type .usual-skin{background-color:#c3b8af;padding-top:80px}@media screen and (max-width:900px){.view-skin-type .usual-skin{position:relative;padding:80px 0 80px 0}}.view-skin-type .usual-skin h1{text-align:center;font-size:52px;font-weight:400;margin-bottom:24px}@media screen and (max-width:900px){.view-skin-type .usual-skin h1{margin-bottom:80px}}.view-skin-type .usual-skin .container{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-skin-type .usual-skin .container .model{height:500px}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .model{position:absolute;opacity:.2;bottom:0;width:100vw;height:auto}}.view-skin-type .usual-skin .container .skin{display:flex;align-items:center;margin-bottom:20px}.view-skin-type .usual-skin .container .skin img{width:140px;height:140px}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .skin img{width:100px;height:100px}}.view-skin-type .usual-skin .container .skin span{border:4px solid #fff;height:140px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;border-radius:500px}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .skin span{border-radius:100px;height:100px}}.view-skin-type .usual-skin .container .skin p{text-align:center;font-size:20px;font-family:Noto Sans TC,sans-serif;margin:24px;font-weight:300}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .skin p{margin:8px}}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .skin{position:relative;flex-direction:column;z-index:9}}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .left-c{margin-right:24px}}.view-skin-type .usual-skin .container .left-c .skin{flex-direction:row-reverse}@media screen and (max-width:900px){.view-skin-type .usual-skin .container .left-c .skin{flex-direction:column}}.view-skin-type .product-sujestment{padding:80px 0}.view-skin-type .product-sujestment h1{font-size:52px;font-weight:400;text-align:center;color:#7a7572}@media screen and (max-width:900px){.view-skin-type .product-sujestment h1{font-size:36px}}.view-skin-type .product-sujestment ul{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:48px;margin:40px auto}@media screen and (max-width:900px){.view-skin-type .product-sujestment ul{flex-direction:column}}.view-skin-type .product-sujestment ul .product{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.view-skin-type .product-sujestment ul .product *{font-family:Noto Sans TC,sans-serif;font-weight:300;text-align:center}.view-skin-type .product-sujestment ul .product h2:nth-child(3){margin-top:12px}.view-skin-type .product-sujestment ul .product .product-subtitle{font-size:12px;font-weight:400;margin:8px}.view-skin-type .product-sujestment ul .product h3{font-size:24px;font-weight:400;margin-bottom:16px;transition:.3s}.view-skin-type .product-sujestment ul .product .img-wrapper{position:relative;width:240px;height:240px;cursor:pointer}.view-skin-type .product-sujestment ul .product .img-wrapper .mask{position:absolute;border-radius:12px;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;opacity:0;transition:.3s;font-size:24px}.view-skin-type .product-sujestment ul .product .img-wrapper img{width:240px;border-radius:12px;transition:.3s}.view-skin-type .product-sujestment ul .product .img-wrapper .badge{position:absolute;top:8px;right:12px;background-color:#a2a2a2;width:68px;line-height:28px;text-align:center;color:#fff;border-radius:4px;transition:.3s}.view-skin-type .product-sujestment ul .product .img-wrapper .badge.must{background-color:#988b7d}.view-skin-type .product-sujestment ul .product .product-size{margin-bottom:8px}.view-skin-type .product-sujestment ul .product span{display:flex;justify-content:center;gap:12px;color:#a53e3e}.view-skin-type .product-sujestment ul .product .original-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#000}.view-skin-type .product-sujestment ul .product:hover .badge,.view-skin-type .product-sujestment ul .product:hover h3,.view-skin-type .product-sujestment ul .product:hover img{transform:translateY(-10px)}.view-skin-type .product-sujestment ul .product:hover .mask{opacity:1;transform:translateY(-10px)}.view-skin-type .product-sujestment ul .product button{width:50%;padding:12px 0;background-color:#938e8a;color:#f0ebe5;margin:16px auto 0 auto;cursor:pointer;transition:.3s;font-family:Noto Sans TC,sans-serif;border-radius:4px}@media screen and (max-width:900px){.view-skin-type .product-sujestment ul .product button{width:70%;font-size:14px;padding:10px 0}}.view-skin-type .product-sujestment ul .product button:hover{background-color:#a53e3e;color:#fff}.view-skin-type .product-sujestment ul .product button:disabled{background-color:#ca9e9e;color:#282828;cursor:default}.view-skin-type .problems header{padding:80px 0}@media screen and (max-width:1600px){.view-skin-type .problems header{padding:40px 0}}@media screen and (max-width:900px){.view-skin-type .problems header{padding:24px 0}}.view-skin-type .problems header h1{font-size:64px;font-weight:400;text-align:center;color:#7a7572}@media screen and (max-width:900px){.view-skin-type .problems header h1{font-size:36px}}.view-skin-type .problems main{background-color:#7a7572;padding:200px 400px}@media screen and (max-width:1600px){.view-skin-type .problems main{padding:120px 240px}}@media screen and (max-width:900px){.view-skin-type .problems main{padding:40px 48px 80px 48px}}.view-skin-type .problems main .problem{display:flex;justify-content:space-between;align-items:center}.view-skin-type .problems main .problem~.problem{margin-top:40px}.view-skin-type .problems main .problem:nth-child(2){flex-direction:row-reverse}@media screen and (max-width:900px){.view-skin-type .problems main .problem:nth-child(2){flex-direction:column}}@media screen and (max-width:900px){.view-skin-type .problems main .problem{width:100%;flex-direction:column}.view-skin-type .problems main .problem~.problem{margin-top:80px}}.view-skin-type .problems main .problem .img-wrapper{width:400px;padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.2)}@media screen and (max-width:900px){.view-skin-type .problems main .problem .img-wrapper{width:100%;margin-bottom:8px}}.view-skin-type .problems main .problem .img-wrapper img{width:100%}.view-skin-type .problems main .problem .content-wrapper{color:#fff;margin:0 24px}@media screen and (max-width:900px){.view-skin-type .problems main .problem .content-wrapper{width:100%}}.view-skin-type .problems main .problem .content-wrapper *{font-family:Noto Sans TC,sans-serif;font-weight:300}.view-skin-type .problems main .problem .content-wrapper h2{font-size:36px;font-weight:400}@media screen and (max-width:900px){.view-skin-type .problems main .problem .content-wrapper h2{font-size:28px;text-align:center;margin-bottom:8px}}.view-skin-type .problems main .problem .content-wrapper span{display:block;width:500px;font-size:20px}@media screen and (max-width:900px){.view-skin-type .problems main .problem .content-wrapper span{font-size:16px;display:block;width:100%}}.view-skin-type .problems main.evaluate{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}@media screen and (max-width:900px){.view-skin-type .problems main.evaluate{flex-direction:column;padding:60px 48px}}.view-skin-type .problems main.evaluate .img-wrapper{background-color:#fff;width:500px;border-radius:12px}.view-skin-type .problems main.evaluate .img-wrapper img{width:100%}@media screen and (max-width:900px){.view-skin-type .problems main.evaluate .img-wrapper{width:100%}}.view-skin-type .problems main.evaluate .content-wrapper *{color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300}.view-skin-type .problems main.evaluate .content-wrapper h2{font-size:36px;margin-bottom:4px}.view-skin-type .problems main.evaluate .content-wrapper ul{margin-bottom:8px}.view-skin-type .problems main.evaluate .content-wrapper ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:20px;padding:4px 8px;border-radius:4px}.view-skin-type .problems main.evaluate .content-wrapper ul li~li{margin-top:8px}.view-skin-type .problems main.evaluate .content-wrapper ul li.active,.view-skin-type .problems main.evaluate .content-wrapper ul li.canHover:hover{background-color:#c3b8af;color:#707070}.view-skin-type .problems main.evaluate .content-wrapper ul li:last-child{padding:0 8px;margin:0}.view-skin-type .fix header{padding:80px 300px 0 300px}@media screen and (max-width:1600px){.view-skin-type .fix header{padding:40px 240px 0 240px}}@media screen and (max-width:900px){.view-skin-type .fix header{padding:40px 60px 80px 60px}}.view-skin-type .fix header h1{font-size:64px;font-weight:400;color:#7a7572;margin-bottom:8px}@media screen and (max-width:900px){.view-skin-type .fix header h1{font-size:36px;text-align:center}}.view-skin-type .fix header p{font-size:20px;margin-bottom:-40px;color:#7a7572}@media screen and (max-width:900px){.view-skin-type .fix header p{font-size:16px;text-align:center}}.view-skin-type .fix header .img-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;bottom:-120px;width:100%;background-color:#fff;border-radius:24px;padding:36px 0;box-shadow:0 4px 6px rgba(0,0,0,.2)}@media screen and (max-width:1600px){.view-skin-type .fix header .img-wrapper img{width:80%}}@media screen and (max-width:900px){.view-skin-type .fix header .img-wrapper{position:static;width:auto;padding:8px 8px;margin-top:52px}.view-skin-type .fix header .img-wrapper img{width:100%}}.view-skin-type .fix main{background-color:#c3b8af;padding:200px 300px 80px 300px}@media screen and (max-width:900px){.view-skin-type .fix main{padding:80px 48px}}.view-skin-type .fix main .step{display:flex;align-items:center}.view-skin-type .fix main .step~.step{margin-top:40px}.view-skin-type .fix main .step:nth-child(2n){margin-left:100px}@media screen and (max-width:900px){.view-skin-type .fix main .step:nth-child(2n){margin-left:0}}.view-skin-type .fix main .step *{font-family:Noto Sans TC,sans-serif;font-weight:300;color:#585858}.view-skin-type .fix main .step h2{font-size:80px;font-weight:500;margin-right:24px}.view-skin-type .fix main .step div h3{font-size:36px}@media screen and (max-width:900px){.view-skin-type .fix main .step div h3{font-size:24px}}.view-skin-type .fix main .step div span{font-size:20px}@media screen and (max-width:900px){.view-skin-type .fix main .step div span{font-size:16px}}.view-skin-type .guarntee{background-color:#7a7572;padding:80px 0}@media screen and (max-width:900px){.view-skin-type .guarntee{padding:80px 48px}}.view-skin-type .guarntee h1{font-size:52px;font-weight:400;color:#fff;text-align:center}@media screen and (max-width:900px){.view-skin-type .guarntee h1{font-size:36px}}.view-skin-type .guarntee ul{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:24px auto}@media screen and (max-width:900px){.view-skin-type .guarntee ul{width:100%;display:grid;grid-template-columns:1fr 1fr;row-gap:24px}}.view-skin-type .guarntee ul li{width:240px}@media screen and (max-width:900px){.view-skin-type .guarntee ul li{width:auto}}.view-skin-type .guarntee ul li div{display:flex;flex-direction:row;justify-content:center;align-items:center;height:160px}@media screen and (max-width:900px){.view-skin-type .guarntee ul li div{height:auto}}.view-skin-type .guarntee ul li div img{width:auto;height:100%}@media screen and (max-width:900px){.view-skin-type .guarntee ul li div img{width:96px;height:auto}}.view-skin-type .guarntee ul li p{color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:300;margin-top:24px;font-size:20px;text-align:center}@media screen and (max-width:900px){.view-skin-type .guarntee ul li p{font-size:16px}}.view-skin-type .guarntee ul li:nth-child(3) img{height:120px;margin-top:12px}@media screen and (max-width:900px){.view-skin-type .guarntee ul li:nth-child(3) img{height:92px}}.view-skin-type .guarntee ul li:last-child img{height:120px;margin-top:16px}@media screen and (max-width:900px){.view-skin-type .guarntee ul li:last-child img{height:92px}}.view-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#f0ebe5}.view-not-found h1{font-size:240px;color:#837e6e;font-family:"Noto Serif TC",serif;font-weight:400}@media screen and (max-width:900px){.view-not-found h1{font-size:120px}}.view-not-found p{font-size:24px;color:#837e6e}@media screen and (max-width:900px){.view-not-found p{font-size:16px}}.view-not-found button{background-color:#282828;color:#fff;padding:12px 24px;margin-top:24px}.view-vip-right{background-color:#f0ebe5;width:100vw;overflow:hidden}.view-vip-right .hero{width:100vw;height:70vh;background-position:50% 55%;background-size:120%}@media screen and (max-width:900px){.view-vip-right .hero{height:100vh;background-size:cover;background-position:32%}}.view-vip-right .hero .mask{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:100%;background-color:rgba(84,77,57,.42)}@media screen and (max-width:900px){.view-vip-right .hero .mask{align-items:flex-start}}.view-vip-right .hero .mask .content-wrapper{color:#fff;margin-right:23%;margin-top:60px}@media screen and (max-width:900px){.view-vip-right .hero .mask .content-wrapper{margin-top:200px}}.view-vip-right .hero .mask .content-wrapper h1{font-size:92px;font-weight:500}@media screen and (max-width:900px){.view-vip-right .hero .mask .content-wrapper h1{font-size:48px;text-align:center}}.view-vip-right .hero .mask .content-wrapper h2{font-size:32px;margin-left:4px;font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:900px){.view-vip-right .hero .mask .content-wrapper h2{font-size:16px;text-align:center}}.view-vip-right .hero .mask .content-wrapper button{display:flex;align-items:center;background-color:transparent;color:#fff;cursor:pointer;-webkit-animation:none;animation:none;margin-top:80px;margin-left:4px}.view-vip-right .hero .mask .content-wrapper button p{margin:0;font-family:sans-serif;font-weight:300;font-size:20px;z-index:3;transition:.3s}.view-vip-right .hero .mask .content-wrapper button span{display:flex;justify-content:center;align-items:center;position:relative;height:42px;width:42px;margin-left:8px;z-index:2}.view-vip-right .hero .mask .content-wrapper button span:before{content:"";position:absolute;right:0;width:42px;height:42px;background-color:#fff;border-radius:24px;transition:.5s cubic-bezier(.77,0,.175,1)}.view-vip-right .hero .mask .content-wrapper button span .comp-icon{font-size:36px;margin-top:4px;color:#282828;z-index:2}.view-vip-right .hero .mask .content-wrapper button:hover span:before{width:224px}.view-vip-right .hero .mask .content-wrapper button:hover p{color:#282828}@media screen and (max-width:900px){.view-vip-right .hero .mask .content-wrapper button:hover span:before{width:24px}.view-vip-right .hero .mask .content-wrapper button:hover p{color:#fff}}@media screen and (max-width:900px){.view-vip-right .hero .mask .content-wrapper button{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0}.view-vip-right .hero .mask .content-wrapper button p{font-size:20px}.view-vip-right .hero .mask .content-wrapper button span{width:24px;height:24px;margin-top:8px}.view-vip-right .hero .mask .content-wrapper button span:before{width:24px;height:24px}.view-vip-right .hero .mask .content-wrapper button span .comp-icon{font-size:20px;margin-bottom:4px}}.view-vip-right main h1,.view-vip-right main h2,.view-vip-right main h3,.view-vip-right main p,.view-vip-right main span{font-family:Noto Sans TC,sans-serif;font-weight:300}@media screen and (max-width:900px){.view-vip-right main p,.view-vip-right main span{font-size:16px}}.view-vip-right main .feedback{padding:120px 0 280px 0}@media screen and (max-width:900px){.view-vip-right main .feedback{padding:120px 48px}}.view-vip-right main .feedback h2{text-align:center;font-size:64px}@media screen and (max-width:900px){.view-vip-right main .feedback h2{font-size:36px}}.view-vip-right main .feedback span{display:block;margin:16px auto;width:50%;text-align:center}@media screen and (max-width:900px){.view-vip-right main .feedback span{width:100%}}.view-vip-right main .feedback ul{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:40px auto;gap:16px}@media screen and (max-width:900px){.view-vip-right main .feedback ul{display:grid;grid-template-columns:1fr 1fr}}.view-vip-right main .feedback ul li{background-color:#fff;border-radius:12px;padding:16px}.view-vip-right main .feedback ul li img{width:120px}@media screen and (max-width:900px){.view-vip-right main .feedback ul li{display:flex;flex-direction:column;height:calc(100% - 32px)}.view-vip-right main .feedback ul li:last-child{grid-column-start:1;grid-column-end:3;width:calc(50% - 40px);margin:auto}.view-vip-right main .feedback ul li img{width:100px;margin:0 auto}}.view-vip-right main .feedback ul li p{text-align:center}.view-vip-right main .member-table{background-color:#c3b8af;padding:80px 200px}@media screen and (max-width:900px){.view-vip-right main .member-table{padding:0;background-color:#7a7572}}.view-vip-right main .member-table .container{position:relative;top:-240px;background-color:#7a7572;padding:120px 0;border-radius:24px;color:#fff}@media screen and (max-width:900px){.view-vip-right main .member-table .container{position:static;border-radius:0}}.view-vip-right main .member-table .container header{display:flex;align-items:center;gap:24px}.view-vip-right main .member-table .container header h2{font-size:92px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;font-family:"Noto Serif TC",serif}@media screen and (max-width:1600px){.view-vip-right main .member-table .container header h2{font-size:72px}}@media screen and (max-width:900px){.view-vip-right main .member-table .container header h2{font-size:36px}}.view-vip-right main .member-table .container header:after,.view-vip-right main .member-table .container header:before{content:"";display:block;flex-grow:1;height:1px;background-color:#fff}.view-vip-right main .member-table .container .button-info{font-size:12px;text-align:center;margin-top:32px;margin-bottom:4px}.view-vip-right main .member-table .container .button-group{display:flex;width:calc(100% - 96px);margin:0 auto;border-radius:4px;overflow:hidden}.view-vip-right main .member-table .container .button-group button{width:100%;padding:12px 0;font-family:Noto Sans TC,sans-serif;font-weight:300;color:#605b58;background-color:#c3b8af;font-size:16px}.view-vip-right main .member-table .container .button-group button.active{background-color:#fff;color:#000}.view-vip-right main .member-table .container .table-container{margin:80px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:1600px){.view-vip-right main .member-table .container .table-container{width:80%}}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container{width:auto;padding:0 48px;margin-top:24px}}.view-vip-right main .member-table .container .table-container .head-row,.view-vip-right main .member-table .container .table-container .row{display:flex;gap:8px}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row,.view-vip-right main .member-table .container .table-container .row{gap:4px}}.view-vip-right main .member-table .container .table-container .head-row~.row,.view-vip-right main .member-table .container .table-container .row~.row{margin-top:8px}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row~.row,.view-vip-right main .member-table .container .table-container .row~.row{margin-top:4px}}.view-vip-right main .member-table .container .table-container .head-row .cell,.view-vip-right main .member-table .container .table-container .row .cell{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;width:400px;height:120px;background-color:hsla(0,0%,100%,.6)}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row .cell,.view-vip-right main .member-table .container .table-container .row .cell{width:120px;height:80px}}.view-vip-right main .member-table .container .table-container .head-row .cell .extra,.view-vip-right main .member-table .container .table-container .row .cell .extra{color:#544d39}.view-vip-right main .member-table .container .table-container .head-row .cell p,.view-vip-right main .member-table .container .table-container .row .cell p{font-size:24px;color:#554646;font-weight:400}@media screen and (max-width:1600px){.view-vip-right main .member-table .container .table-container .head-row .cell p,.view-vip-right main .member-table .container .table-container .row .cell p{font-size:20px}}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row .cell p,.view-vip-right main .member-table .container .table-container .row .cell p{font-size:16px}}.view-vip-right main .member-table .container .table-container .head-row .cell:first-child,.view-vip-right main .member-table .container .table-container .row .cell:first-child{background-color:hsla(0,0%,100%,.3)}.view-vip-right main .member-table .container .table-container .head-row .cell:first-child p,.view-vip-right main .member-table .container .table-container .row .cell:first-child p{color:#fff}.view-vip-right main .member-table .container .table-container .head-row .cell:last-child,.view-vip-right main .member-table .container .table-container .row .cell:last-child{position:relative}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row .cell:last-child,.view-vip-right main .member-table .container .table-container .row .cell:last-child{flex-grow:1}}.view-vip-right main .member-table .container .table-container .head-row .cell:last-child img,.view-vip-right main .member-table .container .table-container .row .cell:last-child img{position:absolute;top:0;right:0}@media screen and (max-width:1600px){.view-vip-right main .member-table .container .table-container .head-row .cell:last-child img,.view-vip-right main .member-table .container .table-container .row .cell:last-child img{width:72px}}@media screen and (max-width:900px){.view-vip-right main .member-table .container .table-container .head-row .cell:last-child img,.view-vip-right main .member-table .container .table-container .row .cell:last-child img{width:40px}}.view-vip-right main .member-table .container .table-container .row:nth-child(4) .cell:last-child{flex-grow:1;flex-direction:column}.view-vip-right main .member-table .container .table-container .row:nth-child(4) .cell:last-child span{display:block;color:#554646}.view-vip-right main .member-table .container .table-container .head-row .cell{background-color:transparent;height:80px}.view-vip-right main .member-table .container .table-container .head-row .cell:first-child{background-color:transparent}.view-vip-right main .member-table .container .table-container .head-row .cell p{color:#fff;font-weight:400}.view-vip-right main .member-table .container .extra{display:block;margin-top:8px}@media screen and (max-width:900px){.view-vip-right main .member-table .container .extra{font-size:12px}}.view-vip-right main .member-table .member-cash{background-color:hsla(0,0%,100%,.7);border-radius:24px;padding:72px 64px;position:relative;top:-100px}@media screen and (max-width:900px){.view-vip-right main .member-table .member-cash{padding:30px;width:calc(100% - 156px);margin:0 auto}}.view-vip-right main .member-table .member-cash header{display:flex;align-items:center;margin-bottom:24px}@media screen and (max-width:900px){.view-vip-right main .member-table .member-cash header{flex-direction:column}}.view-vip-right main .member-table .member-cash header img{height:84px;margin-right:8px}.view-vip-right main .member-table .member-cash header h2{font-size:64px;font-weight:200}@media screen and (max-width:1600px){.view-vip-right main .member-table .member-cash header h2{font-size:56px}}@media screen and (max-width:900px){.view-vip-right main .member-table .member-cash header h2{font-size:36px}}.view-vip-right main .member-table .member-cash ul{list-style:disc;padding-left:32px}.view-vip-right main .member-table .member-cash ul li{font-family:Noto Sans TC,sans-serif;font-weight:300;font-size:20px}@media screen and (max-width:900px){.view-vip-right main .member-table .member-cash ul li{font-size:16px}}.view-vip-right main .member-table .member-cash .extra{display:block;margin-top:40px}@media screen and (max-width:900px){.view-vip-right main .member-table .member-cash .extra{font-size:12px;text-align:center}}.view-vip-right main .member-gift{padding:80px 0}.view-vip-right main .member-gift h2{text-align:center;font-size:72px;font-weight:200;margin-bottom:40px}@media screen and (max-width:1600px){.view-vip-right main .member-gift h2{font-size:64px}}@media screen and (max-width:900px){.view-vip-right main .member-gift h2{font-size:36px}}.view-vip-right main .member-gift ul{display:flex;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:16px}@media screen and (max-width:900px){.view-vip-right main .member-gift ul{flex-direction:column;gap:24px}}.view-vip-right main .member-gift ul li{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:12px;padding:36px 40px}.view-vip-right main .member-gift ul li img{width:130px;margin-bottom:16px}.view-vip-right main .member-gift ul li h3{font-size:22px;text-align:center}.view-vip-right main .member-gift ul li span{display:block;margin-top:8px;width:200px;text-align:justify}.view-vip-right main .fqa{padding:80px 160px}@media screen and (max-width:900px){.view-vip-right main .fqa{padding:0 48px 80px 48px}}.view-vip-right main .fqa h2{font-size:72px;text-align:center;font-weight:200;margin-bottom:40px}@media screen and (max-width:1600px){.view-vip-right main .fqa h2{font-size:64px}}@media screen and (max-width:900px){.view-vip-right main .fqa h2{font-size:36px}}.view-vip-right main .fqa ul li{position:relative;padding:32px 120px 32px 60px;background-color:#c3b8af;border-radius:12px}@media screen and (max-width:900px){.view-vip-right main .fqa ul li{padding:32px 60px 32px 40px}}.view-vip-right main .fqa ul li~li{margin-top:24px}.view-vip-right main .fqa ul li header{position:relative}.view-vip-right main .fqa ul li header .action{position:absolute;width:20px;height:20px;top:50%;right:-60px;transform:translateY(-50%);cursor:pointer}@media screen and (max-width:900px){.view-vip-right main .fqa ul li header .action{right:-36px;width:16px}}.view-vip-right main .fqa ul li header .action span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;height:2px;border-radius:2px;background-color:#554646}@media screen and (max-width:900px){.view-vip-right main .fqa ul li header .action span{border-radius:0}}.view-vip-right main .fqa ul li header .action span:last-child{transform:rotate(90deg) translate(-50%,-50%);transform-origin:0;opacity:0;transition:.5s}@media screen and (max-width:900px){.view-vip-right main .fqa ul li header .action span:last-child{transform:rotate(90deg) translate(-50%)}}.view-vip-right main .fqa ul li .ans,.view-vip-right main .fqa ul li header h4{display:flex}.view-vip-right main .fqa ul li .ans p,.view-vip-right main .fqa ul li header h4 p{font-size:20px}@media screen and (max-width:900px){.view-vip-right main .fqa ul li .ans p,.view-vip-right main .fqa ul li header h4 p{font-size:16px;text-align:justify}}.view-vip-right main .fqa ul li header h4 p{font-weight:400}@media screen and (max-width:900px){.view-vip-right main .fqa ul li header h4 p{font-size:16px}}.view-vip-right main .fqa ul li .ans{overflow:hidden;max-height:60px;transition:.4s cubic-bezier(.77,0,.175,1)}@media screen and (max-width:900px){.view-vip-right main .fqa ul li .ans{max-height:300px}}.view-vip-right main .fqa ul li.hide .ans{max-height:0}.view-vip-right main .fqa ul li.hide .action span:last-child{opacity:1}.view-vip-right main .qrcode{background-color:#7a7572;color:#fff;padding:80px 0}.view-vip-right main .qrcode h2{font-size:64px;text-align:center;font-weight:200}@media screen and (max-width:900px){.view-vip-right main .qrcode h2{font-size:32px}}.view-vip-right main .qrcode p{text-align:center;font-size:22px;margin-top:16px;font-weight:200}@media screen and (max-width:900px){.view-vip-right main .qrcode p{font-size:16px;width:calc(100% - 96px);margin:16px auto}}.view-vip-right main .qrcode ul{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:64px auto;gap:80px}@media screen and (max-width:900px){.view-vip-right main .qrcode ul{flex-direction:column;gap:16px}}.view-vip-right main .qrcode ul li{display:flex;flex-direction:column}.view-vip-right main .qrcode ul li img{width:200px}@media screen and (max-width:900px){.view-vip-right main .qrcode ul li img{display:none}}.view-vip-right main .qrcode ul li button{background-color:#c3b8af;padding:12px;border-radius:8px;margin-top:36px;font-family:Noto Sans TC,sans-serif;font-weight:300;cursor:pointer}@media screen and (max-width:900px){.view-vip-right main .qrcode ul li button{position:relative;margin:0;width:280px;font-size:18px;color:#282828}.view-vip-right main .qrcode ul li button .comp-icon{position:absolute;font-size:18px;margin-left:8px}}#nav{width:100vw;position:fixed;top:0;z-index:97;transition:.5s cubic-bezier(.77,0,.175,1);background-color:#fff}#nav .product-nav{display:flex;width:100%;height:188px;z-index:1;position:absolute;bottom:0;transform:translateY(100%);background-color:#f9f8f7;box-shadow:0 4px 4px rgba(0,0,0,.1)}#nav .product-nav.knowledge{height:72px;margin-top:0;padding-left:244px;gap:40px;align-items:center}@media screen and (max-width:1600px){#nav .product-nav.knowledge{padding-left:calc(10vw + 92px);gap:28px}}#nav .product-nav.knowledge ul{margin-top:0;padding:0}#nav .product-nav ul{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:2.5em;padding:0 100px 0 140px;margin-top:24px}#nav .product-nav ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}#nav .product-nav ul li .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:2px}#nav .product-nav ul li:first-child{grid-column-start:1;grid-column-end:3;text-align:left;margin-bottom:20px}#nav .product-nav ul li:first-child b{font-family:Noto Sans TC,sans-serif;font-weight:500}#nav .product-nav ul li a{width:100%;line-height:48px;color:#282828;-webkit-text-decoration-line:none;text-decoration-line:none;font-family:Noto Sans TC,sans-serif;font-weight:300;cursor:pointer}#nav .product-nav ul li a:hover{color:#888}#nav .product-nav ul:last-child{grid-template-columns:repeat(4,1fr)}#nav .product-nav ul:last-child li:first-child{grid-column-start:1;grid-column-end:5}#nav .nav-container{display:flex;transition:.3s}@media screen and (max-width:900px){#nav .nav-container{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;height:64px}}#nav .brand-logo-mobile img{margin-left:3px}@media screen and (max-width:900px){#nav{position:fixed;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;min-height:64px}#nav:before{content:"";position:absolute;min-width:0;height:100%;background-color:hsla(0,0%,100%,.6);left:0;top:0;z-index:-1;transition:.5s cubic-bezier(.77,0,.175,1)}#nav.spread:before{min-width:100%}#nav .nav-icon{top:50%;left:24px;transform:translateY(-50%)}#nav .nav-icon,#nav .nav-icon i{display:block;position:absolute;width:24px;border-radius:1px;transition:.3s}#nav .nav-icon i{left:0;height:3px;background-color:#837e6e}#nav .nav-icon i.top{top:-8.5px}#nav .nav-icon i.mid{top:-1.5px}#nav .nav-icon i.bot{bottom:-8.5px}#nav .nav-icon.spread .mid{opacity:0;transform:translateX(-24px)}#nav .nav-icon.spread .top{top:-1.5px;transform:rotate(45deg)}#nav .nav-icon.spread .bot{top:-1.5px;transform:rotate(-45deg)}#nav nav{position:fixed;width:calc(100vw - 64px);height:100vh;background-color:#fff;padding:0 32px;transform:translateX(100%);transition:.3s ease-in-out}#nav nav.spread{transform:translateX(0)}#nav nav .close{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:28px;margin-top:24px}#nav nav .close .bi{font-size:32px}#nav nav ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:100%}#nav nav ul li{border-bottom:1px solid #c6bfb1;padding-top:20px;padding-bottom:20px;width:calc(100% - 10px);padding-left:10px}#nav nav ul li,#nav nav ul li a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Noto Sans TC,sans-serif;font-weight:300}#nav nav ul li a{width:100%;color:#1f1e1e;-webkit-text-decoration-line:none;text-decoration-line:none}#nav nav ul li p{font-family:Noto Sans TC,sans-serif}#nav nav ul li .bi{display:flex;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px}#nav nav ul.layer-1{height:calc(100% - 160px);overflow:scroll}#nav nav ul.layer-2{width:90%;overflow:hidden;transition:.3s ease-in-out}#nav nav ul.layer-2.knowledge{min-height:130px}#nav nav ul.layer-2.collapsed{min-height:0;max-height:0}#nav nav ul.layer-3{width:80%;overflow:hidden;transition:.3s ease-in-out}#nav nav ul.layer-3.skin{min-height:260px}#nav nav ul.layer-3.feature{min-height:455px}#nav nav ul.layer-3.collapsed{min-height:0;max-height:0}}#nav .shopping-cart{display:block;position:absolute;width:24px;top:44%;right:20px;font-size:23px;color:#837e6e;transform:translateY(-50%)}#nav .shopping-cart .badge{position:absolute;top:2px;right:-5px;width:16px;height:16px;border-radius:8px;background-color:#e76565;font-size:6px;color:#fff;text-align:center;line-height:14px}#nav .pc-nav{width:100%}#nav .pc-nav ul{display:flex;align-items:center;gap:40px;height:100%;padding:0 140px}@media screen and (max-width:1600px){#nav .pc-nav ul{padding:0 0 0 10vw;gap:28px}}#nav .pc-nav ul li{font-size:16px;color:#837e6e;cursor:pointer}#nav .pc-nav ul li .comp-icon{display:flex;font-size:20px;transition:.3s}#nav .pc-nav ul li .comp-icon:hover{transform:scale(1.1)}#nav .pc-nav ul li a{text-decoration:none;color:#837e6e;font-family:Noto Sans TC,sans-serif;font-weight:300}#nav .pc-nav ul li.member{position:relative}#nav .pc-nav ul li.member .member-menu{position:absolute;right:-28px;top:32px;background-color:#fff;overflow-y:hidden;transition:.3s;box-shadow:2px 4px 4px rgba(0,0,0,.1);border-radius:4px;max-height:0;min-height:0}#nav .pc-nav ul li.member .member-menu.show{min-height:195px;max-height:195px}#nav .pc-nav ul li.member .member-menu ul{display:block;padding:16px 0}#nav .pc-nav ul li.member .member-menu ul li{cursor:pointer;padding:0 16px}#nav .pc-nav ul li.member .member-menu ul li:hover{background-color:#c6bfb1}#nav .pc-nav ul li.member .member-menu ul li:hover a,#nav .pc-nav ul li.member .member-menu ul li:hover div{color:#fff}#nav .pc-nav ul li.member .member-menu ul li a,#nav .pc-nav ul li.member .member-menu ul li div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 12px;white-space:nowrap;gap:8px;font-family:Noto Sans TC,sans-serif;font-weight:300}#nav .pc-nav ul li.member .member-menu ul li a .comp-icon,#nav .pc-nav ul li.member .member-menu ul li div .comp-icon{transition:0s}#nav .pc-nav ul li.member .member-menu ul li~li a,#nav .pc-nav ul li.member .member-menu ul li~li div{border-top:1px solid rgba(195,184,175,.5)}#nav .pc-nav:last-child ul{justify-content:flex-end;padding-right:140px;gap:24px}@media screen and (max-width:1600px){#nav .pc-nav:last-child ul{padding-right:10vw}}#nav .pc-nav:last-child ul li{position:relative}#nav .pc-nav:last-child ul li .items-count{position:absolute;right:-8px;top:-4px;background-color:#e76565;color:#fff;width:16px;height:16px;font-size:12px;text-align:center;line-height:16px;border-radius:8px}#nav .brand-logo{cursor:pointer}#nav .brand-logo img{height:48px;margin:24px 0}@media screen and (max-width:1600px){#nav .brand-logo img{margin:24px 0}}#nav .mobile-nav-top-news,#nav .pc-nav-top-news{position:relative;width:100%;top:0;height:24px;background-color:#c3b8af}#nav .mobile-nav-top-news span,#nav .pc-nav-top-news span{display:block;width:100%;margin:auto;color:#000;font-family:Noto Sans TC,sans-serif;text-align:center;font-size:14px;line-height:26px}#nav .mobile-nav-top-news div,#nav .pc-nav-top-news div{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:24px;height:24px;right:8px;top:50%;transform:translateY(-50%)}#nav .mobile-nav-top-news div .comp-icon,#nav .pc-nav-top-news div .comp-icon{color:#fff}.carousel-slide{position:absolute;opacity:0;transition:1s ease-in-out;pointer-events:none;width:100vw;height:100vh;overflow:hidden}.carousel-slide.pure-image{width:100vw;height:100vh;padding:112px 0 0 0;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}.carousel-slide.pure-image img{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100vh;width:auto}@media screen and (max-width:900px){.carousel-slide.pure-image img{position:static;transform:translateX(0);height:100vh;width:auto;top:0}}.carousel-slide.active{opacity:1;pointer-events:inherit;top:0;left:0}.comp-carousel{position:relative}.comp-carousel .carousel-pagination{width:calc(100vw - 280px);height:8px;position:absolute;left:50%;bottom:48px;transform:translateX(-50%);z-index:8}@media screen and (max-width:1600px){.comp-carousel .carousel-pagination{width:80%}}.comp-carousel .carousel-pagination ul{display:flex;width:100%;height:100%;gap:8px}.comp-carousel .carousel-pagination ul li{flex-grow:1;background-color:#000;opacity:.1;transition:.3s;cursor:pointer}.comp-carousel .carousel-pagination ul li:hover{opacity:.5}.comp-carousel .carousel-pagination ul li.active{opacity:1}#cf-footer{position:relative;background-color:#000;width:100vw;padding-bottom:180px}#cf-footer section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:40px 80px;gap:80px}#cf-footer section div header{font-weight:600;font-size:16px;padding:4px 0;border-bottom:2px solid #fff;color:#fff}#cf-footer section div ul li{color:#fff;font-size:16px;margin-top:8px}#cf-footer section div ul li a{color:#fff;text-decoration:none}#cf-footer section div ul li .comp-icon{margin-right:8px}@media screen and (max-width:900px){#cf-footer section{flex-direction:column;padding:40px 40px}#cf-footer section div,#cf-footer section div header{width:100%}}#cf-footer .copy-right{position:absolute;bottom:24px;left:80px;color:#fff;font-family:"Noto Serif TC",serif;font-weight:100;font-size:14px}#cf-footer .copy-right a{color:#fff}@media screen and (max-width:900px){#cf-footer .copy-right{width:80%;left:50%;bottom:40px;transform:translateX(-50%);text-align:center}}#cf-footer .go-top{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;bottom:56px;right:140px;cursor:pointer;opacity:0;transition:.3s;background-color:rgba(0,0,0,.4);padding:12px 2px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99}#cf-footer .go-top.show{opacity:1}@media screen and (max-width:900px){#cf-footer .go-top{display:none}}#cf-footer .go-top .top-arrow{display:block;width:24px;height:24px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;position:relative;width:16px;height:16px;transform:rotate(45deg) translate(4px,4px);transition:.3s}#cf-footer .go-top p{color:#fff;transition:.3s;font-size:16px;font-family:Noto Sans TC,sans-serif;font-weight:300}#cf-footer .go-top:hover .top-arrow{transform:rotate(45deg) translate(0)}#cf-footer .go-top:hover p{font-size:18px}.cf-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;border-radius:0;border:1px solid #707070;background-color:#fff}.cf-input .placeholder{display:block;font-size:14px;position:absolute;top:50%;left:8px;transform:translateY(-50%);color:#707070;transition:.3s}.cf-input .placeholder p{margin:0}.cf-input.focusing .placeholder,.cf-input .placeholder.labelize{transform:translateY(0);top:-10px;left:12px;height:16px;line-height:16px;padding:2px 12px;background-color:#676767;color:#fff}.cf-input.focusing .placeholder p,.cf-input .placeholder.labelize p{font-size:8px}.cf-input.focusing{border-color:#282828}.cf-input.invalid{border-color:#c70f0f;border-width:2px;border-radius:3px}.cf-input span{line-height:16px;padding:12px;border-right:1px solid #707070;color:#707070}.cf-input input{flex-grow:1;padding:12px 0 13px 12px;border:none;outline:none;background-color:transparent}.cf-input .iconButton{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.cf-input .iconButton:hover{opacity:.5}.cf-input-extra{display:block;font-size:12px;margin-top:0;color:#707070}.cf-textarea textarea{flex-grow:1;border:none;height:80px;padding:12px 16px;font-size:18px;outline:none}.cf-input-wrapper.invalid .cf-input-extra{color:#c70f0f}.cf-input-wrapper.invalid label{border-radius:2px;border:2px solid #c70f0f}.k-select-wraper{position:relative;display:inline-block;width:100%;font-size:14px;margin-bottom:12px;background-color:#fff;border:1px solid #707070}.k-select-wraper .select-value{display:none}.k-select-wraper .label{display:block;font-size:14px;position:absolute;top:-8px;left:12px;height:16px;line-height:16px;padding:0 12px;background-color:#676767;color:#fff}.k-select-wraper .label p{transform:scale(.8);font-size:8px}.k-select-wraper .extra{margin-left:8px;color:#707070;font-size:14px}.k-select-wraper .extra .k-icon{margin-right:8px}.k-select{position:relative;display:block;font-size:14px;font-weight:300;width:100%;transition:.3s}.k-select .k-select-render{position:relative;padding:12px 0 12px 12px;cursor:pointer}.k-select .k-select-render .k-select-title{background-color:transparent;width:100%;border:none;outline:none;color:#282828}.k-select .k-select-render .k-select-title:-moz-read-only{cursor:pointer}.k-select .k-select-render .k-select-title:read-only{cursor:pointer}.k-select .k-select-render:after{display:block;width:6px;height:6px;border-width:1px 0 0 1px;border-color:#707070;border-style:solid;position:absolute;right:12px;top:50%;transform:translateY(-56%) rotate(-135deg);transition:.3s;content:""}.k-select.isSpread .k-select-render:after{transform:translateY(-16%) rotate(45deg)}.k-select .option-list{width:100%;margin:0;position:absolute;top:44px;left:0;box-shadow:2px 2px 8px rgba(0,0,0,.4);background-color:#fff;overflow:scroll;z-index:99;max-height:500px;-ms-overflow-style:none;scrollbar-width:none}.k-select .option-list::-webkit-scrollbar{display:none}.k-select .option-list option{padding:12px;font-weight:300;cursor:pointer}.k-select .option-list option~option{border-top:1px solid #707070}.k-select .option-list option:hover{color:#fff;background-color:#35363e}.k-select.block,.k-select.block .option-list{width:100%}.drop-down-enter-active{transition:all .3s ease-in}.drop-down-leave-active{transition:all .3s ease-out}.drop-down-enter,.drop-down-leave-to{opacity:0}.k-message{position:fixed;display:flex;justify-content:center;top:16px;width:100vw;z-index:999;pointer-events:none}.k-message span{min-width:200px;height:36px;padding:0 24px;line-height:36px;text-align:center;background-color:#282828;box-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;font-size:14px;opacity:0;transform:translateY(-36px);transition:.4s}.k-message span,.k-message span *{display:inline-block}.k-message span i{margin-right:8px}.k-message span p{font-weight:300;margin:0}.k-message.show span{transform:translateY(0);opacity:1}.msg-show-enter,.msg-show-leave-to{transform:translateY(-36px);opacity:0}.cf-confirm{position:fixed;z-index:99;width:100vw;height:100vh;top:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-confirm .wrapper{background-color:#282828;padding:16px 24px;border-radius:8px}.cf-confirm .wrapper .comp-icon{color:#fff;margin-right:8px}.cf-confirm .wrapper p{display:inline-block;font-size:16px;color:#fff}.cf-confirm .wrapper .button-group{display:flex;justify-content:flex-end}.cf-confirm .wrapper .button-group button{background-color:#fff;color:#282828;padding:4px 8px;margin-left:8px}.cf-radio{display:inline-flex;align-items:center;height:20px}.cf-radio input{position:relative;width:20px;height:20px;margin-right:6px}.cf-radio input:before{content:"";display:inline-block;width:20px;height:20px;background-color:#fff;border-radius:10px;border:1px solid #282828;cursor:pointer}.cf-radio span{cursor:pointer;display:block}.cf-radio.active input:after{content:"";position:absolute;width:16px;height:16px;border-radius:10px;background-color:#282828;top:55%;left:55%;transform:translate(-50%,-50%)}.cf-checkbox{display:flex;align-items:center;height:16px;border:none;background-color:transparent}.cf-checkbox .checkbox-outer{width:16px;height:16px;border:1px solid #282828;margin-right:8px}.cf-checkbox .checkbox-outer .checked-inner{width:12px;height:12px;opacity:0;margin:2px 2px}.cf-checkbox .checkbox-outer .checked-inner .comp-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;width:12px;height:12px}.cf-checkbox .checkbox-outer .checked{opacity:1}.cf-checkbox p{font-size:14px}.cf-skeleton .child{background:linear-gradient(90deg,#f7f7f7 25%,#f0f0f0 37%,#f7f7f7 63%);background-size:400% 100%;-webkit-animation:ant-skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite}.cf-skeleton.order{display:grid;grid-template-columns:1fr 1fr;row-gap:16px;-moz-column-gap:16px;column-gap:16px}@media screen and (max-width:900px){.cf-skeleton.order{grid-template-columns:1fr}}.cf-skeleton.order .order-skeleton{width:100%;height:100px;border-radius:8px}@media screen and (max-width:900px){.cf-skeleton.order .order-skeleton{height:140px}}@-webkit-keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.anime-button{position:relative}.anime-button.loading{pointer-events:none;overflow:hidden}.anime-button.loading:after{content:"";position:absolute;display:block;width:100%;height:100%;background-color:#fff;left:-100%;top:0;transform:translateX(0);opacity:.3;-webkit-animation:loading 2s ease-in-out;animation:loading 2s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes loading{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes loading{0%{transform:translateX(0)}to{transform:translateX(100%)}}