#play,.lang-btn,audio{position:absolute}#main,#page_102 .vote-box,.wrp-shares>p{text-align:center}#play i,.page_num{color:#103956}@font-face{font-family:Mali;font-style:normal;font-weight:400;src:url(../fonts/Mali/Mali-Regular.ttf) format("truetype")}@font-face{font-family:Mali;font-style:"normal";font-weight:200;src:url(../fonts/Mali/Mali-Light.ttf) format("truetype")}@font-face{font-family:Mali;font-style:normal;font-weight:600;src:url(../fonts/Mali/Mali-SemiBold.ttf) format("truetype")}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}100%{opacity:1;transform:translateY(0)}}.fadeinUp{-webkit-animation:fadeInUp .5s ease-in-out;animation:fadeInUp .5s ease-in-out}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.fadeInLeft{-webkit-animation:fadeInLeft .5s ease-in-out;animation:fadeInLeft .5s ease-in-out}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(80px)}100%{opacity:1;transform:translateY(0)}}.fadeInRight{-webkit-animation:fadeInRight .5s ease-in-out;animation:fadeInRight .5s ease-in-out}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-80px)}100%{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.wrp-shares,section .bg{-webkit-transform:translateX(-50%)}body{font-family:Mali}.lang-btn{top:15px;right:15px;display:block;max-width:100px}.lang-btn img{width:100%}@media screen and (max-width:575px){.lang-btn{top:calc((100vh - 580px)/ 2)}}#position,#thumb{width:300px;top:0}iframe#window{width:100%;height:100vh}#play{left:4%;bottom:6%;font-size:25px;z-index:9999}#play i:nth-child(2){display:none}#play.active i:nth-child(1){display:none}#play.active i:nth-child(2){display:block}#page_102 .blank-bg,#page_102 .mb-blank-bg,#position{display:none}#thumb,#thumb_mb{display:none!important;position:fixed;background:#fff;pointer-events:none;right:0}@media screen and (max-width:575px){#play{bottom:auto;top:15px;left:15px;font-size:15px}}#main{position:relative}#position{position:fixed;background:rgba(255,255,255,.5);height:150px;left:0;border:1px solid #000;text-align:left;z-index:1000;overflow:auto}#page_35 .no_2,#page_57 .no_2,#thumb,#thumb_mb,.page_num{z-index:100}#thumb_mb{width:100px;top:170px}.correct-text,.incorrect-text,.page_num,.score-text,.wrp-bars,.wrp-bars .correct-bar,.wrp-bars .incorrect-bar,.wrp-shares{position:absolute}.page_num{top:3%;right:3%;font-size:30px;font-weight:700}@media screen and (max-width:575px){.page_num{top:5px;right:3%;font-size:20px}}.score-text{color:#fff;z-index:1000;top:23%;left:0;width:100%;height:8%;font-size:45px;line-height:60px}@media screen and (max-width:575px){.score-text{line-height:30px;top:25%}}.correct-text{color:#73AA33;top:43.4%;height:7%;left:1%;width:22%}@media screen and (max-width:575px){.correct-text{top:54.4%;height:7%;left:6%;width:29%;font-size:10px}}.incorrect-text{color:#A20D00;top:43.3%;height:7%;left:78.3%;width:21%}@media screen and (max-width:575px){.incorrect-text{top:54.4%;height:7%;left:64%;width:29%;font-size:10px}}.wrp-bars{width:26.4%;height:33.5%;bottom:19.7%;left:37.2%;animation:goUp 1.5s}.wrp-bars .correct-bar{background:#73AA33;width:40%;bottom:0;left:0}.wrp-bars .incorrect-bar{background:#A20D00;width:40%;bottom:0;right:0}@media screen and (max-width:575px){.wrp-bars{width:25%;height:36%;bottom:12%;left:37%;animation:goUp2 1.5s}.wrp-bars .correct-bar,.wrp-bars .incorrect-bar{width:45%}}.wrp-shares{left:50%;bottom:10px;display:inline-block;-ms-transform:translateX(-50%);transform:translateX(-50%)}.wrp-shares>p{color:#103956;font-weight:700;padding:0 0 10px;margin:0}.wrp-shares .a2a_kit a{float:none;display:inline-block}.wrp-shares .a2a_kit a span{border-radius:50%}@media screen and (max-width:575px){.wrp-shares{bottom:-45px}.wrp-shares>p{font-size:11px}}section{position:relative;display:inline-block;height:100vh;max-width:1200px;width:100%}section #desktop{position:relative;display:inline-block;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}section .bg{width:100%;display:block;opacity:0;position:relative;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}section .blank-bg{position:relative;width:100%;height:100vh;display:block}section .mb-blank-bg{position:relative;width:100%;max-width:436px;padding-top:161%;display:block}section .answer,section .ele,section .next,section .option,section .question{position:absolute}section .question{top:5%;left:50%;max-width:70%;height:auto;width:100%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}section .answer{top:50%;left:50%;max-height:100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}section .ele img,section .option img{width:100%}section .next,section .play-btn{width:150px;height:60px;bottom:10px;opacity:0;animation:float infinite 1.2s}section span.ele{pointer-events:none}section .next{right:0;background:url(../img/next-btn.png) center no-repeat;background-size:90% auto}@media screen and (max-width:575px){section .next{position:fixed;right:auto;left:50%;margin-left:-75px;bottom:10px}}section .play-btn{position:absolute;right:0;background:url(../img/play-btn.png) center no-repeat;background-size:90% auto}#page_102 .bg,section #mobile .bg{width:100%;height:auto}@media screen and (max-width:575px){section .play-btn{position:fixed;right:auto;left:50%;margin-left:-75px;bottom:10px}#page_101 .next,#page_101 .play-btn{left:50%;bottom:-110px}}section #mobile{position:relative;max-width:360px;margin:auto;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}section #mobile .bg{margin:auto;display:block;opacity:0}.dev-mode section{border:1px dashed green}.dev-mode section .ele{pointer-events:auto}.dev-mode section .ele,.dev-mode section a{border:1px dashed #dc143c}.dev-mode #position,.dev-mode #thumb,.dev-mode #thumb_mb{display:block!important}#page_101 #desktop{max-width:750px;margin:auto}#page_102 #desktop{max-width:800px;min-height:700px;margin:auto}#page_102 .next{position:absolute;width:310px;height:60px;left:50%;bottom:8%;margin-left:-155px;background:url(../img/back-to-first-btn.png) center no-repeat;background-size:90% auto;animation:float infinite 1.2s;opacity:0}@media screen and (max-width:575px){#page_102 #mobile{top:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#page_102 .next{bottom:-70px}}#page_102 .vote-box .border{position:relative;display:inline-block;max-width:700px;margin-top:5%;border:0!important}#page_102 .vote-box .border>img{max-width:100%}#page_102 .wrp-vote-btn{position:absolute;width:100%;height:21%;left:0;top:24%}#page_102 .wrp-vote-btn button{position:absolute;background:center center no-repeat;border:0;width:10.4%;height:77%;top:19.7%;background-size:100% auto;opacity:0}#page_102 .wrp-vote-btn button:nth-child(1){background-image:url(../img/set/vote/vot-1.png);left:17.5%}#page_102 .wrp-vote-btn button:nth-child(2){background-image:url(../img/set/vote/vot-2.png);left:44.8%}#page_102 .wrp-vote-btn button:nth-child(3){background-image:url(../img/set/vote/vot-3.png);left:72.3%}#page_102 .wrp-vote-btn button.active,#page_102 .wrp-vote-btn button:hover{opacity:1}@media screen and (max-width:575px){#page_102 .wrp-vote-btn{width:37%;left:32%;top:20%;height:31%}#page_102 .wrp-vote-btn button{height:30%;width:39%}#page_102 .wrp-vote-btn button:nth-child(1){top:-1%;left:.1%}#page_102 .wrp-vote-btn button:nth-child(2){top:34.5%;left:0}#page_102 .wrp-vote-btn button:nth-child(3){top:69.9%;left:0}}#page_102 .wrp-recomment-btn{position:absolute;width:100%;height:16.4%;left:0;bottom:0}#page_102 .wrp-recomment-btn button{position:absolute;background:center center no-repeat;border:0;width:24.6%;height:90%;top:8.1%;background-size:100% auto;opacity:0}#page_102 .wrp-recomment-btn button:nth-child(1){background-image:url(../img/set/vote/recomment-3.png);left:10.4%}#page_102 .wrp-recomment-btn button:nth-child(2){background-image:url(../img/set/vote/recomment-2.png);left:37.7%}#page_102 .wrp-recomment-btn button:nth-child(3){background-image:url(../img/set/vote/recomment-1.png);left:63.1%}#page_102 .wrp-recomment-btn button.active,#page_102 .wrp-recomment-btn button:hover{opacity:1}@media screen and (max-width:575px){#page_102 .wrp-recomment-btn{width:35%;height:31.4%;left:32.8%;bottom:0}#page_102 .wrp-recomment-btn button{width:100%;height:24%}#page_102 .wrp-recomment-btn button:nth-child(1){left:0;top:5.5%}#page_102 .wrp-recomment-btn button:nth-child(2){left:0;top:32%}#page_102 .wrp-recomment-btn button:nth-child(3){left:0;top:59%}}#page_0 .next{opacity:0;width:100%;height:100%;left:0;top:0;margin:auto;background:0 0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes goUp{0%{height:0}100%{height:33.5%;@media screen and (max-width: 575px) {
      body:not(.dev-mode) {
        height: 32%;
      }
    };}}@keyframes goUp2{0%{height:0}100%{height:32%}}body:not(.dev-mode) #page_0 .ele{-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0}body:not(.dev-mode) #page_0 .ele.no_1{transition-delay:.3s;transform:rotate(30deg);transform-origin:bottom center}body:not(.dev-mode) #page_0 .ele.no_2{transition-delay:.6s;transform:translate(0,50px) scale(.8,.8)}body:not(.dev-mode) #page_0 .ele.no_3{transition-delay:1.2s;transform:translate(0,-50px)}body:not(.dev-mode) #page_0 .ele.no_4{transition-delay:1.5s;transform:translate(0,30px);animation:float infinite 1.5s}body:not(.dev-mode) #page_0 .ele.active{opacity:1;transform:translate(0,0) scale(1,1)}body:not(.dev-mode) #main section .option:hover{animation:float infinite 1s}body:lang(en) .correct-text{top:43.4%;height:7%;left:1%;width:30%;font-size:13px}@media screen and (max-width:575px){body:lang(en) .correct-text{font-size:9px;line-height:12px;top:54.4%;height:7%;left:6%;width:29%}}body:lang(en) .incorrect-text{top:43.3%;height:7%;left:69.3%;width:31%;font-size:13px}@media screen and (max-width:575px){body:lang(en) .incorrect-text{font-size:9px;line-height:12px;top:54%;height:7%;left:63.3%;width:30%}}body:lang(en) .wrp-bars{left:38.9%;width:20.5%}body:lang(en) .wrp-shares{bottom:0}body:lang(en) section .next{background-image:url(../img/next-btn-en.png)}body:lang(en) section .play-btn{background-image:url(../img/play-btn-en.png)}body:lang(en) #page_102 .wrp-vote-btn{position:absolute;width:100%;height:21%;left:0;top:24%}body:lang(en) #page_102 .wrp-vote-btn button{position:absolute;background:center center no-repeat;border:0;width:11.5%;height:77%;top:10.7%;background-size:100% auto;opacity:0}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(1){background-image:url(../img/set/vote/vot-1.png);left:13.5%}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(2){background-image:url(../img/set/vote/vot-2.png);left:44.2%}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(3){background-image:url(../img/set/vote/vot-3.png);left:75.2%}body:lang(en) #page_102 .wrp-vote-btn button.active,body:lang(en) #page_102 .wrp-vote-btn button:hover{opacity:1}@media screen and (max-width:575px){body:lang(en) .wrp-shares{bottom:-42px}body:lang(en) #page_102 .wrp-vote-btn{width:37%;left:32%;top:20%;height:31%}body:lang(en) #page_102 .wrp-vote-btn button{height:30%;width:39%}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(1){top:-1.5%;left:.1%}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(2){top:34.5%;left:0}body:lang(en) #page_102 .wrp-vote-btn button:nth-child(3){top:69.9%;left:0}}body:lang(en) #page_102 .wrp-recomment-btn{position:absolute;width:100%;height:16.4%;left:0;bottom:0}body:lang(en) #page_102 .wrp-recomment-btn button{position:absolute;background:center center no-repeat;border:0;width:27.8%;height:90%;top:6%;background-size:100% auto;opacity:0}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(1){left:5.4%}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(2){left:36.1%}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(3){left:64.7%}body:lang(en) #page_102 .wrp-recomment-btn button.active,body:lang(en) #page_102 .wrp-recomment-btn button:hover{opacity:1}@media screen and (max-width:575px){body:lang(en) #page_102 .wrp-recomment-btn{width:35%;height:31.4%;left:32.8%;bottom:0}body:lang(en) #page_102 .wrp-recomment-btn button{width:100%;height:24%}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(1){left:0;top:5.5%}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(2){left:0;top:32%}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(3){left:0;top:59%}}body:lang(en) #page_102 .next{position:absolute;width:310px;height:60px;left:50%;bottom:-70px;background:url(../img/back-to-first-btn-en.png) center no-repeat;background-size:90% auto;animation:float infinite 1.2s;opacity:0}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(1){background-image:url(../img/set-en/vote/recomment-1.png)}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(2){background-image:url(../img/set-en/vote/recomment-2.png)}body:lang(en) #page_102 .wrp-recomment-btn button:nth-child(3){background-image:url(../img/set-en/vote/recomment-3.png)}section .answer{max-width:90%}@media screen and (max-width:1367px) and (max-height:626px){section{width:73%}section .answer{max-width:83%}}@media screen and (max-width:1281px) and (max-height:581px){section{width:70%}section .answer{max-width:80%}}@media screen and (max-width:767px){section .answer{max-width:100%}}@media screen and (max-width:1281px) and (max-height:581px){section#page_20 .answer{max-width:70%!important}section#page_64 .answer{max-width:68%!important}}@media screen and (max-width:1367px) and (max-height:626px){section#page_66 .answer{max-width:73%!important}}@media screen and (max-width:1281px) and (max-height:581px){section#page_66 .answer{max-width:70%!important}section#page_68 .answer{max-width:73%!important}section#page_70 .answer{max-width:70%!important}section#page_96 .answer{max-width:77%!important}body[lang=en] section#page_4 .answer{max-width:90%!important}}@media screen and (max-width:1366px) and (max-height:768px){body[lang=en] section#page_6 .answer{max-width:70%!important}body[lang=en] section#page_12 .answer{max-width:75%!important}}@media screen and (max-width:1281px) and (max-height:581px){body[lang=en] section#page_12 .answer{max-width:70%!important}body[lang=en] section#page_14,body[lang=en] section#page_16{max-width:75%!important}}@media screen and (max-width:1366px) and (max-height:768px){body[lang=en] section#page_18{max-width:77%!important}body[lang=en] section#page_20,body[lang=en] section#page_42,body[lang=en] section#page_70{max-width:73%!important}body[lang=en] section#page_24,body[lang=en] section#page_30{max-width:75%!important}body[lang=en] section#page_28{max-width:82%!important}body[lang=en] section#page_36{max-width:85%!important}}@media screen and (max-width:1281px) and (max-height:581px){body[lang=en] section#page_18{max-width:70%!important}body[lang=en] section#page_20{max-width:69%!important}body[lang=en] section#page_24,body[lang=en] section#page_30{max-width:72%!important}body[lang=en] section#page_26{max-width:90%!important}body[lang=en] section#page_28{max-width:80%!important}body[lang=en] section#page_36{max-width:85%!important}body[lang=en] section#page_38{max-width:67%!important}body[lang=en] section#page_42,body[lang=en] section#page_70{max-width:73%!important}}body[lang=en] section#page_102 #desktop .next{bottom:60px}