a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}:disabled{background:#fff;color:#dee0e5}input,select,textarea{font-size:18px;padding:0 24px}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#898989}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#898989}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#898989}input::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#898989}input::placeholder,select::placeholder,textarea::placeholder{color:#898989}@media screen and (max-width:820px){input,select,textarea{font-size:15px;padding:0 9px}}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../svg/arrw_1.svg?20180611) no-repeat scroll 96.9% center transparent}html{height:100%;margin:0;padding:0;border:none}body,html{width:100%;height:100%;font-family:"Noto Serif TC",serif;font-optical-sizing:auto;font-size:100px;line-height:1.4}@media screen and (max-width:1280px){body,html{font-size:90px}}@media screen and (max-width:1024px){body,html{line-height:1.2}}@media screen and (max-width:640px){body,html{font-size:100px}}body{overflow-x:hidden;background:#d1e7e8}main{width:100%;height:100%;margin:auto;overflow:hidden}#wrapper{position:relative;max-width:821px;height:100%;margin:auto}@media screen and (min-width:821px){#wrapper{max-width:518px}}@media screen and (min-width:1300px){#wrapper{max-width:398px}}@media screen and (min-width:1440px){#wrapper{max-width:518px}}header{display:none;position:absolute;width:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;padding:15px 0 0 15px}header.active{display:block}header .logo{width:40px}header .logo img{width:100%;display:block}.desk_use{display:block}.mobile_use{display:none}@media screen and (max-width:1024px){.desk_use{display:none}.mobile_use{display:block}}.d-f{display:-webkit-box;display:-ms-flexbox;display:flex}.po-r{position:relative}.po-r a{position:absolute;width:50%;height:100%}.po-r a:first-child{left:0}.po-r a:nth-child(2){right:0}.loading{-webkit-transition:0.6s;transition:0.6s;width:100%;height:100%;position:fixed;pointer-events:none;text-align:center;background:linear-gradient(45deg,#d1e7e8 35%,#d1f5f7 60%);background-size:cover;z-index:999}.loading.removeClass{opacity:0;pointer-events:none}.loading .box{font-weight:600;font-size:0.2rem;color:#d95979;position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:opac 2s infinite linear;animation:opac 2s infinite linear}.loading .box .loading-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading .box .num{margin-left:8px;font-size:16px;position:relative;top:3px}.loading span{width:11em;height:11em;display:block;position:absolute;top:calc(50% - 5.5em);left:calc(50% - 5.5em);border:1px solid;border-color:#d95979 transparent #ce8b44 transparent;border-radius:50%;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes opac{0%{opacity:1}50%{opacity:0.4}to{opacity:1}}@keyframes opac{0%{opacity:1}50%{opacity:0.4}to{opacity:1}}.index_page{-webkit-transition:0.6s;transition:0.6s;position:absolute;width:100%;height:100%;overflow:hidden}.index_page .index-bg{position:absolute;width:100%;height:100%}.index_page .index-bg div{width:100%;height:100%;background:url(../images/index/bg.png) center bottom no-repeat;background-size:cover}.index_page.hide{opacity:0;pointer-events:none}.index_page .container{position:relative;width:100%;height:100%}.index_page .js-golist-btn{position:absolute;bottom:1%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5;width:min(401px,62%)}.index_page .drop,.index_page .flower-1,.index_page .light,.index_page .petal,.index_page .product,.index_page .shine,.index_page .title{position:absolute}.index_page img{width:100%;display:block}@media screen and (min-width:768px){.index_page .use{display:none}}@media screen and (min-width:821px){.index_page .use{display:block}}.index_page .pad_use{display:none}@media screen and (min-width:768px){.index_page .pad_use{display:block}}@media screen and (min-width:821px){.index_page .pad_use{display:none}}.index_page .title{z-index:4;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}@media screen and (min-width:768px){.index_page .title{width:35vh;top:5%}}@media screen and (min-width:821px){.index_page .title{width:100%;top:0}}.index_page .light,.index_page .shine{width:100%;z-index:2;top:0;left:0;mix-blend-mode:screen}.index_page .shine{z-index:4}.index_page .petal{z-index:3;top:0;left:0}.index_page .product{z-index:2;bottom:0;width:47vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width:768px){.index_page .product{width:55vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (min-width:821px){.index_page .product{bottom:0;width:49vh}}@media screen and (min-width:1520px){.index_page .product{bottom:0;width:100%}}.index_page .flower-0{width:min(118px,13vw);top:49vw;left:13.2vw;z-index:4}@media screen and (min-width:768px){.index_page .flower-0{top:24%;left:20%;width:10%}}@media screen and (min-width:1366px){.index_page .flower-0{width:65px;top:254px;left:72px}}@media screen and (min-width:1440px){.index_page .flower-0{width:65px;top:254px;left:72px}}.index_page .flower-1{width:min(179px,23vw);top:3.3vw;left:16.2vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-1{top:3%;width:19%;left:15%}}@media screen and (min-width:821px){.index_page .flower-1{width:129px;top:12px;left:81px}}.index_page .flower-2{width:min(67px,9vw);top:18vw;left:0vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-2{top:16%}}@media screen and (min-width:821px){.index_page .flower-2{width:47px;top:89px;left:0}}.index_page .flower-3{width:min(166px,22vw);top:0;right:6vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-3{right:8%;width:22%}}@media screen and (min-width:821px){.index_page .flower-3{width:106px;top:0;right:36px}}.index_page .flower-4{width:min(91px,10vw);top:11vw;right:-1vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-4{top:10%;width:8%;right:0}}@media screen and (min-width:821px){.index_page .flower-4{width:48px;top:61px;right:0px}}.index_page .flower-5{width:min(87px,11vw);top:56.5vw;right:4.5vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-5{top:28%;right:7%;width:12%}}@media screen and (min-width:821px){.index_page .flower-5{width:min(61px,11vw);top:292px;right:21px}}.index_page .flower-6{width:min(57px,8vw);top:63.5vw;left:0;z-index:3}@media screen and (min-width:821px){.index_page .flower-6{width:min(38px,8vw);top:333px}}.index_page .flower-7{width:min(68px,9vw);top:85.5vw;left:14vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-7{top:43%;left:16%}}@media screen and (min-width:821px){.index_page .flower-7{width:min(44px,9vw);top:443px;left:71px}}.index_page .flower-8{width:min(136px,18vw);top:85.5vw;left:23vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-8{top:46%;width:14%;left:28%}}@media screen and (min-width:1366px){.index_page .flower-8{top:50%;width:15%;left:28%}}@media screen and (min-width:1440px){.index_page .flower-8{width:min(96px,18vw);top:411px;left:132px}}@media screen and (min-width:1680px){.index_page .flower-8{width:min(96px,18vw);top:441px;left:112px}}.index_page .flower-9{width:min(165px,21vw);bottom:54vw;left:63vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-9{bottom:30%;left:59%;width:17%}}@media screen and (min-width:1366px){.index_page .flower-9{width:21%;bottom:26%;left:60%}}@media screen and (min-width:1440px){.index_page .flower-9{width:min(96px,18vw);bottom:25%;left:58%}}@media screen and (min-width:1680px){.index_page .flower-9{width:min(103px,21vw);bottom:299px;left:326px}}.index_page .flower-10{width:min(72px,9vw);bottom:63vw;right:0vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-10{bottom:35%;width:8%}}@media screen and (min-width:821px){.index_page .flower-10{width:min(50px,9vw);bottom:334px}}.index_page .flower-11{width:min(72px,9vw);bottom:0vw;right:0vw;z-index:3}@media screen and (min-width:821px){.index_page .flower-11{width:min(41px,9vw);bottom:24px}}.index_page .flower-12{width:min(73px,9vw);bottom:17vw;left:0vw;z-index:3}@media screen and (min-width:821px){.index_page .flower-12{width:min(53px,9vw);bottom:91px}}.index_page .flower-13{width:min(93px,18vw);top:72vw;right:15vw;z-index:3}@media screen and (min-width:768px){.index_page .flower-13{top:40%;width:15%;right:20%}}@media screen and (min-width:1366px){.index_page .flower-13{top:42%;right:18%;width:20%}}@media screen and (min-width:1440px){.index_page .flower-13{top:46%;right:18%;width:16%}}@media screen and (min-width:1680px){.index_page .flower-13{width:min(93px,18vw);top:395px;right:70px}}.index_page .flower-14{width:min(130px,34vw);bottom:0vw;left:3vw;z-index:1}@media screen and (min-width:768px){.index_page .flower-14{left:11%;width:25%}}@media screen and (min-width:821px){.index_page .flower-14{left:30px}}.index_page .f-animate .flower-1{-webkit-animation:shake14 20s 1s linear infinite;animation:shake14 20s 1s linear infinite}.index_page .f-animate .flower-3{-webkit-animation:shake3 15s 1.3s linear infinite;animation:shake3 15s 1.3s linear infinite}.index_page .f-animate .flower-5{-webkit-animation:shake8 20s 2s linear infinite;animation:shake8 20s 2s linear infinite}.index_page .f-animate .flower-8{-webkit-animation:shake8 20s 1s linear infinite;animation:shake8 20s 1s linear infinite}.index_page .f-animate .flower-9{-webkit-animation:shake13 15s 2s linear infinite;animation:shake13 15s 2s linear infinite}.index_page .f-animate .flower-10{-webkit-animation:shake11 15s 1.3s linear infinite;animation:shake11 15s 1.3s linear infinite}.index_page .f-animate .flower-11{-webkit-animation:shake11 15s 1s linear infinite;animation:shake11 15s 1s linear infinite}.index_page .f-animate .flower-12{-webkit-animation:shake12 15s 1.5s linear infinite;animation:shake12 15s 1.5s linear infinite}.index_page .f-animate .flower-13{-webkit-animation:shake13 20s 2s linear infinite;animation:shake13 20s 2s linear infinite}.index_page .f-animate .flower-14{-webkit-animation:shake14 20s 1s linear infinite;animation:shake14 20s 1s linear infinite}@-webkit-keyframes shake3{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0px,-10px) scale(0.9) rotate(10deg);transform:translate(0px,-10px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,0px) scale(1.2) rotate(20deg);transform:translate(0,0px) scale(1.2) rotate(20deg)}75%{-webkit-transform:translate(0,-10px) scale(0.9) rotate(10deg);transform:translate(0,-10px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake3{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0px,-10px) scale(0.9) rotate(10deg);transform:translate(0px,-10px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,0px) scale(1.2) rotate(20deg);transform:translate(0,0px) scale(1.2) rotate(20deg)}75%{-webkit-transform:translate(0,-10px) scale(0.9) rotate(10deg);transform:translate(0,-10px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes shake8{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake8{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes shake11{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(5px,12px) rotate(0deg);transform:translate(5px,12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.8) rotate(0deg);transform:translate(0,0px) scale(0.8) rotate(0deg)}75%{-webkit-transform:translate(10px,15px) scale(0.95) rotate(0deg);transform:translate(10px,15px) scale(0.95) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake11{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(5px,12px) rotate(0deg);transform:translate(5px,12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.8) rotate(0deg);transform:translate(0,0px) scale(0.8) rotate(0deg)}75%{-webkit-transform:translate(10px,15px) scale(0.95) rotate(0deg);transform:translate(10px,15px) scale(0.95) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes shake12{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-5px,-12px) rotate(0deg);transform:translate(-5px,-12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.95) rotate(0deg);transform:translate(0,0px) scale(0.95) rotate(0deg)}75%{-webkit-transform:translate(-5px,-12px) scale(1) rotate(0deg);transform:translate(-5px,-12px) scale(1) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake12{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-5px,-12px) rotate(0deg);transform:translate(-5px,-12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.95) rotate(0deg);transform:translate(0,0px) scale(0.95) rotate(0deg)}75%{-webkit-transform:translate(-5px,-12px) scale(1) rotate(0deg);transform:translate(-5px,-12px) scale(1) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes shake13{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake13{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes shake14{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0,10px) rotate(3deg);transform:translate(0,10px) rotate(3deg)}50%{-webkit-transform:translate(10px,0) scale(1) rotate(4deg);transform:translate(10px,0) scale(1) rotate(4deg)}75%{-webkit-transform:translate(0,10px) scale(1) rotate(6deg);transform:translate(0,10px) scale(1) rotate(6deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}}@keyframes shake14{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0,10px) rotate(3deg);transform:translate(0,10px) rotate(3deg)}50%{-webkit-transform:translate(10px,0) scale(1) rotate(4deg);transform:translate(10px,0) scale(1) rotate(4deg)}75%{-webkit-transform:translate(0,10px) scale(1) rotate(6deg);transform:translate(0,10px) scale(1) rotate(6deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}}.brush{position:absolute;bottom:40%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:99em;width:59.5%;height:22%;overflow:hidden}.brush .scan{position:relative;top:4%;width:100%;height:95%;overflow:hidden}.brush .scan:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:200%;height:100px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(rgba(255,255,255,0.65)),to(rgba(255,255,255,0)));background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.65),rgba(255,255,255,0));-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-100%,50%) rotate(-60deg);transform:translate(-100%,50%) rotate(-60deg);-webkit-animation:ScanLights 4s linear 1s infinite;animation:ScanLights 4s linear 1s infinite}@-webkit-keyframes ScanLights{0%{-webkit-transform:translate(-100%,50%) rotate(-60deg);transform:translate(-100%,50%) rotate(-60deg)}to{-webkit-transform:translate(100%,50%) rotate(-60deg);transform:translate(100%,50%) rotate(-60deg)}}@keyframes ScanLights{0%{-webkit-transform:translate(-100%,50%) rotate(-60deg);transform:translate(-100%,50%) rotate(-60deg)}to{-webkit-transform:translate(100%,50%) rotate(-60deg);transform:translate(100%,50%) rotate(-60deg)}}.question{-webkit-transition:0.6s;transition:0.6s;width:100%;height:100%;position:absolute;top:0;opacity:0;pointer-events:auto}.question.active{opacity:1;pointer-events:auto}.question .container{position:relative;width:100%;height:100%;overflow:hidden}.question .content{position:relative;height:100%}.question .title{-webkit-transition:0.7s;transition:0.7s;opacity:0;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:82vw;max-width:339px;padding-top:48vw;z-index:3}.question .title.hide{display:none}@media screen and (min-width:821px){.question .title{width:90%;max-width:449px;padding-top:45%}}.question .title img{width:100%;display:block}.question .shine{opacity:0}.question .shine.active{opacity:1}.question .qa-list{z-index:3;position:relative;font-size:2.2vh;font-weight:600;text-align:center;margin-top:1.5vh;-webkit-transition:0.6s;transition:0.6s;-webkit-transition-delay:0.6s;transition-delay:0.6s;opacity:0}@media screen and (max-width:390px){.question .qa-list{font-size:2.1vh}}@media screen and (max-width:350px){.question .qa-list{font-size:1.9vh}}.question .qa-list.active{display:block}@media screen and (min-width:821px){.question .qa-list{font-size:21px;margin-top:13px}}@media screen and (min-width:821px){.question .qa-list{font-size:17px;margin-top:22px}}@media screen and (min-width:1440px){.question .qa-list{font-size:21px;margin-top:13px}}.question .qa-list li{position:relative;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:7.7vh;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#FFF;letter-spacing:1.2vw;text-shadow:0 0 10px rgba(0,0,0,0.58);cursor:pointer}@media screen and (max-width:390px){.question .qa-list li{letter-spacing:1vw}}@media screen and (min-width:821px){.question .qa-list li{height:72px;letter-spacing:7px}}.question-1,.question-2,.question-3,.question-4,.question-5,.question-6{opacity:0;pointer-events:none;position:absolute;width:100%;height:100vh}.question-1.active,.question-2.active,.question-3.active,.question-4.active,.question-5.active,.question-6.active{opacity:1;pointer-events:auto}.question-1.active .title,.question-2.active .title,.question-3.active .title,.question-4.active .title,.question-5.active .title,.question-6.active .title{opacity:1;padding-top:41vw}@media screen and (min-width:821px){.question-1.active .title,.question-2.active .title,.question-3.active .title,.question-4.active .title,.question-5.active .title,.question-6.active .title{padding-top:37%}}.question-1.active .qa-list,.question-2.active .qa-list,.question-3.active .qa-list,.question-4.active .qa-list,.question-5.active .qa-list,.question-6.active .qa-list{opacity:1}.flower-0,.flower-1,.flower-10,.flower-11,.flower-12,.flower-13,.flower-14,.flower-2,.flower-3,.flower-4,.flower-5,.flower-6,.flower-7,.flower-8,.flower-9,.leaves{position:absolute;z-index:2}.flower-0 img,.flower-1 img,.flower-10 img,.flower-11 img,.flower-12 img,.flower-13 img,.flower-14 img,.flower-2 img,.flower-3 img,.flower-4 img,.flower-5 img,.flower-6 img,.flower-7 img,.flower-8 img,.flower-9 img,.leaves img{width:100%;display:block}.question-1 .qa-list li,.question-4 .qa-list li{background-image:url(../images/question_1/btn.png)}.question-1 .shine,.question-4 .shine{position:absolute;top:12vw;z-index:1;left:0;mix-blend-mode:screen;width:100%;height:100%}@media screen and (min-width:821px){.question-1 .shine,.question-4 .shine{top:10%}}.question-1 .shine img,.question-4 .shine img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.question-1 .flower-1,.question-4 .flower-1{top:30vw;left:22vw;width:min(69px,9vh)}@media screen and (min-width:821px){.question-1 .flower-1,.question-4 .flower-1{top:147px;left:132px;width:75px}}.question-1 .flower-2,.question-4 .flower-2{top:52vw;left:64vw;z-index:2;width:min(42px,9vh)}@media screen and (min-width:821px){.question-1 .flower-2,.question-4 .flower-2{top:255px;left:inherit;right:130px;z-index:2;width:51px}}.question-1 .flower-3,.question-4 .flower-3{top:68vw;right:0;z-index:2;width:min(38px,9vh)}@media screen and (min-width:821px){.question-1 .flower-3,.question-4 .flower-3{top:368px;right:0;z-index:2;width:38px}}.question-1 .flower-4,.question-4 .flower-4{top:76vw;left:13vw;z-index:2;width:min(62px,9vh)}@media screen and (min-width:821px){.question-1 .flower-4,.question-4 .flower-4{top:393px;left:80px;width:62px}}.question-1 .flower-5,.question-4 .flower-5{bottom:11vw;left:36vw;z-index:2;width:min(67px,9vh)}@media screen and (min-width:821px){.question-1 .flower-5,.question-4 .flower-5{bottom:60px;left:180px}}.question-1 .leaves,.question-4 .leaves{bottom:38.5vh;right:8vh;width:min(24px,9vh);z-index:3}@media screen and (min-width:821px){.question-1 .leaves,.question-4 .leaves{bottom:377px;right:80px;width:30px}}.question-2 .qa-list li,.question-5 .qa-list li{background-image:url(../images/question_2/btn.png)}.question-2 .shine,.question-5 .shine{position:absolute;bottom:0;z-index:1;left:0;mix-blend-mode:screen;width:100%;height:100%}.question-2 .shine img,.question-5 .shine img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.question-2 .flower-1,.question-5 .flower-1{top:42vw;left:20vw;width:min(49px,9vh)}@media screen and (min-width:821px){.question-2 .flower-1,.question-5 .flower-1{top:220px;left:110px}}.question-2 .flower-2,.question-5 .flower-2{top:67vw;right:9vw;width:min(38px,9vh)}@media screen and (min-width:821px){.question-2 .flower-2,.question-5 .flower-2{top:340px;right:60px}}.question-2 .flower-3,.question-5 .flower-3{top:75.3vw;left:16vw;width:min(54px,9vh)}@media screen and (min-width:821px){.question-2 .flower-3,.question-5 .flower-3{top:385px;left:91px;width:64px}}.question-2 .flower-4,.question-5 .flower-4{bottom:23vh;left:12vw;width:min(52px,9vh)}@media screen and (min-width:821px){.question-2 .flower-4,.question-5 .flower-4{bottom:246px;left:60px}}.question-2 .flower-5,.question-5 .flower-5{bottom:32vw;right:4vw;width:min(82px,13vh);z-index:3}@media screen and (min-width:821px){.question-2 .flower-5,.question-5 .flower-5{bottom:195px;right:30px;width:92px}}.question-2 .flower-6,.question-5 .flower-6{top:65vw;left:0;width:min(31px,9vh);z-index:3}@media screen and (min-width:821px){.question-2 .flower-6,.question-5 .flower-6{top:352px;width:40px}}.question-2 .flower-7,.question-5 .flower-7{bottom:11vw;left:19vw;width:min(82px,9vh);z-index:2}@media screen and (min-width:821px){.question-2 .flower-7,.question-5 .flower-7{bottom:56px;left:120px}}.question-2 .flower-8,.question-5 .flower-8{bottom:0;right:9vw;width:min(122px,11vh);z-index:2}@media screen and (min-width:821px){.question-2 .flower-8,.question-5 .flower-8{right:30px}}.question-3 .qa-list li,.question-6 .qa-list li{background-image:url(../images/question_3/btn.png)}.question-3 .shine,.question-6 .shine{position:absolute;top:0;z-index:1;left:0;mix-blend-mode:screen;width:100%;height:100%}.question-3 .shine img,.question-6 .shine img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.question-3 .flower-1,.question-6 .flower-1{top:28vw;left:22vw;width:min(54px,9vh)}@media screen and (min-width:821px){.question-3 .flower-1,.question-6 .flower-1{top:160px;left:120px;width:58px}}.question-3 .flower-2,.question-6 .flower-2{top:37vw;right:17vw;width:min(38px,9vh)}@media screen and (min-width:821px){.question-3 .flower-2,.question-6 .flower-2{top:201px;right:92px}}.question-3 .flower-3,.question-6 .flower-3{top:69.3vw;right:5vw;width:min(39px,9vh)}@media screen and (min-width:821px){.question-3 .flower-3,.question-6 .flower-3{top:348px;right:42px;width:46px}}.question-3 .flower-4,.question-6 .flower-4{top:43.8vh;left:14vw;width:min(52px,9vh);z-index:3}@media screen and (min-width:821px){.question-3 .flower-4,.question-6 .flower-4{top:393px;left:75px;width:64px}}.question-3 .flower-5,.question-6 .flower-5{bottom:66vw;right:19vw;width:min(36px,13vh);z-index:3}@media screen and (min-width:821px){.question-3 .flower-5,.question-6 .flower-5{bottom:359px;right:90px;width:46px}}.question-3 .flower-6,.question-6 .flower-6{bottom:52.5vw;right:9vw;width:min(40px,9vh);z-index:3}@media screen and (min-width:821px){.question-3 .flower-6,.question-6 .flower-6{bottom:299px;right:61px;width:42px}}.question-3 .flower-7,.question-6 .flower-7{bottom:21vw;left:45vw;width:min(122px,17vh)}@media screen and (min-width:821px){.question-3 .flower-7,.question-6 .flower-7{bottom:125px;left:250px}}.question-3 .flower-8,.question-6 .flower-8{bottom:19vw;right:0;width:min(31px,9vh)}@media screen and (min-width:821px){.question-3 .flower-8,.question-6 .flower-8{bottom:108px}}.question-6 .data-a,.question-6 .data-b,.question-6 .data-c{opacity:0!important;height:0!important}.question-6 .data-a.active,.question-6 .data-b.active,.question-6 .data-c.active{opacity:1!important;height:auto!important}.question-bg{position:absolute;top:0;left:0;width:100%;height:100%}.question-bg div{width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover}.q1 .question-bg div,.q4 .question-bg div{background-image:url(../images/question_1/bg.png)}.q2 .question-bg div,.q5 .question-bg div{background-image:url(../images/question_2/bg.png)}.q3 .question-bg div,.q6 .question-bg div{background-image:url(../images/question_3/bg.png)}.calculate{opacity:0;pointer-events:none;position:absolute;top:0;width:100%;height:100%;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500}.calculate .box{text-align:center}.calculate .content{height:auto;text-align:center}.calculate .calculate-1{font-size:6.5vw;margin-bottom:2.2vw}@media screen and (min-width:821px){.calculate .calculate-1{font-size:39px;margin-bottom:4px}}.calculate .calculate-2{font-size:4.3vw}@media screen and (min-width:821px){.calculate .calculate-2{font-size:29px}}.calculate span{opacity:0;-webkit-animation:dot-flash 1s infinite linear;animation:dot-flash 1s infinite linear}.calculate span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.calculate span:nth-child(2){-webkit-animation-delay:0.3s;animation-delay:0.3s}.calculate span:nth-child(3){-webkit-animation-delay:0.6s;animation-delay:0.6s}.calculate.active{opacity:1}@-webkit-keyframes dot-flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes dot-flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.question.q1.active .flower-1,.question.q4.active .flower-1{-webkit-animation:shake14 20s 1s linear infinite;animation:shake14 20s 1s linear infinite}.question.q1.active .flower-2,.question.q4.active .flower-2{-webkit-animation:shake8 15s 1.3s linear infinite;animation:shake8 15s 1.3s linear infinite}.question.q1.active .flower-3,.question.q4.active .flower-3{-webkit-animation:shake14 15s 1.3s linear infinite;animation:shake14 15s 1.3s linear infinite}.question.q1.active .flower-4,.question.q4.active .flower-4{-webkit-animation:shake3 15s 1.3s linear infinite;animation:shake3 15s 1.3s linear infinite}.question.q1.active .flower-5,.question.q4.active .flower-5{-webkit-animation:shake13 15s 1.3s linear infinite;animation:shake13 15s 1.3s linear infinite}.question.q2.active .flower-1,.question.q3.active .flower-1,.question.q5.active .flower-1,.question.q6.active .flower-1{-webkit-animation:shake14 20s 1s linear infinite;animation:shake14 20s 1s linear infinite}.question.q2.active .flower-2,.question.q3.active .flower-2,.question.q5.active .flower-2,.question.q6.active .flower-2{-webkit-animation:shake8 15s 1.3s linear infinite;animation:shake8 15s 1.3s linear infinite}.question.q2.active .flower-3,.question.q3.active .flower-3,.question.q5.active .flower-3,.question.q6.active .flower-3{-webkit-animation:shake14 15s 1.3s linear infinite;animation:shake14 15s 1.3s linear infinite}.question.q2.active .flower-4,.question.q3.active .flower-4,.question.q5.active .flower-4,.question.q6.active .flower-4{-webkit-animation:shake13 15s 1.3s linear infinite;animation:shake13 15s 1.3s linear infinite}.question.q2.active .flower-5,.question.q3.active .flower-5,.question.q5.active .flower-5,.question.q6.active .flower-5{-webkit-animation:shake12 15s 1.3s linear infinite;animation:shake12 15s 1.3s linear infinite}.question.q2.active .flower-6,.question.q3.active .flower-6,.question.q5.active .flower-6,.question.q6.active .flower-6{-webkit-animation:shake3 15s 1.3s linear infinite;animation:shake3 15s 1.3s linear infinite}.question.q2.active .flower-7,.question.q3.active .flower-7,.question.q5.active .flower-7,.question.q6.active .flower-7{-webkit-animation:shake11 15s 1.3s linear infinite;animation:shake11 15s 1.3s linear infinite}.question.q2.active .flower-8,.question.q3.active .flower-8,.question.q5.active .flower-8,.question.q6.active .flower-8{-webkit-animation:shake14 15s 1.3s linear infinite;animation:shake14 15s 1.3s linear infinite}.question.q6.active .flower-4{-webkit-animation:shake11 20s 1.3s linear infinite;animation:shake11 20s 1.3s linear infinite;top:53.8vh}@media screen and (min-width:821px){.question.q6.active .flower-4{top:483px}}@keyframes shake3{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0px,-10px) scale(0.9) rotate(10deg);transform:translate(0px,-10px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,0px) scale(1.2) rotate(20deg);transform:translate(0,0px) scale(1.2) rotate(20deg)}75%{-webkit-transform:translate(0,-10px) scale(0.9) rotate(10deg);transform:translate(0,-10px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake8{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake11{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(5px,12px) rotate(0deg);transform:translate(5px,12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.8) rotate(0deg);transform:translate(0,0px) scale(0.8) rotate(0deg)}75%{-webkit-transform:translate(10px,15px) scale(0.95) rotate(0deg);transform:translate(10px,15px) scale(0.95) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake12{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(-5px,-12px) rotate(0deg);transform:translate(-5px,-12px) rotate(0deg)}50%{-webkit-transform:translate(0,0px) scale(0.95) rotate(0deg);transform:translate(0,0px) scale(0.95) rotate(0deg)}75%{-webkit-transform:translate(-5px,-12px) scale(1) rotate(0deg);transform:translate(-5px,-12px) scale(1) rotate(0deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake13{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(7px,-15px) scale(0.9) rotate(10deg);transform:translate(7px,-15px) scale(0.9) rotate(10deg)}50%{-webkit-transform:translate(0,-10px) scale(1.1) rotate(20deg);transform:translate(0,-10px) scale(1.1) rotate(20deg)}75%{-webkit-transform:translate(-7px,-15px) scale(0.9) rotate(10deg);transform:translate(-7px,-15px) scale(0.9) rotate(10deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0deg);transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes shake14{0%{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}25%{-webkit-transform:translate(0,10px) rotate(3deg);transform:translate(0,10px) rotate(3deg)}50%{-webkit-transform:translate(10px,0) scale(1) rotate(4deg);transform:translate(10px,0) scale(1) rotate(4deg)}75%{-webkit-transform:translate(0,10px) scale(1) rotate(6deg);transform:translate(0,10px) scale(1) rotate(6deg)}to{-webkit-transform:translate(0,0) scale(1) rotate(0);transform:translate(0,0) scale(1) rotate(0)}}.results{-webkit-transition:0.6s;transition:0.6s;width:100%;height:100%;position:absolute;top:0;opacity:0;pointer-events:none;overflow:hidden}.results img{width:100%;display:block}.results.active{opacity:1;pointer-events:auto;overflow:auto}.results .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.results .a-1,.results .a-2,.results .a-3,.results .b-1,.results .b-2,.results .b-3,.results .c-1,.results .c-2,.results .c-3,.results .results-1,.results .results-2,.results .results-3{display:none}.results .a-1.active,.results .a-2.active,.results .a-3.active,.results .b-1.active,.results .b-2.active,.results .b-3.active,.results .c-1.active,.results .c-2.active,.results .c-3.active,.results .results-1.active,.results .results-2.active,.results .results-3.active{display:block}.results .p-link{display:-webkit-box;display:-ms-flexbox;display:flex}.results .w-50-1{width:50%}.results .w-50-2{width:50%}.results .e1{width:64%}.results .e2{width:14%}.results .e3{width:17%}.results .e4{width:5%}.results .product .p1{width:43%}.results .product .p2{width:27.3%}.results .product .p3{width:11.5%}.results .product .p4{width:18.7%}.results aside{position:fixed;left:49.5%;top:84%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;max-width:483px;width:100%;z-index:1}@media screen and (max-width:1439px){.results aside{max-width:398px;left:48.5%}}@media screen and (max-width:1299px){.results aside{max-width:483px;left:49.5%}}@media screen and (max-width:820px){.results aside{width:40px;max-width:none;left:initial;right:1%;-webkit-transform:translateX(0);transform:translateX(0)}}.results aside .award-btn,.results aside .top-btn{display:none}.results aside .award-btn{display:block}.results aside .top-btn{display:none}.results aside a{display:block;width:40px}.results aside.is-top .award-btn{display:none}.results aside.is-top .top-btn{display:block}
/*# sourceMappingURL=main.css.map */