@import url("//fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,600,700,900");@import url("//fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,900");*,*::before,*::after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'LiHei Pro', 'Microsoft JhengHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;min-width:320px;min-height:100%;overflow-x:hidden;margin:0;-webkit-font-smoothing:antialiased}@media (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){body{-webkit-font-smoothing:subpixel-antialiased}}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,details,audio,canvas,iframe,progress,svg,video{display:block}audio:not([controls]){display:none;height:0}a{background-color:transparent;text-decoration:none;-webkit-text-decoration-skip:objects}a:focus{outline:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}abbr{border-bottom:0;text-decoration:underline;text-decoration:underline dotted;cursor:help}address{font-style:normal;line-height:inherit;margin-bottom:1rem}b,strong{font-weight:bolder}caption{text-align:left;caption-side:bottom}code,kbd,samp,pre{font-family:Consolas, monospace, monospace;font-size:1em}del{text-decoration:line-through}details{display:block}dfn{font-style:italic}dl{margin:0}dd{margin-left:0}figure{margin:0}figure img{line-height:1}fieldset{padding:0;margin:0;border:0}legend{padding:0;white-space:normal}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1,h2,h3,h4,h5,h6,p,ol,ul{margin-top:0;margin-bottom:0}[hidden]{display:none}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #eee}img{max-width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-style:none}ins{text-decoration:underline}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}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}button,input,select,textarea{border:none;border-radius:0}button:disabled,input:disabled,select:disabled,textarea:disabled{pointer-events:none}button:focus,input:focus,select:focus,textarea:focus{outline:0}button,[type="button"],[type="reset"],[type="submit"]{padding:0;border-radius:0;-webkit-appearance:button;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}input[type="file"],input[type="range"]{display:block;width:100%}[type="checkbox"],[type="radio"]{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}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #fff inset;-webkit-text-fill-color:#222}textarea{resize:vertical;overflow:auto}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}summary{display:list-item;cursor:pointer}mark,.mark{color:#000;background:#ff0;padding:.2em}menu{margin:0;padding:0}ol,ul{padding-left:0}optgroup{font-weight:700}small,.small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}pre{overflow:auto;-ms-overflow-style:scrollbar}table{border-spacing:0;border-collapse:collapse}td,th{vertical-align:middle;padding:0}template{display:none}video{width:100%;height:auto}::-moz-selection{color:#fff;background:#009e96}::selection{color:#fff;background:#009e96}html{font-size:calc(10px + .2vw)}@media (min-width: 1200px) and (max-height: 768px){html{font-size:11px}}@media (max-width: 767.98px){html{font-size:1.2vw}}@media (max-width: 575.98px){html{font-size:2.2vw}}body,input,button,select,textarea,a{font-family:'Fira Sans','Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'LiHei Pro', 'Microsoft JhengHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400}body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.pd{padding:2em}@media (max-width: 767.98px){.pd{padding:15px}}a,button,.button{transition:all .3s ease-out}a.on,button.on,.button.on{pointer-events:none}a:not(.button){color:#f8e228;text-decoration:underline;font-size:inherit}a:not(.button):focus,a:not(.button):hover{color:#ffc800}button,.button{line-height:1;text-align:center;background-color:transparent}ol,ul{list-style-type:none}ol.lst-decimal,ul.lst-decimal{list-style-type:decimal;padding-left:1.3em}ol.lst-disc,ul.lst-disc{list-style-type:disc;padding-left:1em}ol.lst-tcf,ul.lst-tcf{list-style-type:trad-chinese-formal;padding-left:3.1em}ol.lst-tci,ul.lst-tci{list-style-type:trad-chinese-informal;padding-left:3.1em}.f-shadow{text-shadow:0.2rem 0.2rem 0.2rem #4d9092}p,ol,ul,dt,dd,td,th{line-height:1.5;letter-spacing:.05em}.fz-90{font-size:4.625rem}@media (max-width: 575.98px){.fz-90{font-size:4.125rem}}.fz-60{font-size:3.75rem}.fz-44{font-size:2.75rem}.fz-38{font-size:2.375rem}.fz-35{font-size:2.1875rem}.fz-30{font-size:1.875rem}.fz-28,#home .popup h6,#form-user ul li{font-size:1.75rem}.fz-24,#home .popup p,#home .popup li{font-size:1.5rem}.fs-n{font-style:normal}.fw-3{font-weight:300}.fw-4{font-weight:400}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.fw-9{font-weight:900}.lts-0{letter-spacing:0}.lts-03{letter-spacing:.03em}.lts-06{letter-spacing:.06em}.lts-1{letter-spacing:.1em}.lts-15{letter-spacing:.15em}.lts-2{letter-spacing:.2em}.lh-1{line-height:1}.lh-13{line-height:1.3}.lh-15{line-height:1.5}.lh-17{line-height:1.7}.whsnw{white-space:nowrap}.m-auto{margin-left:auto;margin-right:auto}.mb-05{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-15{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.mb-25{margin-bottom:2.5rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.tac{text-align:center}.tal{text-align:left}.tar{text-align:right}@media (max-width: 991.98px){.tac-m{text-align:center}}.db{display:block}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.dif{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.fx-1{-webkit-flex:1;-ms-flex:1;flex:1}.fxww{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.fxdr{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fxdc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fxdcr{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.jcc{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.jcfe{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.jcsb{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.jcsa{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.aic{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.aifs{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.aife{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.ais{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}@media (min-width: 992px){.fx-1-d{-webkit-flex:1;-ms-flex:1;flex:1}.fxww-d{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.fxdr-d{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fxdc-d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fxdcr-d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.jcc-d{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.jcfe-d{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.jcsb-d{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.jcsa-d{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.aifs-d{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.aic-d{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.aife-d{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.ais-d{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (max-width: 991.98px){.fx-1-m{-webkit-flex:1;-ms-flex:1;flex:1}.fxww-m{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.fxdrr-m{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fxdc-m{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fxdcr-m{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.jcc-m{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.jcfe-m{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.jcsb-m{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.jcsa-m{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.aic-m{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.aife-m{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.ais-m{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}}.desktop-only{display:block}@media (max-width: 991.98px){.desktop-only{display:none}}.mobile-only{display:none}@media (max-width: 991.98px){.mobile-only{display:block}}.c-wt{color:#fff}.c-red{color:#fd4a50}.c-wg{color:#94d1d0}.c-gn{color:#009e96}.c-dgn{color:#29815d}.c-og{color:#f38549}.c-dog{color:#d37a31}.c-lyw{color:#ffe896}.c-yw{color:#f8e228}.c-dyw{color:#ffc800}.c-sy{color:#7bb0d1}.c-lbl{color:#63e0ef}.c-cn{color:#756a60}.c-bn{color:#947942}.c-pop{color:#5a9c81}.bgc-sy{background-color:#7bb0d1}#app{width:100%;-webkit-flex:1;-ms-flex:1;flex:1}#footers{margin-top:0;min-height:initial}.wrapper{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.wrapper img{width:100%;display:block}.wrapper:before{content:'';display:block;width:100%;padding-top:132px}@media (max-width: 991.98px){.wrapper:before{padding-top:60px}}.full{height:100%}.full section{height:100%}section{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row{width:100%;position:relative;margin-right:auto;margin-left:auto}.container{width:100%;position:relative;margin-right:auto;margin-left:auto}@media (max-width: 767.98px){.container{max-width:540px}}@media (min-width: 768px) and (max-width: 991.98px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}.button{color:white;font-weight:500;width:65%;max-width:300px;white-space:nowrap;padding:.8em .5em;border-radius:1.2rem;border:.275rem solid white;text-shadow:0.06em 0 #756a60,-0.06em 0 #756a60,0 0.06em #756a60,0 -0.06em #756a60,0.06em 0.06em 0.03em #756a60,-0.06em 0.06em 0.03em #756a60,0.06em -0.06em 0.03em #756a60,-0.06em -0.06em 0.03em #756a60;box-shadow:0.05em 0.13em 0.15em rgba(0,0,0,0.25);background:linear-gradient(#89dedd 0%, #32b7b6 100%)}.button:hover,.button:active{color:white}.button:active{position:relative;top:1px}#home{height:100%;background-color:#caf2ef}#home .pd{padding-top:2.5em;padding-bottom:2.5em}@media (min-width: 1200px) and (max-height: 768px){#home .pd{padding-top:1.75em;padding-bottom:1.75em}}#home #mid{background-color:#94d1d0;z-index:1}#home #mid #drive{width:16.61458%;min-width:207.35px}#home #mid #drive #left-hand,#home #mid #drive #right-hand{width:28.21317%}#home #mid #drive #car-wheel{width:55.79937%}#home #mid #start{letter-spacing:.08em;padding:.35em 2.8em;border-radius:10em;border:.15em solid white;text-shadow:.07em 0 white, -.07em 0 white, 0 .07em white, 0 -.07em white, .07em .07em .035em white, -.07em .07em .035em white, .07em -.07em .035em white, -.07em -.07em .035em white, .08em .12em .07em #3eb2bf;box-shadow:0.05em 0.13em 0.15em #64abae;background:linear-gradient(#68e0cf 0%, #4fbfd6 100%);transition:text-shadow .3s ease-out, background .3s ease-out, color .3s ease-out}#home #mid #start:hover{color:#fff;border-color:#f38549;text-shadow:.08em .12em .07em #c75b29;background:#f38549}#home h3{padding:.8em 0}#home #bottom button{width:8em;min-height:3.5em;text-shadow:.1em .1em .12em #198d94}#home #bottom button:active{background:linear-gradient(#31b3b2 0%, #32b7b6 100%)}#home #bottom button+button{margin-left:.75em}#home #bottom ul{padding-left:2em}@media (max-width: 991.98px){#home #bottom ul{padding-left:0;margin-bottom:1.5em}}#home #bottom ul li{position:relative}#home #bottom ul li:before{background-color:#7bb0d1}#home .popup .container{padding:3.5em 0 0}#home .popup h6{line-height:1.5;letter-spacing:0.1em;position:relative;margin-bottom:.5em}#home .popup p,#home .popup li{font-weight:300;position:relative;margin-bottom:.5em}#home .popup *+h6{margin-top:1.5em}.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow:hidden;overflow-y:auto;background-color:#5a9c81}.popup .popup-close{width:4rem;height:4rem;min-width:30px;min-height:30px;border-radius:50%;border:2px solid #6eb498;position:fixed;z-index:9999;background-color:rgba(55,104,84,0.2)}@media (max-width: 767.98px){.popup .popup-close{width:3rem;height:3rem;right:12px;top:12px;background-color:rgba(55,104,84,0.5)}}.popup .popup-close:hover{background-color:#6eb498}.popup .popup-close:hover:before,.popup .popup-close:hover:after{background-color:#fff}.popup .popup-close:before,.popup .popup-close:after{content:'';width:68%;height:2px;background-color:#6eb498;display:block;position:absolute;top:50%;left:50%;transition:all .15s ease-out}.popup .popup-close:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.popup .popup-close:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.popup fieldset{border-width:1px 0 0 0;border-style:solid;border-color:rgba(255,255,255,0.9);margin-bottom:3rem}@media (max-width: 575.98px){.popup fieldset{margin-bottom:2rem}}.popup fieldset legend{width:auto;padding:0 .5em;border:0;margin-bottom:0}@-webkit-keyframes popup{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popup-bg{0%{opacity:0}100%{opacity:1}}@keyframes popup-bg{0%{opacity:0}100%{opacity:1}}.popup-check{display:none}.popup-check:checked+.s-popup{display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;-webkit-animation:popup-bg .3s linear forwards;animation:popup-bg .3s linear forwards}.popup-check:checked+.s-popup .container{-webkit-animation:popup .5s forwards;animation:popup .5s forwards}.s-popup{background-color:rgba(0,0,0,0.7);opacity:0;display:none}.s-popup .popup-close{position:absolute;top:13px;right:13px}@media (min-width: 768px){.s-popup .popup-close{width:3.5rem;height:3.5rem}}.s-popup .container{max-width:42rem;padding:5em 4em;border-radius:2.5rem;background-color:#5a9c81;box-shadow:0.5em 0 3em rgba(0,0,0,0.5)}@media (max-width: 767.98px){.s-popup .container{padding:4em 15px}}.s-popup h3{white-space:nowrap;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid rgba(255,255,255,0.3)}.s-popup h3 span:before,.s-popup h3 span:after{content:'';display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:1em;padding-top:1em;margin:0 .2em;background:url(../images/recommend_icon.png) no-repeat 40% 50%;background-size:75% auto}.s-popup p{white-space:nowrap}.diamond>*:not(ul),h6.diamond{padding-left:.85em}.diamond>*:not(ul):before,h6.diamond:before{content:'';width:.35em;height:.35em;-webkit-transform:rotate(45deg) skew(12deg, 12deg);-ms-transform:rotate(45deg) skew(12deg, 12deg);transform:rotate(45deg) skew(12deg, 12deg);background-color:#f8e228;position:absolute;top:.55em;left:0}.disc{padding-left:1.5em}.disc>li{padding-left:1em}.disc>li:before{content:'';width:.35em;height:.35em;background-color:#63e0ef;border-radius:50%;position:absolute;top:.5em;left:0}.decimal>li{padding-left:1.5em;counter-increment:step-counter}.decimal>li:before{color:#fff;content:counter(step-counter);font-size:65%;text-align:center;width:1.6em;height:1.6em;line-height:1.4;border-radius:50%;border:1px solid #fff;position:absolute;top:.4em;left:0}#winner h2{line-height:2.6;border-bottom:1px solid rgba(255,255,255,0.3);position:relative}#winner h2:before{content:'';background:url(../images/winner_firework.png) no-repeat 50% 0%;background-size:100% auto;width:10.2em;height:100%;position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:.6em}#winner table{font-size:1.5rem;width:100%;background-color:#d2e9e0;margin-bottom:1em}#winner table th{font-size:1.5rem;color:#e0f4ec;font-weight:400;line-height:2.2;background-color:#376854;position:relative;text-align:center}#winner table th+th:before{content:'|';font-weight:300;position:absolute;left:-.2em;opacity:.5}#winner table tbody tr+tr{border-top:1px dashed #5a9c81}#winner table td{color:#293832;text-align:center;padding:1.2em .25em}#winner table td:nth-child(1){position:relative}#winner table td:nth-child(2){width:15%}#winner table td:nth-child(3){width:40%}#winner table td span{border-radius:.3em;padding:.1em 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}#winner table td span:nth-child(1){color:#29815d;width:7em;background-color:#fff;-webkit-transform:translate(-30%, 15%);-ms-transform:translate(-30%, 15%);transform:translate(-30%, 15%)}#winner table td span:nth-child(2){font-size:2rem;color:#fff;max-width:7.5em;background-color:#29815d;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#winner table td span:nth-child(2) i{color:#29815d;font-size:70%;font-weight:600;font-style:normal;width:1.3em;line-height:1.3;border-radius:50%;background-color:#fff}#winner table td span:nth-child(2) b{font-weight:600;padding:0 0.2em 0 .4em}.game{height:86vh;min-height:41.66667vw;overflow:hidden;position:relative}@media (max-width: 575.98px){.game{height:75vh}}.game .title{position:absolute;padding-top:2em;z-index:99}.game .title .buttons{width:90%;max-width:36rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.game .title button{padding:.5em .75em;border-radius:.7em;border:0.125em solid #009e96;background:rgba(255,255,255,0.88);-webkit-flex:1;-ms-flex:1;flex:1}.game .title button img{width:3.75rem;margin-right:auto;margin-left:auto}.game .title button+button{margin-left:2rem}@media (max-width: 575.98px){.game .title button+button{margin-left:1rem}}.game .title button.active,.game .title button:hover{background:#009e96}.game .bg{background-image:linear-gradient(to top, #fff 0%, #e5f9f7 65%, #caf2ef 100%)}.game .bg>*{position:absolute}.game .slide-x,.game .slide-y{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.game [class*='cloud-']{-webkit-animation-name:cloud-transit;animation-name:cloud-transit;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:translateX(30%);-ms-transform:translateX(30%);transform:translateX(30%);opacity:0}.game [class*='cloud-'].cloud-r{-webkit-animation-name:cloud-transit2;animation-name:cloud-transit2;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(-30%);-ms-transform:translateX(-30%);transform:translateX(-30%)}.game .item{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.game .bg,.game .stage{min-width:1400px;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}@media (max-width: 991.98px) and (orientation: portrait){.game .bg,.game .stage{min-width:200vw}}@media (max-width: 991.98px) and (orientation: landscape){.game .bg,.game .stage{min-width:100vw}}.game .bg>*,.game .stage>*{width:100%}.game .road-dis{pointer-events:none}.game .kimojis{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:none;overflow:hidden;z-index:100;pointer-events:none}.game .kimojis.smile,.game .kimojis.angery{display:block}.game .kimojis .kimoji{bottom:-50%;position:absolute;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}.game .kimojis .kimoji-0{-webkit-animation:kimoji_rise 1s linear 0.9s;animation:kimoji_rise 1s linear 0.9s}.game .kimojis .kimoji:nth-child(0){width:10.05208%;height:193px;left:20%}.game .kimojis .kimoji-1{-webkit-animation:kimoji_rise 1s linear 0.3s;animation:kimoji_rise 1s linear 0.3s}.game .kimojis .kimoji:nth-child(1){width:7.86458%;height:151px;left:30%}.game .kimojis .kimoji-2{-webkit-animation:kimoji_rise 0.6s linear 0.9s;animation:kimoji_rise 0.6s linear 0.9s}.game .kimojis .kimoji:nth-child(2){width:4.58333%;height:88px;left:0%}.game .kimojis .kimoji-3{-webkit-animation:kimoji_rise 1s linear 0.5s;animation:kimoji_rise 1s linear 0.5s}.game .kimojis .kimoji:nth-child(3){width:8.95833%;height:172px;left:30%}.game .kimojis .kimoji-4{-webkit-animation:kimoji_rise 0.8s linear 0.6s;animation:kimoji_rise 0.8s linear 0.6s}.game .kimojis .kimoji:nth-child(4){width:4.58333%;height:88px;left:70%}.game .kimojis .kimoji-5{-webkit-animation:kimoji_rise 0.8s linear 0.1s;animation:kimoji_rise 0.8s linear 0.1s}.game .kimojis .kimoji:nth-child(5){width:11.14583%;height:214px;left:60%}.game .kimojis .kimoji-6{-webkit-animation:kimoji_rise 1s linear 0.5s;animation:kimoji_rise 1s linear 0.5s}.game .kimojis .kimoji:nth-child(6){width:11.14583%;height:214px;left:90%}.game .kimojis .kimoji-7{-webkit-animation:kimoji_rise 0.7s linear 0.4s;animation:kimoji_rise 0.7s linear 0.4s}.game .kimojis .kimoji:nth-child(7){width:6.77083%;height:130px;left:40%}.game .kimojis .kimoji-8{-webkit-animation:kimoji_rise 0.9s linear 0.2s;animation:kimoji_rise 0.9s linear 0.2s}.game .kimojis .kimoji:nth-child(8){width:2.39583%;height:46px;left:10%}.game .kimojis .kimoji-9{-webkit-animation:kimoji_rise 1.1s linear 0.4s;animation:kimoji_rise 1.1s linear 0.4s}.game .kimojis .kimoji:nth-child(9){width:5.67708%;height:109px;left:80%}.game .kimojis .kimoji-10{-webkit-animation:kimoji_rise 1s linear 0.4s;animation:kimoji_rise 1s linear 0.4s}.game .kimojis .kimoji:nth-child(10){width:8.95833%;height:172px;left:60%}.game .kimojis .kimoji-11{-webkit-animation:kimoji_rise 0.7s linear 0.1s;animation:kimoji_rise 0.7s linear 0.1s}.game .kimojis .kimoji:nth-child(11){width:11.14583%;height:214px;left:0%}.game .kimojis .kimoji-12{-webkit-animation:kimoji_rise 0.9s linear 0.8s;animation:kimoji_rise 0.9s linear 0.8s}.game .kimojis .kimoji:nth-child(12){width:7.86458%;height:151px;left:10%}.game .kimojis .kimoji-13{-webkit-animation:kimoji_rise 1s linear 0.3s;animation:kimoji_rise 1s linear 0.3s}.game .kimojis .kimoji:nth-child(13){width:3.48958%;height:67px;left:60%}.game .kimojis .kimoji-14{-webkit-animation:kimoji_rise 1s linear 0.1s;animation:kimoji_rise 1s linear 0.1s}.game .kimojis .kimoji:nth-child(14){width:11.14583%;height:214px;left:40%}.game .kimojis .kimoji-15{-webkit-animation:kimoji_rise 1s linear 0.6s;animation:kimoji_rise 1s linear 0.6s}.game .kimojis .kimoji:nth-child(15){width:12.23958%;height:235px;left:90%}.game .kimojis .kimoji-16{-webkit-animation:kimoji_rise 0.9s linear 0.3s;animation:kimoji_rise 0.9s linear 0.3s}.game .kimojis .kimoji:nth-child(16){width:7.86458%;height:151px;left:50%}.game .kimojis .kimoji-17{-webkit-animation:kimoji_rise 0.8s linear 0.2s;animation:kimoji_rise 0.8s linear 0.2s}.game .kimojis .kimoji:nth-child(17){width:7.86458%;height:151px;left:60%}.game .kimojis .kimoji-18{-webkit-animation:kimoji_rise 1s linear 0.9s;animation:kimoji_rise 1s linear 0.9s}.game .kimojis .kimoji:nth-child(18){width:12.23958%;height:235px;left:90%}.game .kimojis .kimoji-19{-webkit-animation:kimoji_rise 0.9s linear 1s;animation:kimoji_rise 0.9s linear 1s}.game .kimojis .kimoji:nth-child(19){width:7.86458%;height:151px;left:20%}.game .kimojis .kimoji-20{-webkit-animation:kimoji_rise 1s linear 0.1s;animation:kimoji_rise 1s linear 0.1s}.game .kimojis .kimoji:nth-child(20){width:10.05208%;height:193px;left:80%}.game .kimojis .kimoji-21{-webkit-animation:kimoji_rise 1.1s linear 0.2s;animation:kimoji_rise 1.1s linear 0.2s}.game .kimojis .kimoji:nth-child(21){width:2.39583%;height:46px;left:20%}.game .kimojis .kimoji-22{-webkit-animation:kimoji_rise 0.6s linear 0.9s;animation:kimoji_rise 0.6s linear 0.9s}.game .kimojis .kimoji:nth-child(22){width:3.48958%;height:67px;left:10%}.game .kimojis .kimoji-23{-webkit-animation:kimoji_rise 1s linear 0.5s;animation:kimoji_rise 1s linear 0.5s}.game .kimojis .kimoji:nth-child(23){width:7.86458%;height:151px;left:70%}.game .kimojis .kimoji-24{-webkit-animation:kimoji_rise 1s linear 0.6s;animation:kimoji_rise 1s linear 0.6s}.game .kimojis .kimoji:nth-child(24){width:11.14583%;height:214px;left:60%}.game .kimojis .kimoji-25{-webkit-animation:kimoji_rise 1.1s linear 0.7s;animation:kimoji_rise 1.1s linear 0.7s}.game .kimojis .kimoji:nth-child(25){width:8.95833%;height:172px;left:10%}.game .kimojis .kimoji-26{-webkit-animation:kimoji_rise 0.7s linear 0.7s;animation:kimoji_rise 0.7s linear 0.7s}.game .kimojis .kimoji:nth-child(26){width:4.58333%;height:88px;left:10%}.game .kimojis .kimoji-27{-webkit-animation:kimoji_rise 0.6s linear 1s;animation:kimoji_rise 0.6s linear 1s}.game .kimojis .kimoji:nth-child(27){width:11.14583%;height:214px;left:60%}.game .kimojis .kimoji-28{-webkit-animation:kimoji_rise 1s linear 0.7s;animation:kimoji_rise 1s linear 0.7s}.game .kimojis .kimoji:nth-child(28){width:4.58333%;height:88px;left:30%}.game .kimojis .kimoji-29{-webkit-animation:kimoji_rise 1s linear 1s;animation:kimoji_rise 1s linear 1s}.game .kimojis .kimoji:nth-child(29){width:7.86458%;height:151px;left:50%}.game .kimojis .kimoji-30{-webkit-animation:kimoji_rise 0.8s linear 0.4s;animation:kimoji_rise 0.8s linear 0.4s}.game .kimojis .kimoji:nth-child(30){width:4.58333%;height:88px;left:10%}.game .kimojis .kimoji-31{-webkit-animation:kimoji_rise 0.7s linear 0.9s;animation:kimoji_rise 0.7s linear 0.9s}.game .kimojis .kimoji:nth-child(31){width:4.58333%;height:88px;left:30%}.game .kimojis .kimoji-32{-webkit-animation:kimoji_rise 1.1s linear 0.2s;animation:kimoji_rise 1.1s linear 0.2s}.game .kimojis .kimoji:nth-child(32){width:6.77083%;height:130px;left:50%}.game .kimojis .kimoji-33{-webkit-animation:kimoji_rise 1.1s linear 0.5s;animation:kimoji_rise 1.1s linear 0.5s}.game .kimojis .kimoji:nth-child(33){width:7.86458%;height:151px;left:40%}.game .kimojis .kimoji-34{-webkit-animation:kimoji_rise 0.9s linear 0.4s;animation:kimoji_rise 0.9s linear 0.4s}.game .kimojis .kimoji:nth-child(34){width:10.05208%;height:193px;left:30%}.game .kimojis .kimoji-35{-webkit-animation:kimoji_rise 1s linear 1s;animation:kimoji_rise 1s linear 1s}.game .kimojis .kimoji:nth-child(35){width:3.48958%;height:67px;left:0%}.game .kimojis .kimoji-36{-webkit-animation:kimoji_rise 1s linear 0.7s;animation:kimoji_rise 1s linear 0.7s}.game .kimojis .kimoji:nth-child(36){width:2.39583%;height:46px;left:60%}.game .kimojis .kimoji-37{-webkit-animation:kimoji_rise 0.9s linear 0.8s;animation:kimoji_rise 0.9s linear 0.8s}.game .kimojis .kimoji:nth-child(37){width:5.67708%;height:109px;left:60%}.game .kimojis .kimoji-38{-webkit-animation:kimoji_rise 0.6s linear 0.8s;animation:kimoji_rise 0.6s linear 0.8s}.game .kimojis .kimoji:nth-child(38){width:7.86458%;height:151px;left:0%}.game .kimojis .kimoji-39{-webkit-animation:kimoji_rise 0.7s linear 1s;animation:kimoji_rise 0.7s linear 1s}.game .kimojis .kimoji:nth-child(39){width:7.86458%;height:151px;left:60%}.game .kimojis .kimoji-40{-webkit-animation:kimoji_rise 0.6s linear 0.7s;animation:kimoji_rise 0.6s linear 0.7s}.game .kimojis .kimoji:nth-child(40){width:4.58333%;height:88px;left:50%}.game .kimojis .kimoji-41{-webkit-animation:kimoji_rise 0.9s linear 0.7s;animation:kimoji_rise 0.9s linear 0.7s}.game .kimojis .kimoji:nth-child(41){width:2.39583%;height:46px;left:20%}.game .kimojis .kimoji-42{-webkit-animation:kimoji_rise 0.7s linear 0.7s;animation:kimoji_rise 0.7s linear 0.7s}.game .kimojis .kimoji:nth-child(42){width:2.39583%;height:46px;left:90%}.game .kimojis .kimoji-43{-webkit-animation:kimoji_rise 1.1s linear 0.2s;animation:kimoji_rise 1.1s linear 0.2s}.game .kimojis .kimoji:nth-child(43){width:11.14583%;height:214px;left:30%}.game .kimojis .kimoji-44{-webkit-animation:kimoji_rise 0.7s linear 0.9s;animation:kimoji_rise 0.7s linear 0.9s}.game .kimojis .kimoji:nth-child(44){width:2.39583%;height:46px;left:50%}.game .kimojis .kimoji-45{-webkit-animation:kimoji_rise 1.1s linear 1s;animation:kimoji_rise 1.1s linear 1s}.game .kimojis .kimoji:nth-child(45){width:10.05208%;height:193px;left:70%}.game .kimojis .kimoji-46{-webkit-animation:kimoji_rise 0.8s linear 0.3s;animation:kimoji_rise 0.8s linear 0.3s}.game .kimojis .kimoji:nth-child(46){width:2.39583%;height:46px;left:10%}.game .kimojis .kimoji-47{-webkit-animation:kimoji_rise 1s linear 0.5s;animation:kimoji_rise 1s linear 0.5s}.game .kimojis .kimoji:nth-child(47){width:8.95833%;height:172px;left:30%}.game .kimojis .kimoji-48{-webkit-animation:kimoji_rise 1.1s linear 0.3s;animation:kimoji_rise 1.1s linear 0.3s}.game .kimojis .kimoji:nth-child(48){width:11.14583%;height:214px;left:70%}.game .kimojis .kimoji-49{-webkit-animation:kimoji_rise 1.1s linear 0.9s;animation:kimoji_rise 1.1s linear 0.9s}.game .kimojis .kimoji:nth-child(49){width:4.58333%;height:88px;left:20%}.game .kimojis .kimoji-50{-webkit-animation:kimoji_rise 0.7s linear 0.2s;animation:kimoji_rise 0.7s linear 0.2s}.game .kimojis .kimoji:nth-child(50){width:2.39583%;height:46px;left:50%}.game .kimojis .kimoji-51{-webkit-animation:kimoji_rise 0.6s linear 1s;animation:kimoji_rise 0.6s linear 1s}.game .kimojis .kimoji:nth-child(51){width:7.86458%;height:151px;left:10%}.game .kimojis .kimoji-52{-webkit-animation:kimoji_rise 0.7s linear 0.3s;animation:kimoji_rise 0.7s linear 0.3s}.game .kimojis .kimoji:nth-child(52){width:3.48958%;height:67px;left:60%}.game .kimojis .kimoji-53{-webkit-animation:kimoji_rise 1.1s linear 0.1s;animation:kimoji_rise 1.1s linear 0.1s}.game .kimojis .kimoji:nth-child(53){width:7.86458%;height:151px;left:90%}.game .kimojis .kimoji-54{-webkit-animation:kimoji_rise 1.1s linear 0.9s;animation:kimoji_rise 1.1s linear 0.9s}.game .kimojis .kimoji:nth-child(54){width:12.23958%;height:235px;left:80%}.game .kimojis .kimoji-55{-webkit-animation:kimoji_rise 0.7s linear 0.5s;animation:kimoji_rise 0.7s linear 0.5s}.game .kimojis .kimoji:nth-child(55){width:5.67708%;height:109px;left:80%}.game .kimojis .kimoji-56{-webkit-animation:kimoji_rise 1s linear 0.2s;animation:kimoji_rise 1s linear 0.2s}.game .kimojis .kimoji:nth-child(56){width:3.48958%;height:67px;left:40%}.game .kimojis .kimoji-57{-webkit-animation:kimoji_rise 1.1s linear 0.4s;animation:kimoji_rise 1.1s linear 0.4s}.game .kimojis .kimoji:nth-child(57){width:6.77083%;height:130px;left:40%}.game .kimojis .kimoji-58{-webkit-animation:kimoji_rise 0.9s linear 0.3s;animation:kimoji_rise 0.9s linear 0.3s}.game .kimojis .kimoji:nth-child(58){width:7.86458%;height:151px;left:70%}.game .kimojis .kimoji-59{-webkit-animation:kimoji_rise 1.1s linear 0.2s;animation:kimoji_rise 1.1s linear 0.2s}.game .kimojis .kimoji:nth-child(59){width:12.23958%;height:235px;left:70%}.game .kimojis .kimoji-60{-webkit-animation:kimoji_rise 1.1s linear 1s;animation:kimoji_rise 1.1s linear 1s}.game .kimojis .kimoji:nth-child(60){width:4.58333%;height:88px;left:90%}.game .kimojis .kimoji-61{-webkit-animation:kimoji_rise 1.1s linear 0.1s;animation:kimoji_rise 1.1s linear 0.1s}.game .kimojis .kimoji:nth-child(61){width:2.39583%;height:46px;left:80%}.game .kimojis .kimoji-62{-webkit-animation:kimoji_rise 1.1s linear 0.7s;animation:kimoji_rise 1.1s linear 0.7s}.game .kimojis .kimoji:nth-child(62){width:5.67708%;height:109px;left:10%}.game .kimojis .kimoji-63{-webkit-animation:kimoji_rise 1s linear 0.1s;animation:kimoji_rise 1s linear 0.1s}.game .kimojis .kimoji:nth-child(63){width:5.67708%;height:109px;left:70%}.game .kimojis .kimoji-64{-webkit-animation:kimoji_rise 0.6s linear 0.5s;animation:kimoji_rise 0.6s linear 0.5s}.game .kimojis .kimoji:nth-child(64){width:7.86458%;height:151px;left:40%}.game .kimojis .kimoji-65{-webkit-animation:kimoji_rise 1.1s linear 0.7s;animation:kimoji_rise 1.1s linear 0.7s}.game .kimojis .kimoji:nth-child(65){width:2.39583%;height:46px;left:90%}.game .kimojis .kimoji-66{-webkit-animation:kimoji_rise 1.1s linear 0.2s;animation:kimoji_rise 1.1s linear 0.2s}.game .kimojis .kimoji:nth-child(66){width:11.14583%;height:214px;left:90%}.game .kimojis .kimoji-67{-webkit-animation:kimoji_rise 0.9s linear 0.6s;animation:kimoji_rise 0.9s linear 0.6s}.game .kimojis .kimoji:nth-child(67){width:3.48958%;height:67px;left:20%}.game .kimojis .kimoji-68{-webkit-animation:kimoji_rise 0.8s linear 0.9s;animation:kimoji_rise 0.8s linear 0.9s}.game .kimojis .kimoji:nth-child(68){width:2.39583%;height:46px;left:40%}.game .kimojis .kimoji-69{-webkit-animation:kimoji_rise 0.7s linear 0.9s;animation:kimoji_rise 0.7s linear 0.9s}.game .kimojis .kimoji:nth-child(69){width:7.86458%;height:151px;left:60%}.game .kimojis .kimoji-70{-webkit-animation:kimoji_rise 1s linear 0.9s;animation:kimoji_rise 1s linear 0.9s}.game .kimojis .kimoji:nth-child(70){width:5.67708%;height:109px;left:10%}.game .kimojis .kimoji-71{-webkit-animation:kimoji_rise 1s linear 0.5s;animation:kimoji_rise 1s linear 0.5s}.game .kimojis .kimoji:nth-child(71){width:4.58333%;height:88px;left:50%}.game .kimojis .kimoji-72{-webkit-animation:kimoji_rise 0.7s linear 0.6s;animation:kimoji_rise 0.7s linear 0.6s}.game .kimojis .kimoji:nth-child(72){width:8.95833%;height:172px;left:30%}.game .kimojis .kimoji-73{-webkit-animation:kimoji_rise 0.9s linear 0.2s;animation:kimoji_rise 0.9s linear 0.2s}.game .kimojis .kimoji:nth-child(73){width:7.86458%;height:151px;left:50%}.game .kimojis .kimoji-74{-webkit-animation:kimoji_rise 0.6s linear 0.4s;animation:kimoji_rise 0.6s linear 0.4s}.game .kimojis .kimoji:nth-child(74){width:10.05208%;height:193px;left:50%}.game .kimojis .kimoji-75{-webkit-animation:kimoji_rise 0.6s linear 0.3s;animation:kimoji_rise 0.6s linear 0.3s}.game .kimojis .kimoji:nth-child(75){width:6.77083%;height:130px;left:0%}.game .kimojis .kimoji-76{-webkit-animation:kimoji_rise 0.6s linear 0.4s;animation:kimoji_rise 0.6s linear 0.4s}.game .kimojis .kimoji:nth-child(76){width:7.86458%;height:151px;left:20%}.game .kimojis .kimoji-77{-webkit-animation:kimoji_rise 0.9s linear 0.3s;animation:kimoji_rise 0.9s linear 0.3s}.game .kimojis .kimoji:nth-child(77){width:10.05208%;height:193px;left:10%}.game .kimojis .kimoji-78{-webkit-animation:kimoji_rise 0.6s linear 0.6s;animation:kimoji_rise 0.6s linear 0.6s}.game .kimojis .kimoji:nth-child(78){width:10.05208%;height:193px;left:90%}.game .kimojis .kimoji-79{-webkit-animation:kimoji_rise 0.9s linear 0.4s;animation:kimoji_rise 0.9s linear 0.4s}.game .kimojis .kimoji:nth-child(79){width:2.39583%;height:46px;left:50%}@-webkit-keyframes kimoji_rise{0%{bottom:-50%}100%{bottom:100%}}@keyframes kimoji_rise{0%{bottom:-50%}100%{bottom:100%}}#quiz1 .bg{height:73%}#quiz1 .bg-sky{background:url(../images/q1_bg-sky.png) repeat-x 0% 0%;background-size:auto 100%;-webkit-animation-duration:1200s;animation-duration:1200s;bottom:0}#quiz1 .bg-sky:before{content:'';display:block;padding-top:21.52542%}#quiz1 .bg-dark{background:url(../images/q1_bg-dark.png) repeat-x 0% 100%;background-size:auto 100%;-webkit-animation-duration:700s;animation-duration:700s;bottom:0}#quiz1 .bg-dark:before{content:'';display:block;padding-top:10%}#quiz1 .bg-light{bottom:0}#quiz1 .bg-light #sun{width:3.38542%;position:absolute;bottom:119%;left:33%}#quiz1 .stage{background-color:#dfdbd1}#quiz1 .building{background:url(../images/q1_building.png) repeat-x 0% 50%;background-size:auto 100%;-webkit-animation-duration:150s;animation-duration:150s;position:absolute;bottom:100%;-webkit-transform:translateY(5.5%);-ms-transform:translateY(5.5%);transform:translateY(5.5%)}#quiz1 .building:before{content:'';display:block;padding-top:14.91525%}#quiz1 .road{background:url(../images/q1_road.png) repeat-x 0% 50%;background-size:16.14583% auto;-webkit-animation-duration:30s;animation-duration:30s;position:relative}#quiz1 .road #q1_car-pink{width:13.60169%;position:absolute;top:50%;left:32%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}#quiz1 .road #q1_car-pink [class*="-tire"]{width:18.38006%}#quiz1 .road .cars{width:14.5339%;position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -40%);-ms-transform:translate(-100%, -40%);transform:translate(-100%, -40%)}#quiz1 .road .cars [class*="-tire"]{width:16.61808%}#quiz1 .road .car-body{position:relative;z-index:1}#quiz1 .road [class*="-tire"]{position:absolute;left:10%;bottom:2px;z-index:2}#quiz1 .road [class*="-tire"].car-tire-r{left:72%}#quiz1 .road .car-shadow{width:100%;position:absolute;left:0;bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}#quiz1 .road .car-shadow:before{content:'';border-radius:.7em;display:block;padding-top:19%;background-color:rgba(82,58,53,0.4);-webkit-filter:blur(2px);filter:blur(2px);position:relative;-webkit-transform:rotateX(68deg);transform:rotateX(68deg);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}#quiz1 .road-dis{background:url(../images/q1_road-dis.png) repeat-x 0% 50%;background-size:7.41525% auto;-webkit-animation-duration:25s;animation-duration:25s}#quiz1 .road-dis:before{content:'';display:block;padding-top:3.89831%}#quiz1 .kimojis.smile .kimoji{background-image:url(../images/q1_moji_smile.png)}#quiz1 .kimojis.angery .kimoji{background-image:url(../images/q1_moji_angery.png)}#quiz1.animated .slide-x{-webkit-animation-name:slide-x;animation-name:slide-x}#quiz1.animated .bg-light #sun{-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite}#quiz1.animated .road .car-body{-webkit-animation:car-body .15s linear infinite;animation:car-body .15s linear infinite}#quiz1.animated .road [class*="-tire"]{-webkit-animation:rotate .25s linear infinite;animation:rotate .25s linear infinite}#quiz1.animated .road .car-shadow{-webkit-animation:car-shadow .15s linear infinite;animation:car-shadow .15s linear infinite}@-webkit-keyframes slide-x{0%{background-position:0px 50%}100%{background-position:-20000px 50%}}@keyframes slide-x{0%{background-position:0px 50%}100%{background-position:-20000px 50%}}@-webkit-keyframes slide-y{0%{background-position:50% 0px}100%{background-position:50% -20000px}}@keyframes slide-y{0%{background-position:50% 0px}100%{background-position:50% -20000px}}@-webkit-keyframes car-body{0%,50%,100%{-webkit-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(1.5px);transform:translateY(1.5px)}}@keyframes car-body{0%,50%,100%{-webkit-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(1.5px);transform:translateY(1.5px)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes car-shadow{0%,50%,100%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.01);transform:scale(1.01)}}@keyframes car-shadow{0%,50%,100%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.01);transform:scale(1.01)}}#quiz2 .title{-webkit-transform:translate(-10%, 10%);-ms-transform:translate(-10%, 10%);transform:translate(-10%, 10%)}@media (max-width: 767.98px) and (orientation: portrait){#quiz2 .title{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}#quiz2 .bg{height:47.68519%}#quiz2 .bg-building{bottom:0;-webkit-transform:translateY(10.20408%);-ms-transform:translateY(10.20408%);transform:translateY(10.20408%)}#quiz2 #car-inside-top{top:0;-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%)}#quiz2 .stage{height:52.31481%}#quiz2 .road{position:absolute;top:0;-webkit-transform:translateY(-19%);-ms-transform:translateY(-19%);transform:translateY(-19%)}#quiz2 #q2_signal{width:7.9661%;-webkit-transform:translate(186%, -35%);-ms-transform:translate(186%, -35%);transform:translate(186%, -35%);position:absolute;bottom:50%;left:50%}@media (max-width: 575.98px){#quiz2 #q2_signal{-webkit-transform:translate(186%, -30%);-ms-transform:translate(186%, -30%);transform:translate(186%, -30%)}}#quiz2 #q2_signal img{position:relative;z-index:1}#quiz2 #q2_signal:before,#quiz2 #q2_signal:after{width:33%;height:15%;border-radius:50%;content:'';display:block;position:absolute;top:0;transition:all .2s 1s ease-out}#quiz2 #q2_signal:before{left:0;background-color:#ff272b}#quiz2 #q2_signal:after{right:0;background-color:#335135}#quiz2 #q2_car-yellow{width:4.23729%;-webkit-transform:translate(0%, -89%);-ms-transform:translate(0%, -89%);transform:translate(0%, -89%);position:absolute;top:0%;left:36.5%}#quiz2 #q2_car-yellow [class*="-tire"]{border-radius:6px;left:12%;background-color:#2b2e4e}#quiz2 #q2_car-yellow [class*="-tire"].car-tire-r{left:75%}#quiz2 #q2_car-yellow.animated [class*="-tire"]{-webkit-animation:car-tire-y 70s linear infinite;animation:car-tire-y 70s linear infinite}#quiz2 #q2_car-skyblue{width:41.31356%;-webkit-transform:translate(-20%, -50%);-ms-transform:translate(-20%, -50%);transform:translate(-20%, -50%);position:absolute;top:50%;left:50%}#quiz2 #car-inside{width:100%;-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%);position:absolute;top:50%}#quiz2 #car-inside #car-inside-wheel{width:46.04167%;position:absolute;top:0%;right:50%;-webkit-transform:translate(10%, -4%);-ms-transform:translate(10%, -4%);transform:translate(10%, -4%)}#quiz2 #car-inside #car-inside-hand{width:23.52941%;content:'';display:block;padding-top:45.58824%;background:url(../images/q2_car-inside-hand.png) no-repeat 50% 50%;background-size:100% auto;position:absolute;right:0;bottom:0}#quiz2 #car-inside #car-inside-hand.push{width:46.9457%;padding-top:49.66063%;background-image:url(../images/q2_car-inside-hand2.png)}#quiz2 #car-inside #car-inside-horn{width:90.49774%;-webkit-transform:translate(-50%, 30%);-ms-transform:translate(-50%, 30%);transform:translate(-50%, 30%);position:absolute;bottom:100%;left:50%}#quiz2 #car-inside #car-inside-horn img{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:canter bottom;-ms-transform-origin:canter bottom;transform-origin:canter bottom}#quiz2 #car-inside #car-inside-horn img:nth-child(1){width:39.125%}#quiz2 #car-inside #car-inside-horn img:nth-child(2){width:27%}#quiz2 #car-inside #car-inside-horn img:nth-child(3){width:27.125%}#quiz2 #car-inside #car-inside-music{width:100%;-webkit-transform:translateY(-37%);-ms-transform:translateY(-37%);transform:translateY(-37%);position:absolute;left:0;top:0;opacity:1}#quiz2 .kimojis.smile .kimoji{background-image:url(../images/q2_moji_smile.png)}#quiz2 .kimojis.angery .kimoji{background-image:url(../images/q2_moji_angery.png)}#quiz2.animated #car-inside-top img,#quiz2.animated #car-inside-bottom img{-webkit-animation:car-body .12s linear infinite;animation:car-body .12s linear infinite}#quiz2.animated #q2_signal:before{background-color:#780207}#quiz2.animated #q2_signal:after{background-color:#86c770}#quiz2 .car-body,#quiz3 .car-body{position:relative;z-index:2}#quiz2 [class*="-tire"],#quiz3 [class*="-tire"]{width:13.24042%;position:absolute;left:3.3%;bottom:4%;z-index:1;background:#172224 url(../images/q3_car-tire.png) repeat-y 50% 50%;background-size:61.84211% auto;border:1px solid #613a3a;border-radius:1em}#quiz2 [class*="-tire"]:before,#quiz3 [class*="-tire"]:before{content:'';display:block;padding-top:230.26316%}#quiz2 [class*="-tire"].car-tire-r,#quiz3 [class*="-tire"].car-tire-r{left:83%}#quiz2 .car-shadow,#quiz3 .car-shadow{width:98%;position:absolute;left:1%;bottom:0}#quiz2 .car-shadow:before,#quiz3 .car-shadow:before{content:'';border-radius:1.7em;display:block;padding-top:25%;background-color:rgba(82,58,53,0.4);-webkit-filter:blur(2px);filter:blur(2px);position:relative;-webkit-transform:rotateX(10deg);transform:rotateX(10deg);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}#quiz3 .bg-building{-webkit-transform:translateY(9.21659%);-ms-transform:translateY(9.21659%);transform:translateY(9.21659%);bottom:0}#quiz3 .bg-cloud{height:52.07921%}#quiz3 .bg-cloud img{position:absolute}#quiz3 .bg-cloud img:nth-child(1){width:6.31356%;left:2.3%;top:60%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:19s;animation-duration:19s}#quiz3 .bg-cloud img:nth-child(2){width:10.4661%;left:13.8%;bottom:0%;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:18s;animation-duration:18s}#quiz3 .bg-cloud img:nth-child(3){width:5.80508%;left:71.5%;top:61%;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:20s;animation-duration:20s}#quiz3 .bg-cloud img:nth-child(4){width:4.61864%;left:82%;top:79%;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:19s;animation-duration:19s}#quiz3 .bg-cloud img:nth-child(5){width:4.36441%;left:92.2%;top:56%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:18s;animation-duration:18s}#quiz3 .stage{height:53.33333%;background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, #dfdbd1 30%, #dfdbd1 100%)}#quiz3 .road{position:absolute;top:0;-webkit-transform:translateY(-13%);-ms-transform:translateY(-13%);transform:translateY(-13%)}#quiz3 .road-line{width:1.04167%;height:calc(100% - .7%);position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/q3_road-line.png) repeat-y 0% 50%;background-size:100% auto;-webkit-animation-duration:50s;animation-duration:50s}#quiz3 .road-dis{padding-top:14.58333%;position:absolute;top:0;opacity:0;transition:opacity .5s 1s linear}#quiz3 .road-dis>*{width:30%;position:relative}#quiz3 .road-dis>* img{width:44.96528%;position:absolute;bottom:0;opacity:0;-webkit-transform:scale(1.4) translateY(0%);-ms-transform:scale(1.4) translateY(0%);transform:scale(1.4) translateY(0%);-webkit-transform-origin:50% 30%;-ms-transform-origin:50% 30%;transform-origin:50% 30%}#quiz3 .road-dis #tree-left img{left:-30%;-webkit-animation:tree-left 1s linear infinite;animation:tree-left 1s linear infinite}#quiz3 .road-dis #tree-left img:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}#quiz3 .road-dis #tree-left img:nth-child(2){-webkit-animation-delay:0.33333s;animation-delay:0.33333s}#quiz3 .road-dis #tree-left img:nth-child(3){-webkit-animation-delay:0.66667s;animation-delay:0.66667s}#quiz3 .road-dis #tree-right img{right:-30%;-webkit-animation:tree-right 1s linear infinite;animation:tree-right 1s linear infinite}#quiz3 .road-dis #tree-right img:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}#quiz3 .road-dis #tree-right img:nth-child(2){-webkit-animation-delay:0.33333s;animation-delay:0.33333s}#quiz3 .road-dis #tree-right img:nth-child(3){-webkit-animation-delay:0.66667s;animation-delay:0.66667s}#quiz3 .car{position:absolute;top:50%;left:50%}#quiz3 #q3_car-brown{-webkit-transform:translate(-118%, -38%);-ms-transform:translate(-118%, -38%);transform:translate(-118%, -38%);z-index:10;width:24.32203%}#quiz3 #q3_car-green{-webkit-transform:translate(38%, -5%);-ms-transform:translate(38%, -5%);transform:translate(38%, -5%);z-index:10;width:27.58475%}#quiz3 #q3_car-yellow{-webkit-transform:translate(42%, -45%);-ms-transform:translate(42%, -45%);transform:translate(42%, -45%);z-index:9;width:19.44915%}#quiz3 #q3_car-blue{-webkit-transform:translate(-85%, -130%);-ms-transform:translate(-85%, -130%);transform:translate(-85%, -130%);z-index:8;width:16.69492%}#quiz3 #q3_car-red{-webkit-transform:translate(30%, -180%);-ms-transform:translate(30%, -180%);transform:translate(30%, -180%);z-index:7;width:12.88136%}#quiz3 #q3_car-red #car-box{width:58.88325%;position:absolute;top:-28%;left:8%;z-index:3;opacity:0}#quiz3 #q3_car-red #car-box.show{-webkit-animation:car-box .6s ease-in-out forwards;animation:car-box .6s ease-in-out forwards}#quiz3 .kimojis.smile .kimoji{background-image:url(../images/q3_moji_smile.png)}#quiz3 .kimojis.angery .kimoji{background-image:url(../images/q3_moji_angery.png)}#quiz3.animated .slide-y{-webkit-animation-name:slide-y;animation-name:slide-y}#quiz3.animated .car-body{-webkit-animation:car-body .15s linear infinite;animation:car-body .15s linear infinite}#quiz3.animated [class*="-tire"]{-webkit-animation:car-tire-y 70s linear infinite;animation:car-tire-y 70s linear infinite}#quiz3.animated .car-shadow{-webkit-animation:car-shadow .15s linear infinite;animation:car-shadow .15s linear infinite}#quiz3.animated .road-dis{opacity:1}@media (max-width: 575.98px){#quiz3.animated .road-dis{display:none}}#quiz3.animated .road-dis #tree-left img,#quiz3.animated .road-dis #tree-right img{-webkit-animation-duration:3s;animation-duration:3s}#quiz3.animated .road-dis #tree-left img:nth-child(1),#quiz3.animated .road-dis #tree-right img:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}#quiz3.animated .road-dis #tree-left img:nth-child(2),#quiz3.animated .road-dis #tree-right img:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}#quiz3.animated .road-dis #tree-left img:nth-child(3),#quiz3.animated .road-dis #tree-right img:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes cloud-transit{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}20%{opacity:1}100%{opacity:0;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes cloud-transit{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}20%{opacity:1}100%{opacity:0;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes cloud-transit2{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}20%{opacity:1}100%{opacity:0;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes cloud-transit2{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}20%{opacity:1}100%{opacity:0;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes tree-left{0%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0);left:-45%;opacity:.7}15%{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);left:-25%;opacity:1}45%{-webkit-transform:scale(0.6) translateY(-20%);transform:scale(0.6) translateY(-20%);left:5%}75%{-webkit-transform:scale(0.3) translateY(-20%);transform:scale(0.3) translateY(-20%);left:30%;-webkit-transform-origin:50% 30%;transform-origin:50% 30%}95%{opacity:1}100%{-webkit-transform:scale(0.1) translateY(-25%);transform:scale(0.1) translateY(-25%);left:45%;opacity:0;-webkit-transform-origin:50% 32%;transform-origin:50% 32%}}@keyframes tree-left{0%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0);left:-45%;opacity:.7}15%{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);left:-25%;opacity:1}45%{-webkit-transform:scale(0.6) translateY(-20%);transform:scale(0.6) translateY(-20%);left:5%}75%{-webkit-transform:scale(0.3) translateY(-20%);transform:scale(0.3) translateY(-20%);left:30%;-webkit-transform-origin:50% 30%;transform-origin:50% 30%}95%{opacity:1}100%{-webkit-transform:scale(0.1) translateY(-25%);transform:scale(0.1) translateY(-25%);left:45%;opacity:0;-webkit-transform-origin:50% 32%;transform-origin:50% 32%}}@-webkit-keyframes tree-right{0%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0);right:-45%;opacity:.7}15%{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);right:-25%;opacity:1}45%{-webkit-transform:scale(0.6) translateY(-20%);transform:scale(0.6) translateY(-20%);right:5%}75%{-webkit-transform:scale(0.3) translateY(-20%);transform:scale(0.3) translateY(-20%);right:30%;opacity:1;-webkit-transform-origin:50% 30%;transform-origin:50% 30%}95%{opacity:1}100%{-webkit-transform:scale(0.1) translateY(-25%);transform:scale(0.1) translateY(-25%);right:45%;opacity:0;-webkit-transform-origin:50% 32%;transform-origin:50% 32%}}@keyframes tree-right{0%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0);right:-45%;opacity:.7}15%{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);right:-25%;opacity:1}45%{-webkit-transform:scale(0.6) translateY(-20%);transform:scale(0.6) translateY(-20%);right:5%}75%{-webkit-transform:scale(0.3) translateY(-20%);transform:scale(0.3) translateY(-20%);right:30%;opacity:1;-webkit-transform-origin:50% 30%;transform-origin:50% 30%}95%{opacity:1}100%{-webkit-transform:scale(0.1) translateY(-25%);transform:scale(0.1) translateY(-25%);right:45%;opacity:0;-webkit-transform-origin:50% 32%;transform-origin:50% 32%}}@-webkit-keyframes car-tire-y{0%{background-position:50% 0px}100%{background-position:50% 20000px}}@keyframes car-tire-y{0%{background-position:50% 0px}100%{background-position:50% 20000px}}@-webkit-keyframes car-box{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}20%{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}40%{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}60%{opacity:1;-webkit-transform:scale(1.03, 1.03);transform:scale(1.03, 1.03)}80%{-webkit-transform:scale(0.97, 0.97);transform:scale(0.97, 0.97)}to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes car-box{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}20%{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}40%{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}60%{opacity:1;-webkit-transform:scale(1.03, 1.03);transform:scale(1.03, 1.03)}80%{-webkit-transform:scale(0.97, 0.97);transform:scale(0.97, 0.97)}to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}#quiz4 .bg-building{bottom:0}#quiz4 .bg-cloud{height:52.07921%}#quiz4 .bg-cloud img{position:absolute;opacity:1}#quiz4 .bg-cloud img:nth-child(1){width:6.31356%;left:3%;top:38%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:19s;animation-duration:19s}#quiz4 .bg-cloud img:nth-child(2){width:10.4661%;left:15%;top:36%;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:18s;animation-duration:18s}#quiz4 .bg-cloud img:nth-child(3){width:4.36441%;left:72%;top:37%;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:20s;animation-duration:20s}#quiz4 .bg-cloud img:nth-child(4){width:4.61864%;left:90.5%;top:53%;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:19s;animation-duration:19s}#quiz4 .bg-cloud img:nth-child(5){width:5.80508%;left:82.5%;top:39%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:18s;animation-duration:18s}#quiz4 .stage{height:52.31481%}#quiz4 .road-dis{position:relative}#quiz4 .road-dis:before{content:'';display:block;padding-top:5.59322%}#quiz4 .road-dis img{position:absolute;bottom:0}#quiz4 .road{height:100%;background:#dfdbd1 url(../images/q4_road.png) no-repeat 50% 0%;background-size:100% auto;position:relative}#quiz4 .road>*{position:absolute}#quiz4 .road #q4_woman{width:4.44915%;left:65%;bottom:100%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)}#quiz4 .road #q4_man{width:7.9661%;left:46%;bottom:55%}#quiz4 .road #q4_car-blue{width:22.28814%;left:6%;bottom:50%}#quiz4 .road #q4_car-brown{width:22.54237%;right:6%;bottom:50%}#quiz4 .road #q4_car-pink{width:45.25424%;left:150%;bottom:7%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}#quiz4 .road #q4_car-pink .car-body{position:relative;z-index:1}#quiz4 .road #q4_car-pink [class*="-tire"]{width:18.38006%;position:absolute;left:9.5%;bottom:2px;z-index:2;-moz-animation-duration:.1s}#quiz4 .road #q4_car-pink [class*="-tire"].car-tire-r{left:71.5%}#quiz4 .road #q4_car-pink .car-shadow{width:100%;position:absolute;left:0;bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}#quiz4 .road #q4_car-pink .car-shadow:before{content:'';border-radius:.7em;display:block;padding-top:19%;background-color:rgba(82,58,53,0.4);-webkit-filter:blur(2px);filter:blur(2px);position:relative;-webkit-transform:rotateX(68deg);transform:rotateX(68deg);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}#quiz4 .road #q4_car-pink #car-box{width:28.83895%;position:absolute;bottom:76%;left:24%;-webkit-transform-origin:80% bottom;-ms-transform-origin:80% bottom;transform-origin:80% bottom;z-index:3;opacity:0}#quiz4 .road #q4_car-pink #car-box.show{-webkit-animation:car-box .6s ease-in-out forwards;animation:car-box .6s ease-in-out forwards}#quiz4 .kimojis.smile .kimoji{background-image:url(../images/q4_moji_smile.png)}#quiz4 .kimojis.angery .kimoji{background-image:url(../images/q4_moji_angery.png)}#quiz4.animated #q4_car-pink .car-body{-webkit-animation:car-body .15s linear infinite;animation:car-body .15s linear infinite}#quiz4.animated #q4_car-pink .car-shadow{-webkit-animation:car-shadow .15s linear infinite;animation:car-shadow .15s linear infinite}#result section{position:relative;overflow:hidden}#result section:before,#result section:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0}#result section:before{width:100%}#result section:after{background:url(../images/result_bg.png) repeat 0% 0%;background-size:15.83333% auto}#result .col{position:relative;z-index:3}#result .col:nth-child(1) figure{width:100%;background-repeat:no-repeat;background-position:50% 0%;background-size:100% auto}#result .col:nth-child(1) figure:before{content:'';display:block;padding-top:52.33333%}#result .col:nth-child(2){width:50%}#result .col:nth-child(2)>*{padding-top:4em;padding-bottom:4em}#result .title{min-height:57%}#result .title>*{width:100%;max-width:44rem}#result .title h3{border-width:1px 0;border-style:solid;border-color:#98c4b2}#result .title h3 img{width:6.5rem;margin-left:0.25em}#result .buttons{min-height:43%}#result .buttons>*{width:100%;max-width:500px}#result .buttons .button.type-1{background:#9d8671}#result .buttons .button.type-1:hover,#result .buttons .button.type-1:active{background:#826d59}#result .buttons .button.type-2{background:#d6ccae}#result .buttons .button.type-2:hover,#result .buttons .button.type-2:active{background:#c5b78c}#result .buttons .button.type-3{background:#6c757d}#result .buttons .button.type-3:hover,#result .buttons .button.type-3:active{background:#756a60}#result .buttons .button.type-4{background:#4064ad}#result .buttons .button.type-4:hover,#result .buttons .button.type-4:active{background:#1773eb}#result .buttons .button.icon{width:1.7em;height:1.7em;border-width:0;border-radius:.45rem;margin-left:0.5em;padding:0}#result .buttons .button.icon i{text-shadow:none}#result .buttons:before{content:'';width:16.66667%;padding-top:14.5%;background:url(../images/result_tree.png) no-repeat 50% 0%;background-size:100% auto;position:absolute;bottom:100%;right:0}@media (min-width: 992px){#result section{background-color:#e6dcbd}#result section:before{width:80%;background:linear-gradient(#ece8e5 0%, #ece8e5 57%, #5a9c81 57%, #5a9c81 100%);left:50%;-webkit-transform:skewX(-11deg);-ms-transform:skewX(-11deg);transform:skewX(-11deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;border-left:1.25em solid #ece8e5}#result .type-1 .title h3 span,#result .type-2 .title h3 span,#result .type-4 .title h3 span{margin-right:.25em}#result .type-1:before{background:linear-gradient(#ece8e5 0%, #ece8e5 57%, #ffbda3 57%, #ffbda3 100%)}#result .type-2:before{background:linear-gradient(#ece8e5 0%, #ece8e5 57%, #95dfa2 57%, #95dfa2 100%)}#result .type-3:before{background:linear-gradient(#ece8e5 0%, #ece8e5 57%, #7acce1 57%, #7acce1 100%)}#result .type-4:before{background:linear-gradient(#ece8e5 0%, #ece8e5 57%, #feed80 57%, #feed80 100%)}#result .col:nth-child(1){padding-top:4em;width:50%;-webkit-transform:skewX(-11deg);-ms-transform:skewX(-11deg);transform:skewX(-11deg);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;overflow:hidden}#result .col:nth-child(1) figure{-webkit-transform:skewX(11deg);-ms-transform:skewX(11deg);transform:skewX(11deg);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}}@media (max-width: 991.98px){#result .col:nth-child(2){width:100%;height:100%}#result .col:nth-child(2)>*{padding-top:3em;padding-bottom:3em;background-image:url(../images/result_bg.png);background-repeat:no-repeat;background-position:0% 0%;background-size:30% auto}#result .title{background-color:#ece8e5}#result .title>*{margin-right:auto;margin-left:auto}#result .type-1 .buttons{background-color:#ffbda3}#result .type-2 .buttons{background-color:#95dfa2}#result .type-3 .buttons{background-color:#7acce1}#result .type-4 .buttons{background-color:#feed80}}#recommend{background:#e6dcbd url(../images/result_bg.png) repeat 0% 0%;background-size:15.83333% auto}@media (max-width: 991.98px){#recommend{background-size:30% auto}}#recommend .title h3{text-transform:uppercase;padding:0.25em 0;min-width:5em;border-width:1px 0;border-style:solid;border-color:#a79d94}#recommend .prize{background-color:#dbcfc6}#recommend .prize>*+*{margin-left:2em}@media (max-width: 991.98px){#recommend .prize>*+*{margin-left:0;margin-top:1em}}#recommend .prize span{color:#fff;background-color:#5a9c81;border-radius:.3em;padding:.3em .8em;margin-right:.8em;position:relative}#recommend .prize span:after{content:'';width:0.8em;height:0.8em;background-color:#5a9c81;border-radius:1px;position:absolute;top:50%;left:100%;-webkit-transform:translate(-70%, -50%) rotate(45deg);-ms-transform:translate(-70%, -50%) rotate(45deg);transform:translate(-70%, -50%) rotate(45deg)}#recommend form{background:#ece8e5 url(../images/recommend_bg.png) no-repeat 50% 100%;background-size:100% auto}#recommend form .combo{max-width:620px;background-color:#fff;border-radius:1em;padding:.6em .8em}#recommend form .combo fieldset{width:17em;border-width:1px 0 0 0;border-style:solid;border-color:#cba98d}#recommend form .combo fieldset legend{color:#cba98d;width:auto;padding:0 .5em;margin-bottom:0;border:0}#recommend form .list .item{width:44.5%;min-height:4em;border-bottom:1px solid #cba98d;padding:0.75em 0;margin:0 2.75%}@media (max-width: 991.98px){#recommend form .list .item{width:100%;margin:0}}#recommend form .list .checked{width:1.2em;height:1.2em;border:2px solid #d37a31;background-color:rgba(255,255,255,0.8);border-radius:.1em;text-align:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative}#recommend form .list .checked:before{content:'✓';font-size:150%;font-weight:300;line-height:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-45%, -58%) scale(0.9, 1.1);-ms-transform:translate(-45%, -58%) scale(0.9, 1.1);transform:translate(-45%, -58%) scale(0.9, 1.1)}#recommend form .extra{padding-left:.25em}#recommend form .extra li{white-space:nowrap}#recommend form .extra li span{min-width:12em;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}#recommend form .extra input[type='radio']{display:none}#recommend form .extra input[type='radio']+label{font-weight:400;min-width:5.75em;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 575.98px){#recommend form .extra input[type='radio']+label{min-width:5em}}#recommend form .extra input[type='radio']+label:before{color:#fff;content:'\0000A0';font-size:90%;text-align:center;width:1.2em;height:1.2em;line-height:1.1;margin-right:.4em;border:2px solid #d37a31;background-color:rgba(255,255,255,0.5);border-radius:.1em}#recommend form .extra input[type='radio']:checked+label:before,#recommend form .extra input[type='radio']:focus+label:before{content:'✓';color:#fff;background-color:#d37a31}#recommend form .buttons .col{width:50%;max-width:25rem}#recommend form .buttons .col+.col{margin-left:4.5%}#recommend form .buttons .button{color:#ffe896;width:100%;max-width:initial;min-height:2.8em;padding:.5em;background:#9d8671;margin-bottom:0.5em}#recommend form .buttons .button span{margin-bottom:0.2rem}#recommend form .buttons .button:active,#recommend form .buttons .button:hover{background:#826d59}#form-user section{background-color:#5a9c81}@media (min-width: 576px){#form-user section{padding:1em}}#form-user section .container{border-radius:3rem;border:2px solid #ece8e5;padding:1em}@media (max-width: 767.98px){#form-user section .container{padding:.5em}}#form-user form{min-height:100%;padding-top:4rem;padding-bottom:6rem;background:url(../images/form_bg.jpg) no-repeat 50% 100%;background-size:cover}@media (min-width: 576px){#form-user form{border:1em solid #fff}}#form-user h2{text-shadow:0.06em 0 #756a60,-0.06em 0 #756a60,0 0.06em #756a60,0 -0.06em #756a60,0.06em 0.06em 0.03em #756a60,-0.06em 0.06em 0.03em #756a60,0.06em -0.06em 0.03em #756a60,-0.06em -0.06em 0.03em #756a60}#form-user .inner{padding:4em;border-radius:2.5rem;background-color:#ece8e5}@media (max-width: 767.98px){#form-user .inner{padding:2rem}}#form-user ul{width:100%;border-bottom:2px solid #ddd;padding-bottom:2em}#form-user ul li{width:100%;padding:0.5em;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 991.98px){#form-user ul li{padding-left:0;padding-right:0}}@media (min-width: 576px){#form-user ul .inline{width:50%}}#form-user label{color:#009e96;font-weight:400;margin-bottom:0}#form-user label.form-label{line-height:1;padding-top:.4em;padding-bottom:.4em;padding-right:.4em}#form-user input[type="text"],#form-user input[type="email"]{color:#6c757d;border-radius:.35em;padding:.3em .7em;width:100%;-webkit-flex:1;-ms-flex:1;flex:1}#form-user input[type="text"]:focus,#form-user input[type="email"]:focus{box-shadow:0 0 0 3px #ddd}#form-user input[type="text"]::-webkit-input-placeholder,#form-user input[type="email"]::-webkit-input-placeholder{font-size:85%;color:#bcc1c6}#form-user input[type="text"]::-moz-placeholder,#form-user input[type="email"]::-moz-placeholder{font-size:85%;color:#bcc1c6}#form-user input[type="text"]:-ms-input-placeholder,#form-user input[type="email"]:-ms-input-placeholder{font-size:85%;color:#bcc1c6}#form-user input[type="text"]::placeholder,#form-user input[type="email"]::placeholder{font-size:85%;color:#bcc1c6}#form-user input[type='radio']{display:none}#form-user input[type='radio']+label{min-width:3em;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#form-user input[type='radio']+label:before{content:'';width:1.15em;height:1.15em;margin-right:.5em;border:2px solid #ddd;background-color:#fff;border-radius:50%}#form-user input[type='radio']:checked+label:before,#form-user input[type='radio']:focus+label:before{border-color:#009e96;background:radial-gradient(ellipse at center, #009e96 0%, #009e96 50%, transparent 60%, transparent 100%)}#form-user input[type="checkbox"]{display:none}#form-user input[type="checkbox"]+label{cursor:pointer}#form-user input[type="checkbox"]+label b{width:1.3em;height:1.3em;text-align:center;background-color:#fff;margin-right:.5em}#form-user input[type="checkbox"]+label b:after{content:'\0000A0';line-height:1.3}#form-user input[type="checkbox"]+label a{color:#009e96;font-size:inherit;display:inline-block}#form-user input[type="checkbox"]:checked+label b{background-color:#009e96}#form-user input[type="checkbox"]:checked+label b:after{color:#fff;content:'✓'}#form-user .button{background:#9d8671}#form-user .button:active,#form-user .button:hover{background:#826d59}.fade-enter-active,.fade-leave-active{transition:opacity .3s linear}.fade-enter,.fade-leave-active{opacity:0}.page-view{position:absolute;transition:all 0.5s cubic-bezier(0.55, 0, 0.1, 1)}.slide-left-enter,.slide-right-leave-active{opacity:0;-webkit-transform:translate(30px, 0);-ms-transform:translate(30px, 0);transform:translate(30px, 0)}.slide-left-leave-active,.slide-right-enter{opacity:0;-webkit-transform:translate(-30px, 0);-ms-transform:translate(-30px, 0);transform:translate(-30px, 0)}