html{scroll-behavior:smooth}html.popup{height:100vh;overflow:hidden}html.popup--notice .rule__notice{visibility:visible;opacity:1}html.popup--notice .rule__notice-container{margin-top:0}html.popup--winner .rule__winner-popup{visibility:visible;opacity:1}html.popup--winner .rule__notice-container{margin-top:0}html.popup--nav .nav__list-set{opacity:1;visibility:visible}body{width:100%;overflow-x:hidden;color:#6d6d6d;line-height:1.6;font-family:"Noto Sans TC",sans-serif;scroll-behavior:smooth;background:#FFFBE8 url("../img/bg.jpg") no-repeat top calc(68vw + 64px) center;background-size:100% 100%}@media only screen and (min-width:768px){body{background:#FFFBE8 url("../img/bg.jpg") no-repeat top calc(45vw + 64px) center}}@media only screen and (min-width:1200px){body{background:#FFFBE8 url("../img/bg.jpg") no-repeat top 620px center}}.title{margin:0 auto}.title img{width:100%}.title--rule{width:calc(240px * 0.72)}.title--prize{width:200px}.title--test{width:calc(300px * 0.72)}.title--formula{width:calc(430px * 0.72)}.title--kol{width:calc(360px * 0.72)}@media only screen and (min-width:768px){.title--rule{width:calc(240px * 1.2)}.title--prize{width:220px}.title--test{width:calc(300px * 1.2)}.title--formula{width:calc(430px * 1.2)}.title--kol{width:calc(360px * 1.2)}}.btn-img{cursor:pointer}.btn-img:hover{transform-origin:center center;transform:scale(0.97)}.btn-close,.nav__list-close,.rule__notice-close{position:absolute;width:36px;height:36px;background:url("../img/icon-close.png") no-repeat center center;background-size:contain;cursor:pointer;transition:all 0.2s ease;transform-origin:center center}.btn-close:hover,.nav__list-close:hover,.rule__notice-close:hover{transform:scale(1.1)}p{margin-top:0.8em;margin-bottom:0.8em}.loading{display:none;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:9999}.loading__container{width:100%;height:100%;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center}*{box-sizing:border-box}:focus{outline:none}.nav__container{position:fixed;z-index:99;top:0;left:0;width:100vw;max-width:100vw!important;background:rgba(255,251,232,0.9);background:linear-gradient(0deg,rgba(255,251,232,0) 0%,#fffbe8 90%,#fffbe8 100%)}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:15px 0}.nav__logo{flex:0 0 65px}.nav__logo img{width:100%}.nav__icon{flex:0 0 20px}.nav__list-set{position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;opacity:0;visibility:hidden;background:rgba(255,251,232,0.95);display:flex;align-items:center;justify-content:center}.nav__list-close{top:3%;right:3%}.nav__list{flex:0 0 80%}.nav__item{width:100%;margin:0 auto;padding:0.5em 0;border-top:1px solid rgba(220,146,155,0.3)}.nav__item:first-child{border:none}.nav__link{display:block;padding:2rem 0;font-size:6vw;color:#DC929B;text-decoration:none;text-align:center}.nav__link:hover{color:#E77878}.nav__more{width:70px;position:fixed;z-index:99;bottom:30px;right:10px;cursor:pointer;transform-origin:center center}.nav__more img{width:100%}.nav__more:hover{transform:scale(1.1)}@media only screen and (min-width:480px){.nav__link{font-size:24px}}@media only screen and (min-width:768px){.nav__logo{flex:0 0 100px}.nav__icon{display:none}.nav__list-close{display:none}.nav__list-set{position:static;opacity:1!important;visibility:visible!important;background:none;flex:0 0 auto;width:auto;height:auto;margin-right:-1.2em;overflow:hidden}.nav__list{display:flex;flex:0 0 auto}.nav__item{width:auto;padding:0;border:none;border-left:1px solid rgba(220,146,155,0.6)}.nav__link{padding:0 1.2em;font-size:1rem}.nav__more{width:100px;bottom:60px;right:20px}}.contents{padding-bottom:150px;overflow-x:hidden}.contents>.container,.contents>.rule__notice-container{padding-top:80px}.container,.rule__notice-container{padding-left:3%;padding-right:3%;max-width:1200px;margin:0 auto}@media only screen and (min-width:768px){.contents{padding-bottom:200px}}.slogan{background:url("../img/bg-floor.jpg") repeat-x;background-size:14%;background-position:top 89% left;display:flex;flex-wrap:wrap;justify-content:center;position:relative;z-index:2;margin-top:64px}.slogan__visual{width:80%;position:relative}.slogan__blackboard{display:none}.slogan__blackboard-mobile{width:100%}.slogan__clock{display:block;width:11%;height:auto;position:absolute;left:-11%;top:10%}.slogan__calendar{display:none}.slogan__deco{position:relative;width:100%;margin-top:-20%}.slogan__deco img{width:100%}.slogan_desc{display:block;position:relative;z-index:1;text-align:center;margin-top:50px}@media only screen and (min-width:768px){.slogan{background-position:top 87% left}.slogan__visual{width:70%}.slogan__blackboard{display:block;width:100%}.slogan__blackboard-mobile{display:none}.slogan__calendar{display:block;width:14%;height:auto;position:absolute;right:-14%;top:47%}.slogan__deco{width:90%;margin-top:-20%}}@media only screen and (min-width:1200px){.slogan{background-position:top 485px left 0}.slogan__visual{width:840px}.slogan__deco{width:1080px;margin-top:-240px}}.rule{width:100%;overflow:hidden;position:relative}.rule__desc{display:block;color:#9E8444;margin:1em auto 0 auto;max-width:320px;text-align:center}.rule__prize-img{display:block;width:100%;max-width:420px;margin:1.5em auto}.rule__prize-list{display:flex;flex-wrap:wrap}.rule__prize-item{flex:0 0 100%;text-align:center;margin:0.5em 0}.rule__prize-item p{color:#333;font-size:0.9375rem;margin-top:0}.rule__congratulation{margin-top:30px;text-align:center}.rule__congratulation br{display:none}.rule__congratulation a{color:#E77878}.rule__notice-btn{text-align:center;margin-top:30px}.rule__notice-btn span{display:inline-block;background:#DC929B;color:white;border-radius:99px;padding:0.6em 2em;font-size:0.875rem;cursor:pointer}.rule__notice-btn span:hover{background:#E77878}@media only screen and (min-width:768px){.rule{overflow:visible}.rule:after{content:"";display:block;width:200px;height:150px;background:url("../img/item-bag.png") no-repeat center center;background-size:contain;position:absolute;top:0;left:50%;margin-left:-380px}.rule__desc{font-size:1.125rem;max-width:100%}.rule__desc .br{display:block;font-size:0}.rule__prize-img{max-width:850px;display:block;width:60%}.rule__prize-list{flex-wrap:nowrap;justify-content:space-between}.rule__prize-list{max-width:800px;margin:0 auto}.rule__prize-item{flex:0 0 32%}.rule__prize-item p{font-size:0.875rem}.rule__congratulation{margin-top:30px}.rule__congratulation br{display:block;font-size:0}}@media only screen and (min-width:1024px){.rule .br-tablet{display:inline}.rule:after{margin-left:-480px}}.rule__notice,.rule__winner-popup{line-height:0;position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:all 0.3s ease}.rule__notice img,.rule__winner-popup img{width:100%}.rule__notice-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7)}.rule__notice-container{position:relative;width:100%;height:96vh;max-height:600px;margin-top:50px;transition:all 0.3s ease;display:flex;flex-direction:column}.rule__notice-title{color:white;line-height:1.6;text-align:center;padding-bottom:5px;font-size:1.25rem;background:url("../img/bg-rule-notice-up-2.png") no-repeat center center;background-size:100% 100%}.rule__notice-list,.rule__winner-popup-content{line-height:1.6;background:url("../img/bg-rule-notice-middle.png") no-repeat center center;background-size:100% 100%;counter-reset:item;padding:1.6em;overflow:auto;margin-top:-1px}.rule__notice-item{display:block;counter-increment:item;position:relative;padding-left:1.2em;margin-top:1em}.rule__notice-item:first-child{margin-top:0}.rule__notice-item:before{content:counter(item) ".";position:absolute;top:0;left:0}.rule__notice-close{right:calc(3% + 20px);top:calc(3vw + 15px)}.rule__winner-popup-content .rule__prize-img{max-width:600px!important}.test__desc{display:block;text-align:center;color:#9E8444;margin:1em auto}.test__desc strong{font-weight:bold;font-size:1.2em}.test__question-set{line-height:0;position:relative;padding-bottom:40px}.test__question-deco{position:absolute}.test__question-deco--nail{transform:scale(0.8);right:0%;top:-33px}.test__question-deco--wash{transform:scale(0.8);left:30%;bottom:45px}.test__question-deco--mirror{transform:scale(0.8);right:-5%;bottom:2%}.test__question-deco--left{display:none}.test__question-deco--right{display:none}.test__question-bg{width:100%}.test__question{position:relative;margin:auto;background:url("../img/bg-test-mobile-middle.png") no-repeat center center;background-size:100% 100%;width:100%;padding:3% 8%;line-height:1.6}.test__question-title{font-size:1.125rem;color:#E77878;font-weight:bold;display:flex;align-items:flex-start}.test__question-title img{width:42px;margin:0.15em 5px 0 -10px}.test__question-title span{display:block;flex-basis:calc(100% - 50px)}.test__question-content{display:none}.test__answers{margin-top:2em}.test__answers-input{display:none}.test__answers-input:checked+label:after{display:block;opacity:1}.test__answers-label{display:block;font-size:1rem;margin:2em 0;position:relative;padding-left:40px;cursor:pointer}.test__answers-label:before{content:"";display:inline-block;width:16px;height:16px;border:3px solid #6d6d6d;position:absolute;left:0;top:1px}.test__answers-label:after{content:"";display:none;width:28px;height:24px;position:absolute;left:5px;top:-5px;background:url("../img/icon-checked.svg") no-repeat;background-size:contain}.test__answers-label:hover:after{display:block;opacity:0.7}@media only screen and (min-width:480px){.test__question-deco{position:absolute}.test__question-deco--wash{transform:scale(0.9);left:35%;bottom:55px}.test__question-deco--mirror{transform:scale(0.9);right:5%;bottom:5px}}@media only screen and (min-width:640px){.test__desc{font-size:1.125rem}.test__question-set{transform:scale(0.8);margin-left:-6%;padding-bottom:0}.test__question-bg{display:none}.test__question-deco--nail{transform:scale(1);right:50%;margin-right:-340px;top:-40px}.test__question-deco--wash{transform:scale(1);left:50%;margin-left:-180px;bottom:15px}.test__question-deco--mirror{transform:scale(1);right:50%;margin-right:-320px;bottom:-35px}.test__question-deco--left{display:block;left:50%;margin-left:-480px;bottom:20px}.test__question-deco--right{display:block;right:50%;margin-right:-475px;top:-10px}.test__question{background:url("../img/bg-test-desktop.png") no-repeat center center;background-size:contain;width:calc(1200px * 0.6);height:calc(765px * 0.6);padding:60px 0 0 7%}.test__question-title{font-size:1.75rem}.test__question-title img{width:48px;margin:0.35em 10px 0 -10px}.test__question-title span{flex-basis:calc(100% - 100px)}.test__answers-label{font-size:1.5rem;margin:0.8em 0;padding-left:50px}.test__answers-label:before{width:22px;height:22px;left:0;top:4px}.test__answers-label:after{width:40px;height:32px;left:3px;top:-4px}}@media only screen and (min-width:768px){.test__question-set{transform:scale(1);margin:auto}.test__answers-label{font-size:1.375rem}}.test__result-set{display:none}.test__result{background:url("../img/bg-result.png") no-repeat center center;background-size:100% 100%;padding:5% 11% 150px 5%;margin-bottom:-5%}.test__result-content{display:none}.test__result-image{display:block;margin:auto;width:100%;max-width:480px}.test__result-text{position:relative}.test__result-product{width:180px;position:absolute;right:-30px;top:-100px}.test__result-title{display:block;font-size:1.7rem;font-weight:bold}.test__result-title--1{color:#AE79AC}.test__result-title--2{color:#E9689D}.test__result-title--3{color:#CC6F92}.test__result-subtitle{display:block;font-size:1.2rem;font-weight:bold;margin-top:-0.3em}.test__result-subtitle--1{color:#AE79AC}.test__result-subtitle--2{color:#E9689D}.test__result-subtitle--3{color:#CC6F92}.test__result-desc{display:block}.test__result-desc--1 strong{color:#983E92}.test__result-desc--2 strong{color:#E9689D}.test__result-desc--3 strong{color:#CC6F92}.test__result-panel{border-top:5px solid #6D6D6D;padding-top:8%;margin-top:8%;display:flex;flex-direction:column;align-items:center}.test__result-panel-desc{text-align:center}.test__result-links{height:auto;flex:0 0 auto}.test__result-link{display:block;width:100%;max-width:180px;margin:0 10px}.test__result-link img{width:100%}.test__result-again{font-size:1.25rem;font-weight:bold;display:flex;flex-wrap:nowrap;align-items:center;border:none;background:none;color:#6D6D6D;margin-top:30px;cursor:pointer}.test__result-again img{display:block;height:22px;margin-right:10px}.test__result-again span{display:block;white-space:nowrap;font-family:"Noto Sans TC",sans-serif}.test__result-again:hover{transform-origin:center center;transform:scale(1.1)}@media only screen and (min-width:480px){.test__result-product{width:45%;max-width:280px;top:-120px}.test__result-title{font-size:2rem}.test__result-subtitle{font-size:1.3rem}}@media only screen and (min-width:640px){.test__result-links{display:flex;justify-content:center}.test__result-link{flex:0 0 30%}}@media only screen and (min-width:1024px){.test__result{max-width:1000px;margin:auto;background:url("../img/bg-result-desktop.png") no-repeat center center;background-size:100% 100%;padding:7% 120px 3% 3%;display:flex;align-items:center;margin-left:50px}.test__result-content{flex:0 0 70%;padding-right:30px}.test__result-text{margin-top:-50px}.test__result-panel{flex:0 0 30%;border:none;border-left:5px solid #6d6d6d;margin:0;padding:0;padding-left:30px;justify-content:space-between;height:480px}.test__result-links{display:block}.test__result-link{margin-bottom:10px;max-width:100%}.test__result-product{top:-60%}}.form{display:none}.form__container{background:url("../img/bg-form.png") no-repeat;background-size:100% 100%;width:100%;padding:5vw 10vw 15vw 10vw;display:flex;flex-wrap:wrap;justify-content:space-between}.form__title{display:block;width:120%;height:37.7%;margin-left:-10%}.form__field{flex:0 0 100%;border-bottom:3px solid #6d6d6d;font-weight:bold;margin:30px 0;display:flex;align-items:center;padding-bottom:5px}.form__field label{flex:0 0 64px;font-size:0.875rem}.form__field input{width:calc(100% - 64px);display:block;border:none;background:none;font-size:1.375rem}.form__field input[name=email]{font-size:1.125rem}.form__agree{flex:0 0 100%}.form__agree input{display:none}.form__agree input:checked+label:after{opacity:1}.form__agree label{display:inline-block;font-weight:bold;padding-left:40px;position:relative}.form__agree label:before{content:"";display:block;border:3px solid #6d6d6d;width:20px;height:20px;margin-right:10px;position:absolute;left:0;top:0}.form__agree label:after{content:"";position:absolute;top:-5px;left:3px;display:block;width:30px;height:30px;background:url("../img/icon-checked.svg") no-repeat center center;background-size:contain;opacity:0}.form__agree-notice-btn{text-decoration:underline;cursor:pointer}.form__btns{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.form__btn{width:100%;max-width:180px;margin:10px 0}@media only screen and (min-width:640px){.form__container{max-width:1000px;margin:auto;background:url("../img/bg-form-desktop.png") no-repeat;background-size:100% 100%;padding:10px 10% 100px 10%}.form__title{width:110%;height:34.6%;margin-left:-5%}.form__field{border-bottom:5px solid #6d6d6d}.form__field label{flex:0 0 72px;font-size:1rem}.form__field input{width:calc(100% - 72px)}.form__field--mobile,.form__field--name{flex:0 0 48%}.form__agree label:before{border:4px solid #6d6d6d}.form__btns{flex-direction:row-reverse;justify-content:space-around}}.title--formula{position:relative;z-index:1}.formula__video{position:relative;z-index:0;background:url("../img/bg-formula.png") no-repeat center center;background-size:contain;width:100%;padding-top:calc(100% * (1293 / 1429));position:relative;margin-top:-15px}.formula__yt{width:92.5%;height:56%;position:absolute;top:15.5%;left:3.8%}.formula__link{display:inline-block;position:absolute;left:0;top:79%;background:#DC929B;color:white;border-radius:99px;padding:0.6em 2em;font-size:0.875rem;text-decoration:none}.formula__link:after{position:absolute;right:-1em;bottom:-1.2em;display:block;width:30px;height:30px;content:"";background:url("../img/icon-pointer.png") no-repeat center center;background-size:contain}.formula__link:hover{background:#E77878}.formula__link:hover:after{right:-0.5em;bottom:-1.1em}.formula__banner{position:relative;margin-top:50px}.formula__banner img{border-radius:30px}.formula__banner .swiper-button-next,.formula__banner .swiper-button-prev{top:auto;bottom:-5px;transform-origin:center center;transform:scale(0.8)}.formula__article{display:flex;flex-wrap:wrap;margin-top:50px}.formula__article-item{display:block;flex:0 0 100%;margin-bottom:30px;position:relative;background:white;border:1px solid #6d6d6d;color:#6d6d6d;text-decoration:none;line-height:0}.formula__article-item:before{display:block;content:"";width:64px;height:64px;background:url("../img/icon-recommend.png") no-repeat center center;background-size:contain;position:absolute;left:-5px;top:-20px}.formula__article-item:hover:before{transform-origin:center center;transform:scale(1.1)}.formula__article-item:hover .formula__article-content{background:#fdf6f6}.formula__article-cover{width:100%}.formula__article-content{padding:5%;line-height:1.6}.formula__article-title{font-size:1.1rem;color:#333;font-weight:bold}@media only screen and (min-width:768px){.title--formula{margin-left:0}.formula__link{font-size:1.125rem;padding:0.6em 3em}.formula__link:after{right:-0.6em;bottom:-1.3em;width:36px;height:36px}.formula__banner{width:calc(100% - 100px);margin:50px auto 0 auto}.formula__banner .swiper-button-next,.formula__banner .swiper-button-prev{display:block;top:50%;bottom:auto;transform:scale(1)}.formula__banner .swiper-button-prev{left:-50px}.formula__banner .swiper-button-next{right:-50px}.formula__article{flex-wrap:nowrap;justify-content:space-between}.formula__article-item{flex:0 0 48%;margin-bottom:0;cursor:pointer}.formula__article-item:before{width:72px;height:72px;left:-20px;top:-20px}}@media only screen and (min-width:1200px){.formula__video{width:1143px;padding-top:968px;margin-top:-100px}.formula__yt{width:86.5%;left:6.8%}.formula__link{left:40px}}.container--kol{overflow:hidden}.kol__article{margin-top:30px}.kol__article .swiper-container{overflow:visible}.kol__article .swiper-button-next,.kol__article .swiper-button-prev{display:block;top:auto;bottom:0;transform-origin:center center;transform:scale(0.8)}.kol__article .swiper-pagination{opacity:0;visibility:hidden}.kol__article-item{display:block;background:white;padding:10px;padding-bottom:25px;color:#6d6d6d;text-decoration:none}.kol__article-item:hover .kol__article-more{background:#eb8e8e}.kol__article-title{font-size:1.1rem;font-weight:bold;margin-top:15px;color:#333}.kol__article-desc{width:100%;height:50px;overflow:hidden}.kol__article-more{display:block;width:180px;background:#E77878;border-radius:99px;padding:8px 0;text-align:center;color:white;margin:20px auto 0 auto;cursor:pointer}@media only screen and (min-width:768px){.kol__article .swiper-button-next,.kol__article .swiper-button-prev{transform:scale(1)}.kol__article .swiper-pagination{margin-top:25px;opacity:1;visibility:visible}.kol__article .swiper-container-horizontal>.swiper-pagination-bullets{margin-top:25px}}@media only screen and (min-width:1024px){.kol__article .swiper-container{overflow:hidden}}.swiper-slide img{width:100%}.swiper-button-prev{width:32px;height:32px;background:url("../img/icon-arrow-left.png") no-repeat center center;background-size:contain}.swiper-button-prev:after{display:none}.swiper-button-next{width:32px;height:32px;background:url("../img/icon-arrow-right.png") no-repeat center center;background-size:contain}.swiper-button-next:after{display:none}.swiper-button-next:hover,.swiper-button-prev:hover{transform-origin:center;transform:scale(1.1)}.swiper-pagination-bullet{width:12px;height:12px;background:white;opacity:1}.swiper-pagination-bullet-active{background:#DC929B}.swiper-container-horizontal>.swiper-pagination-bullets{margin-top:5px;bottom:0}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}.swiper-pagination{position:relative}