html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body,html{width:100%;height:100%;position:fixed;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation;background-color:#e7eff5;font-size:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Segoe UI,Noto Sans TC,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,Source Han Sans TC,sans-serif}a{color:inherit;text-decoration:none}ul{list-style-type:none;margin:0;padding:0}body{background-image:url(../../assets/images/home_bg@2x.9297fd8fea996e152c64.png);background-size:480px 432px;background-repeat:no-repeat;background-position:50% 54%}.loading{margin:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:1000}.loading__lower,.loading__upper{width:100%;height:58.5%;background-color:#176299;transform:skewY(-4.5deg);transform-origin:0 0}.loading__lower{background-color:#176299}.loading__clock{position:absolute;top:calc(44% - 10.7vw);left:calc(50% - 10.1vw);width:20.2vw}.loading__progress{position:absolute;top:56.2%;width:100%;height:4.37px;background-color:hsla(0,0%,100%,.33);transform-origin:50% 50%}.loading__progress .progress__bar{width:0;height:100%;background-color:#fff}.loading__percent{position:absolute;top:62.5%;text-align:center;left:50%;transform:translate(-50%,-50%);color:#fff}.loading.leave .loading__progress{transition:transform 1s ease-in-out;transform:skewY(-4.5deg)}.loading.leave .loading__clock{animation:a .4s;animation-iteration-count:infinite}@keyframes a{0%{transform:translate3d(1px,1px,0) rotate(0deg)}10%{transform:translate3d(-1px,-2px,0) rotate(-5deg)}20%{transform:translate3d(-3px,0,0) rotate(5deg)}30%{transform:translate3d(3px,2px,0) rotate(0deg)}40%{transform:translate3d(1px,-1px,0) rotate(5deg)}50%{transform:translate3d(-1px,2px,0) rotate(-5deg)}60%{transform:translate3d(-3px,1px,0) rotate(0deg)}70%{transform:translate3d(3px,1px,0) rotate(-5deg)}80%{transform:translate3d(-1px,-1px,0) rotate(5deg)}90%{transform:translate3d(1px,2px,0) rotate(0deg)}to{transform:translate3d(1px,-2px,0) rotate(-5deg)}}.page-start{margin:0;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:2}.page-start__bg,.page-start__bg--copy,.page-start__bg--copy2{width:756px;height:492px;position:absolute;z-index:-1;bottom:35%;transform:translateZ(0)}.page-start__bg{left:-90px}.page-start__bg--copy1{left:630px}.page-start__bg--copy2{left:1350px}.page-start__content-wrapper,.page-start__title-wrapper{position:absolute;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.page-start__title-wrapper{bottom:48%}.page-start__title-wrapper .page-start__title{width:391px;height:157px}.page-start__title-wrapper .page-start__sub-title{font-family:PingFang TC;font-weight:400;font-size:15px;line-height:18px;background-color:#fff;max-width:300px;text-align:center;box-sizing:border-box;padding:7px 21px;border-radius:18px;margin:0;margin-top:-7px}.page-start__content-wrapper{bottom:12.3%;width:100%}.page-start__content-wrapper .page-start__content-slogan{font-size:15px;line-height:22px;font-family:PingFang TC;font-weight:400;text-align:center;margin-bottom:36px;color:#1a1a1a}.page-start__content-wrapper .page-start__start{width:217px;height:49px;border-radius:24px;background-color:#176299;border:none;outline:0;color:#fff;font-weight:700;box-shadow:0 7px 5px #17629966}.page-start__share-wrapper{position:absolute;top:17px;left:18px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-size:0}.page-start__share-wrapper .share{display:block;margin-left:10px;opacity:0;visibility:hidden}.page-start__share-wrapper .share__fb{margin-left:5px}.page-start__share-wrapper .share__leave{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.page-start__lang-wrapper{position:absolute;top:24px;right:21px;font-size:0}.page-start__lang-wrapper .page-start__lang{width:43px;height:27px;font-size:12px;font-weight:600;font-family:PingFang TC;outline:0;border:none;letter-spacing:.24px;color:#17629d;background-color:#fff}.page-start__lang-wrapper .page-start__lang .lang_text{opacity:.2}.page-start__lang-wrapper .page-start__lang:active{background-color:#c5c5c5}.page-start__lang-wrapper .page-start__lang.active .lang_text{opacity:1}.page-start__lang-wrapper .lang__zh{padding:5px;border-radius:5px 0 0 5px;border-right:1px solid #c5c5c5}.page-start__lang-wrapper .lang__en{border-radius:0 5px 5px 0}.page-start__logo-wrapper{display:inline-block;position:absolute;left:50%;bottom:24px;transform:translateX(-53%)}@media screen and (max-height:560px){.page-start__title-wrapper .page-start__title{width:333px;height:134px}.page-start__title-wrapper .page-start__sub-title{margin-top:0}.page-start__content-wrapper .page-start__content-slogan{margin-bottom:23px}}@media screen and (min-height:700px){.page-start__bg,.page-start__bg--copy,.page-start__bg--copy2{bottom:40%}.page-start__title-wrapper{bottom:53%}.page-start__title-wrapper .page-start__sub-title{margin-top:0}.page-start__content-wrapper{bottom:16.5%}}@keyframes moveSlide{to{transform:translateX(-1440px)}}.page-quiz{margin:0;width:100%;height:100%;z-index:1}.page-quiz,.page-quiz__progress{overflow:hidden;position:absolute;top:0;left:0}.page-quiz__progress{z-index:0;width:100vw;height:100px}.page-quiz__progress .progress__bg{width:100vw}.page-quiz__progress .progress__base,.page-quiz__progress .progress__main{width:153vw;position:absolute;top:35px;left:50%;transform:translateX(-50%)}.page-quiz__progress .progress__main{height:17.36vw}.page-quiz__progress .progress__c2,.page-quiz__progress .progress__c3,.page-quiz__progress .progress__c4,.page-quiz__progress .progress__c5{opacity:0}.page-quiz__progress #p-cur{position:absolute;width:7.3vw;height:5.82vw}.page-quiz__progress #p-cur .dot-1{animation:c 1s infinite}.page-quiz__progress #p-cur .dot-2{animation:c 1s .2s infinite}.page-quiz__progress #p-cur .dot-3{animation:c 1s .4s infinite}.page-quiz__progress #p-bar{stroke-dasharray:292;stroke-dashoffset:292;transition:all 1s linear}.page-quiz__card-wrapper .page-quiz__card>button,.page-quiz__card-wrapper .page-quiz__card>img,.page-quiz__card-wrapper .page-quiz__card>p,.page-quiz__card-wrapper .page-quiz__card>svg{position:absolute}.page-quiz__card-wrapper .page-quiz__card,.page-quiz__card-wrapper .page-quiz__feed{position:absolute;left:21px;bottom:109px;width:calc(100vw - 42px);height:calc(100% - (19px + 76px + 14px + 22vw))}.page-quiz__card-wrapper .page-quiz__card *{pointer-events:none}.page-quiz__card-wrapper .page-quiz__card{border-radius:25px;box-shadow:0 5px 7px #17629966;overflow:hidden;background-color:#0f436e;background-repeat:no-repeat;will-change:transform}.page-quiz__card-wrapper .page-quiz__card p{display:block;width:300px;text-align:center;left:50%;margin:0;transform:translateX(-50%);font-family:PingFang TC;font-weight:600;color:#fff;font-size:18px;line-height:25px;letter-spacing:1.08px;transition:opacity .5 ease-in-out}.page-quiz__card-wrapper .page-quiz__card p.card__text--hide,.page-quiz__card-wrapper .page-quiz__card p b{opacity:0}.page-quiz__card-wrapper .page-quiz__card button{pointer-events:none;outline:0;margin:10px 9px;top:0;width:calc(50% - 9px);height:57px;border:none;border-radius:29px;font-size:15px;text-align:center;letter-spacing:0;font-family:PingFang TC;font-weight:500;color:#000;background-color:#fff}.page-quiz__card-wrapper .page-quiz__card button.answer__delay{transition:all .2s ease-in-out;opacity:0;left:0}.page-quiz__card-wrapper .page-quiz__card button.answer__check{transition:all .2s ease-in-out;opacity:0;right:0}.page-quiz__card-wrapper .page-quiz__card.card--ckeck button.answer__check,.page-quiz__card-wrapper .page-quiz__card.card--delay button.answer__delay{opacity:1}.page-quiz__card-wrapper .page-quiz__feed{z-index:0}.page-quiz__card-wrapper .page-quiz__feed .feed{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.page-quiz__card-wrapper .page-quiz__feed .feed__check>.feed__check-icon{width:37.6vw;transform-origin:50%;transform:scale(0)}.page-quiz__card-wrapper .page-quiz__feed .feed__check .feed__check-symbol,.page-quiz__card-wrapper .page-quiz__feed .feed__check .feed__check-text{position:absolute;top:0;left:0}.page-quiz__card-wrapper .page-quiz__feed .feed__delay{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:end;align-items:flex-end}.page-quiz__card-wrapper .page-quiz__feed .feed__delay .feed__delay-icon,.page-quiz__card-wrapper .page-quiz__feed .feed__delay .feed__delay-time{transform-origin:50%;transform:scale(0)}.page-quiz__card-wrapper .page-quiz__feed .feed__delay .feed__delay-icon{width:35.2vw}.page-quiz__card-wrapper .page-quiz__feed .feed__delay .feed__delay-symbol{position:absolute;top:0;left:0}.page-quiz__card-wrapper .page-quiz__feed .feed__delay .feed__delay-time{font-size:13.8vw;font-weight:900;color:#176299;margin-left:-10vw;transform:rotate(-5.73deg) scale(0)}.page-quiz__card-wrapper .q1{z-index:5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARsAAAFxCAYAAABDQgwdAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAABG6ADAAQAAAABAAABcQAAAAAiS3xrAAAL40lEQVR4Ae3W7QZCURQG4dOXJEnS/V/qbtU1JIbnsH7vMcPrbGut1xb8hns39wyib8N9mHtE2U/Dfo+yn4f9FmW/DPs1yn4d9su+CI+ZAQZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAZ6BoxNrxliBpIGjE0yG2gGegaMTa8ZYgaSBoxNMhtoBnoGjE2vGWIGkgaMTTIbaAaCBtZapyD2F3nYj9j/a2Cc7+YO/331N6/F2ffDn/w5+HB/7g3/FEtB5Ww5MgAAAABJRU5ErkJggg==);background-size:80% 100%;background-position:50%}.page-quiz__card-wrapper .q1 .q1__sunlight{transform-origin:100% 100%;width:79%;right:-11.6%;bottom:0}.page-quiz__card-wrapper .q1 .q1__table{width:149%;left:50%;transform:translateX(-46%);bottom:-9px}.page-quiz__card-wrapper .q1 .q1__clock{width:29%;left:50%;transform:translateX(-50%);bottom:calc(-9px + (100vw - 40px) * .54)}.page-quiz__card-wrapper .q1 .q1__clock.keep-shake{animation:g .4s;animation-iteration-count:infinite}.page-quiz__card-wrapper .q1 .q1__clock--after,.page-quiz__card-wrapper .q1 .q1__sunlight,.page-quiz__card-wrapper .q1 .q1__table--after{opacity:0}.page-quiz__card-wrapper .q1 .q1__text{top:20%}.page-quiz__card-wrapper .q2{z-index:4}.page-quiz__card-wrapper .q2 .q2__desk--before{width:119%;bottom:-68px;left:-6.56%}.page-quiz__card-wrapper .q2 .q2__desk--after{width:107%;bottom:-78px;left:-5.97%}.page-quiz__card-wrapper .q2 .q2__like{width:3.9%;bottom:calc(-68px + (100vw - 40px) * .35);left:74%;transform-origin:50%}.page-quiz__card-wrapper .q2 .q2__like.keep-bounce{animation:d 2s ease-in-out .2s infinite}.page-quiz__card-wrapper .q2 .q2__text{top:19%}.page-quiz__card-wrapper .q2 .q2__sticker{width:24.7%;left:44%;bottom:calc(-68px + (100vw - 40px) * .81)}.page-quiz__card-wrapper .q3{z-index:3}.page-quiz__card-wrapper .q3 .q3__laptop--before{width:111%;left:50%;bottom:-56px;transform:translateX(-52%)}.page-quiz__card-wrapper .q3 .q3__laptop--after{opacity:.8;width:218.5%;left:50%;bottom:-54.7px;transform:translateX(-52%)}.page-quiz__card-wrapper .q3 .q3__screen{width:75.7%;left:50%;bottom:calc(-56px + (100vw - 40px) * .57);transform:translateX(-39.5%)}.page-quiz__card-wrapper .q3 .q3__screen .q3__screen--block{transform-origin:50% 100%}.page-quiz__card-wrapper .q3 .q3__screen .q3__screen--notification{transform-origin:0 20%}.page-quiz__card-wrapper .q3 .q3__screen .q3__screen--notification.keep-float{transform-origin:0 0;animation:e 4s ease-in-out 1s infinite}.page-quiz__card-wrapper .q3 .q3__text{top:14%;width:235px}.page-quiz__card-wrapper .q4{z-index:2}.page-quiz__card-wrapper .q4 .q4__bg{width:193.5%;bottom:-89px;left:-24.18%}.page-quiz__card-wrapper .q4 .q4__mid{width:49.2%;left:14.6%;bottom:calc(-89px + (100vw - 40px) * .707)}.page-quiz__card-wrapper .q4 .q4__front{width:141.9%;left:-31.34%;bottom:calc(-89px + (100vw - 40px) * .14)}.page-quiz__card-wrapper .q4 .q4__bg.keep-blur,.page-quiz__card-wrapper .q4 .q4__mid.keep-blur{animation:f 4s ease-in-out 0s infinite}.page-quiz__card-wrapper .q4 .q4__text{top:14%}.page-quiz__card-wrapper .q5{z-index:1}.page-quiz__card-wrapper .q5 .q5__bg{width:100%;bottom:0}.page-quiz__card-wrapper .q5 .q5__bed{width:170.8%;left:50%;transform:translateX(-52%);bottom:-19px}.page-quiz__card-wrapper .q5 .q5__bed--light{width:148.7%;left:50%;transform:translateX(-45%);bottom:calc(-19px + (100vw - 40px) * .2656)}.page-quiz__card-wrapper .q5 .q5__next,.page-quiz__card-wrapper .q5 .q5__next--fill{width:12.35%;height:calc((100vw - 40px) * .043);left:66.9%;bottom:calc((100vw - 40px) * .572)}.page-quiz__card-wrapper .q5 .q5__next--fill{transform-origin:0 50%;transform:scaleX(0)}.page-quiz__card-wrapper .q5 .q5__text{top:11.5%}@media screen and (max-height:670px){.page-quiz__card-wrapper .q5 .q5__bg{bottom:-10%}.page-quiz__card-wrapper .q5 .q5__next,.page-quiz__card-wrapper .q5 .q5__next--fill{bottom:calc(-10% + (100vw - 40px) * .572)}}@media screen and (max-height:620px){.page-quiz__card-wrapper .q5 .q5__bed,.page-quiz__card-wrapper .q5 .q5__bed--light{display:none}.page-quiz__card-wrapper .q5 .q5__bg{bottom:-27%}.page-quiz__card-wrapper .q5 .q5__next,.page-quiz__card-wrapper .q5 .q5__next--fill{bottom:calc(-27% + (100vw - 40px) * .572)}}@media screen and (max-height:560px){.page-quiz__card-wrapper .q1 .q1__table{bottom:-45px}.page-quiz__card-wrapper .q1 .q1__clock{bottom:calc(-45px + (100vw - 40px) * .54)}.page-quiz__card-wrapper .q1 .q1__sunlight{bottom:-36px}.page-quiz__card-wrapper .q2 .q2__desk--before{left:-8.95%}.page-quiz__card-wrapper .q2 .q2__desk--after{left:-8.35%}.page-quiz__card-wrapper .q2 .q2__like{left:71.6%}.page-quiz__card-wrapper .q2 .q2__sticker{display:none}.page-quiz__card-wrapper .q3 .q3__laptop--before{bottom:calc(-1 * (100vw - 40px) * .4328)}.page-quiz__card-wrapper .q3 .q3__laptop--after{bottom:calc(-1 * (100vw - 40px) * .4289)}.page-quiz__card-wrapper .q3 .q3__screen{bottom:calc((100vw - 40px) * .1372)}.page-quiz__card-wrapper .q4 .q4__bg{bottom:-132px}.page-quiz__card-wrapper .q4 .q4__mid{left:-5.8%;bottom:calc(-132px + (100vw - 40px) * .493)}.page-quiz__card-wrapper .q4 .q4__front{left:-34.9%;bottom:calc(-132px + (100vw - 40px) * .128)}.page-quiz__card-wrapper .q5 .q5__bg{bottom:-30%}.page-quiz__card-wrapper .q5 .q5__next,.page-quiz__card-wrapper .q5 .q5__next--fill{bottom:calc(-30% + (100vw - 40px) * .572)}}@media screen and (max-width:320px){.page-quiz__card-wrapper .page-quiz__card p{font-size:15px}.page-quiz__card-wrapper .q1 .q1__text{max-width:220px}.page-quiz__card-wrapper .q2 .q2__desk--after{bottom:-76px}.page-quiz__card-wrapper .q2 .q2__sticker{display:none}.page-quiz__card-wrapper .q4 .q4__bg{bottom:-108px}.page-quiz__card-wrapper .q4 .q4__mid{left:-5.8%;bottom:calc(-108px + (100vw - 40px) * .493)}.page-quiz__card-wrapper .q4 .q4__front{left:-34.9%;bottom:calc(-108px + (100vw - 40px) * .128)}.page-quiz__card-wrapper .q5 .q5__bg{bottom:-35%}.page-quiz__card-wrapper .q5 .q5__next,.page-quiz__card-wrapper .q5 .q5__next--fill{bottom:calc(-35% + (100vw - 40px) * .572)}}.page-quiz__control{position:absolute;z-index:6;left:50%;bottom:19px;transform:translateX(-50%);height:56px;background:#176299;border-radius:23px;box-shadow:0 5px 7px #17629966;font-size:0;padding:10px 5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between}.page-quiz__control .control__btn{font-size:15px;text-align:center;letter-spacing:0;font-family:PingFang TC;font-weight:500;height:100%;width:calc((100vw - 70px)/2);margin:0 5px;border:none;outline:0;border-radius:15px;background-color:#fff;color:#000;transition:all .1s}.page-quiz__control .control__btn.hide{transition:all .3s;width:0;opacity:0;transform:scaleX(0);padding:0;margin:0;font-size:0}.page-quiz__control .control__btn.disabled,.page-quiz__control .control__btn:disabled,.page-quiz__control .control__btn[disabled]{pointer-events:none;color:#124e79;background-color:#4681ad}@keyframes c{50%{opacity:0}}@keyframes d{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes e{0%{transform:translateY(0)}25%{transform:translateY(4%)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes f{0%{filter:blur(0)}25%{filter:blur(3px)}50%{filter:blur(3px)}to{filter:blur(0)}}@keyframes g{0%{transform:translate3d(calc(-50% + 1px),1px,0) rotate(0deg)}10%{transform:translate3d(calc(-50% - 1px),-2px,0) rotate(-2.5deg)}20%{transform:translate3d(calc(-50% - 3px),0,0) rotate(2.5deg)}30%{transform:translate3d(calc(-50% + 3px),2px,0) rotate(0deg)}40%{transform:translate3d(calc(-50% + 1px),-1px,0) rotate(2.5deg)}50%{transform:translate3d(calc(-50% - 1px),2px,0) rotate(-2.5deg)}60%{transform:translate3d(calc(-50% - 3px),1px,0) rotate(0deg)}70%{transform:translate3d(calc(-50% + 3px),1px,0) rotate(-2.5deg)}80%{transform:translate3d(calc(-50% - 1px),-1px,0) rotate(2.5deg)}90%{transform:translate3d(calc(-50% + 1px),2px,0) rotate(0deg)}to{transform:translate3d(calc(-50% + 1px),-2px,0) rotate(-2.5deg)}}body.en .page-start .page-start__title-wrapper .page-start__title{width:356px;height:184px;margin-bottom:20px}body.en .page-start .page-start__title-wrapper .page-start__sub-title{font-size:14px;font-weight:700}body.en .page-start .page-start__content-wrapper .page-start__content-slogan{font-size:14px}@media screen and (max-height:560px){body.en .page-start .page-start__title-wrapper .page-start__title{width:320px;height:164px;margin-bottom:0}}body.en .page-quiz .page-quiz__card-wrapper .page-quiz__card p{letter-spacing:0;font-weight:700}body.en .page-quiz .page-quiz__card-wrapper .page-quiz__card button{font-size:14px;font-weight:700}body.en .page-quiz .page-quiz__card-wrapper .q3 .q3__text{width:299px}body.en .page-quiz .page-quiz__control{font-size:0}body.en .page-quiz .page-quiz__control .control__btn{font-size:14px;font-weight:700}body.en .page-quiz .page-quiz__control .control__btn.hide{font-size:0}