@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Istok+Web:wght@700&display=swap);.borderNone,.quiz-btn{border:none;outline:0}.alert-continueAnswer-btn,.btn-animate-x,.quiz-btn,.start-btn{cursor:pointer;-webkit-transition:.3s;transition:.3s}.alert-continueAnswer-btn:hover,.btn-animate-x:hover,.quiz-btn:hover,.start-btn:hover{-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}.alert-continueAnswer-btn:active,.btn-animate-x:active,.quiz-btn:active,.start-btn:active{-webkit-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05)}.btn-animate-y{cursor:pointer;-webkit-transition:.3s;transition:.3s}.btn-animate-y:hover{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}.btn-animate-y:active{-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.alert-close,.btn-animate,.course-btn,.quiz-fontSize-btn,.slick-next::before,.slick-prev::before{cursor:pointer;-webkit-transition:.3s;transition:.3s}.alert-close:hover,.btn-animate:hover,.course-btn:hover,.quiz-fontSize-btn:hover,.slick-next:hover::before,.slick-prev:hover::before{-webkit-transform:scale(1.15);transform:scale(1.15)}.alert-close:active,.btn-animate:active,.course-btn:active,.quiz-fontSize-btn:active,.slick-next:active::before,.slick-prev:active::before{-webkit-transform:scale(1.05);transform:scale(1.05)}.btn-clickme-animate{-webkit-animation:btn-clickme-animate 3s 5s infinite;animation:btn-clickme-animate 3s 5s infinite}@-webkit-keyframes btn-clickme-animate{0%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}20%{-webkit-transform:translateX(-50%) scale(1.1) rotate(0);transform:translateX(-50%) scale(1.1) rotate(0)}25%{-webkit-transform:translateX(-50%) scale(1.1) rotate(5deg);transform:translateX(-50%) scale(1.1) rotate(5deg)}30%{-webkit-transform:translateX(-50%) scale(1.1) rotate(-5deg);transform:translateX(-50%) scale(1.1) rotate(-5deg)}35%{-webkit-transform:translateX(-50%) scale(1.1) rotate(5deg);transform:translateX(-50%) scale(1.1) rotate(5deg)}40%{-webkit-transform:translateX(-50%) scale(1.1) rotate(-5deg);transform:translateX(-50%) scale(1.1) rotate(-5deg)}50%{-webkit-transform:translateX(-50%) scale(1.1) rotate(0);transform:translateX(-50%) scale(1.1) rotate(0)}70%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}100%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}}@keyframes btn-clickme-animate{0%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}20%{-webkit-transform:translateX(-50%) scale(1.1) rotate(0);transform:translateX(-50%) scale(1.1) rotate(0)}25%{-webkit-transform:translateX(-50%) scale(1.1) rotate(5deg);transform:translateX(-50%) scale(1.1) rotate(5deg)}30%{-webkit-transform:translateX(-50%) scale(1.1) rotate(-5deg);transform:translateX(-50%) scale(1.1) rotate(-5deg)}35%{-webkit-transform:translateX(-50%) scale(1.1) rotate(5deg);transform:translateX(-50%) scale(1.1) rotate(5deg)}40%{-webkit-transform:translateX(-50%) scale(1.1) rotate(-5deg);transform:translateX(-50%) scale(1.1) rotate(-5deg)}50%{-webkit-transform:translateX(-50%) scale(1.1) rotate(0);transform:translateX(-50%) scale(1.1) rotate(0)}70%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}100%{-webkit-transform:translateX(-50%) scale(1) rotate(0);transform:translateX(-50%) scale(1) rotate(0)}}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding:0;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0;color:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.dailyQuestion-container{max-width:850px;height:500px;padding:0 2rem;margin:3rem auto 6rem auto}@media screen and (max-width:450px){.dailyQuestion-container{max-width:1200px;height:550px;padding:0}}.wrapper{background-color:#fff;margin:.5rem auto;border-radius:.5rem;overflow:hidden;position:relative;max-width:100%;height:100%}@media screen and (max-width:450px){.wrapper{border-radius:0}}.game-stage{position:relative}.game-stage.start{background-image:url(../img/dailyQuestion/start-bg-light.png);background-position:center;background-size:cover;width:100%;height:100%}.game-stage.end{background-image:url(../img/dailyQuestion/end-bg.png);background-position:center;background-size:cover;width:100%;height:100%}.bg-blend.active{width:100%;height:100%;-webkit-animation:bg-blend 1s both;animation:bg-blend 1s both}.stage-hide{opacity:0}.stage-show{opacity:1}.stage-ani-show{-webkit-animation:ani-show .5s .5s both;animation:ani-show .5s .5s both}.stage-ani-hide{-webkit-animation:ani-hide 1s both;animation:ani-hide 1s both}.btn-fadeout{-webkit-animation:btn-fadeout 1.5s cubic-bezier(.25,1,.5,1) both;animation:btn-fadeout 1.5s cubic-bezier(.25,1,.5,1) both}@-webkit-keyframes bg-blend{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.7)}}@keyframes bg-blend{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.7)}}@-webkit-keyframes btn-fadeout{0%{bottom:3%}25%{bottom:8%;opacity:1}100%{bottom:-10%;opacity:0}}@keyframes btn-fadeout{0%{bottom:3%}25%{bottom:8%;opacity:1}100%{bottom:-10%;opacity:0}}@-webkit-keyframes ani-show{0%{opacity:0}100%{opacity:1}}@keyframes ani-show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ani-hide{0%{opacity:1}100%{opacity:0}}@keyframes ani-hide{0%{opacity:1}100%{opacity:0}}.float-btn{width:80px;height:80px;cursor:pointer;margin-bottom:12px}@media screen and (max-width:992px){.float-btn{display:none}}.start-stage{position:absolute;width:100%;height:100%;z-index:1400}.start-title{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:3%;left:50%;width:390px;height:auto;-webkit-animation:title-float-high 1s cubic-bezier(.83,0,.17,1) -1s infinite alternate;animation:title-float-high 1s cubic-bezier(.83,0,.17,1) -1s infinite alternate}@media screen and (max-width:992px){.start-title{width:370px;height:auto}}@media screen and (max-width:768px){.start-title{-webkit-animation:title-float-low 1s cubic-bezier(.83,0,.17,1) -1s infinite alternate;animation:title-float-low 1s cubic-bezier(.83,0,.17,1) -1s infinite alternate}}@media screen and (max-width:576px){.start-title{width:360px;height:auto}}@media screen and (max-width:450px){.start-title{width:340px;height:auto}}.start-btn{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;bottom:3%;left:50%;width:200px;height:auto}@media screen and (max-width:450px){.start-btn{width:210px;height:auto}}@-webkit-keyframes title-float-high{0%{top:3%}100%{top:5%}}@keyframes title-float-high{0%{top:3%}100%{top:5%}}@-webkit-keyframes title-float-low{0%{top:5%}100%{top:7%}}@keyframes title-float-low{0%{top:5%}100%{top:7%}}@-webkit-keyframes title-leave{100%{top:-40%}}@keyframes title-leave{100%{top:-40%}}.alert-stage{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0);-webkit-transition:all .3s;transition:all .3s}.alert-stage.popup-fadeIn{background-color:rgba(0,0,0,.7);z-index:1400}.alert-stage.popup-fadeIn>.alert-popup{opacity:1}.alert-popup{width:60%;height:auto;position:relative;opacity:0}@media screen and (max-width:768px){.alert-popup{width:80%;height:auto}}@media screen and (max-width:450px){.alert-popup{width:90%;height:auto}}.alert-content{width:100%;height:100%}.alert-close{width:auto;height:60px;position:absolute;top:24px;right:0}.alert-continueAnswer-btn{width:230px;height:auto;position:absolute;bottom:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:768px){.alert-continueAnswer-btn{width:200px;height:auto;bottom:-19px}}.quiz-stage{position:absolute;width:100%;height:100%;z-index:1300}.quiz-question{height:345px;overflow:scroll}@media screen and (max-width:992px){.quiz-question{height:357px}}@media screen and (max-width:768px){.quiz-question{height:363px}}@media screen and (max-width:450px){.quiz-question{height:400px}}.quiz-block{position:absolute;top:50%;left:50%;max-width:98%;height:95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.quiz-section{padding:1rem 1.5rem;z-index:50;border-radius:1rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:90%}.quiz-section::after,.quiz-section::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.quiz-section::after{width:103%;height:103%;background-color:#2d5b9e;z-index:-2;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}.quiz-section::before{width:100%;height:100%;background-color:#fff;z-index:-1;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}@media screen and (max-width:768px){.quiz-section{width:92%;height:90%}.quiz-section::after,.quiz-section::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.quiz-section::after{width:103%;height:103%;background-color:#2d5b9e;z-index:-2;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}.quiz-section::before{width:99%;height:100%;background-color:#fff;z-index:-1;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}}@media screen and (max-width:450px){.quiz-section{width:97%;height:90%;padding:1rem}.quiz-section::after,.quiz-section::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.quiz-section::after{width:103%;height:103%;background-color:#2d5b9e;z-index:-2;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}.quiz-section::before{width:97.5%;height:100%;background-color:#fff;z-index:-1;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}}.quiz-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.quiz-tag-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.5rem}.quiz-tag-item{padding:.5rem .8rem;border-radius:.25rem;margin-right:.5rem;background-color:#0d6cbe;color:#fff}.quiz-fontSize{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.quiz-fontSize-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:0 .5rem;list-style:none;padding:0}.quiz-fontSize-btn{width:1.5rem;height:1.5rem}.quiz-fontSize-item{position:relative;margin:0 .25rem 0 0}.quiz-fontSize-input{visibility:hidden;position:absolute;top:50%;left:50%;z-index:50}.quiz-fontSize-input:checked+label{color:#0d6cbe}.quiz-fontSize-text{cursor:pointer;z-index:100}.quiz-fontSize-text:hover{color:#2d5b9e}.quiz-fontSize-sm{font-size:1rem}.quiz-fontSize-md{font-size:1.2rem}.quiz-fontSize-lg{font-size:1.4rem}.quiz-fontSize-xl{font-size:1.6rem}.quiz-btn{max-width:200px;height:auto;position:absolute;bottom:1%;left:50%;cursor:pointer;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100;background-color:transparent;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:450px){.quiz-btn{max-width:210px;height:auto}}.end-stage{position:absolute;width:100%;height:100%;z-index:1200}.result{max-width:100%;height:230px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.result-albi{position:absolute;top:0;left:0;max-width:100%;height:100%}@media screen and (max-width:768px){.result-albi{display:none}}.result-albi.correct{margin:1rem 0 0 5rem}.result-albi.incorrect{margin:1rem 0 0 4rem}@media screen and (max-width:992px){.result-albi.incorrect{margin:1rem 0 0 5rem}}.result-info{position:relative;width:41%;height:auto;margin:1rem 4rem 0 0}@media screen and (max-width:992px){.result-info{width:320px;height:auto}}@media screen and (max-width:768px){.result-info{margin:1rem auto 0 auto}}@media screen and (max-width:450px){.result-info{margin:3rem auto 0 auto;width:330px;height:auto}}.result-info-img{width:100%;position:relative;z-index:5}.result-info-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:13%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (max-width:992px){.result-info-content{bottom:13%}}.result-info-num{font-size:2rem;color:#fe923a;font-family:'Istok Web',sans-serif;font-weight:700;margin:0 .5rem}@media screen and (max-width:992px){.result-info-num{font-size:2.5rem}}@media screen and (max-width:450px){.result-info-num{font-size:2rem}}.result-text{width:auto;height:22px}@media screen and (max-width:992px){.result-text{width:auto;height:22px}}@media screen and (max-width:450px){.result-text{width:auto;height:20px}}.course{position:relative;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;height:45%}.course::after,.course::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.course::after{width:103%;height:103%;background-color:#2d5b9e;z-index:-2;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}.course::before{width:100%;height:96%;background-color:#fff;z-index:-1;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}@media screen and (max-width:992px){.course{bottom:1%;width:91%}}@media screen and (max-width:576px){.course{bottom:1%;height:43%}.course::after,.course::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.course::after{width:103%;height:103%;background-color:#2d5b9e;z-index:-2;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}.course::before{width:99%;height:97%;background-color:#fff;z-index:-1;-webkit-box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3);box-shadow:-.3rem .3rem 0 rgba(0,0,0,.3)}}@media screen and (max-width:450px){.course{width:88%;height:42%;bottom:4%}}.course-btn{width:auto;height:55px}@media screen and (max-width:992px){.course-btn{width:auto;height:50px}}@media screen and (max-width:576px){.course-btn{width:auto;height:45px}}@media screen and (max-width:450px){.course-btn{width:auto;height:43px}}.course-btn-free{margin-right:1rem}.course-btn-list{position:absolute;bottom:-12%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:768px){.course-btn-list{bottom:-10%}}@media screen and (max-width:450px){.course-btn-list{bottom:-11%}}.course-info{position:relative}.course-title{position:absolute;top:-10%;left:-5%;width:320px;height:auto;z-index:100;-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}@media screen and (max-width:992px){.course-title{width:230px;height:auto;left:-4%}}@media screen and (max-width:768px){.course-title{top:-9%}}@media screen and (max-width:576px){.course-title{width:230px;height:auto;position:absolute;top:-10%;left:-3%}}@media screen and (max-width:450px){.course-title{width:230px;height:auto;position:absolute;top:-8%;left:50%;-webkit-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}}.course-block{max-width:100%;height:100%}.course-img{max-width:95%;height:auto}.course-slider{max-width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .5rem}@media screen and (max-width:768px){.course-slider{max-width:101.8%;height:auto}}@media screen and (max-width:576px){.course-slider{max-width:102%;height:auto}}.slick-initialized .slick-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:450px){.slick-initialized .slick-list{top:10px}}.slider-dailyQuestion-link{cursor:pointer;display:inline-block;position:relative;border-radius:8px}@media screen and (max-width:768px){.slider-dailyQuestion-link{padding:0 10px}}.slider-dailyQuestion-img{border-radius:8px;vertical-align:middle;width:250px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}@media screen and (max-width:1200px){.slider-dailyQuestion-img{width:250px}}@media screen and (max-width:992px){.slider-dailyQuestion-img{width:250px}}@media screen and (max-width:768px){.slider-dailyQuestion-img{width:250px}}@media screen and (max-width:576px){.slider-dailyQuestion-img{width:230px}}@media screen and (max-width:450px){.slider-dailyQuestion-img{width:250px}}.slider-dailyQuestion-btn{width:60%!important;font-size:1rem}@media screen and (max-width:768px){.slider-dailyQuestion-btn.btn-orange{display:none}.slider-dailyQuestion-btn.btn-blue{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4rem;width:100%!important;height:100%;margin:0!important;background-color:rgba(0,0,0,.5)}.slider-dailyQuestion-btn.btn-blue:hover{background-color:rgba(0,0,0,.5)}}.slider-dailyQuestion-btnContainer{width:100%;height:100%;position:absolute;top:0;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:8px;background-color:rgba(0,0,0,.8);-webkit-transition:all .3s;transition:all .3s;opacity:0;width:250px}.slider-dailyQuestion-btnContainer:hover{opacity:1}@media screen and (max-width:1200px){.slider-dailyQuestion-btnContainer{width:250px}}@media screen and (max-width:992px){.slider-dailyQuestion-btnContainer{width:250px}}@media screen and (max-width:768px){.slider-dailyQuestion-btnContainer{width:250px}.slider-dailyQuestion-btnContainer:hover{opacity:0}}@media screen and (max-width:576px){.slider-dailyQuestion-btnContainer{width:230px}}@media screen and (max-width:450px){.slider-dailyQuestion-btnContainer{width:250px}}.slick-list{padding:10px 0}.slick-prev{position:relative;z-index:100;left:.5%}@media screen and (max-width:992px){.slick-prev{left:0}}.slick-prev::before{background-image:url(../img/dailyQuestion/btn-left.png);background-position:center;background-size:cover}@media screen and (max-width:768px){.slick-prev{display:none!important}}.slick-next{position:relative;z-index:100;right:4.5%}@media screen and (max-width:992px){.slick-next{right:4%}}.slick-next::before{background-image:url(../img/dailyQuestion/btn-right.png);background-position:center;background-size:cover}@media screen and (max-width:768px){.slick-next{display:none!important}}.slick-btn-size,.slick-next::before,.slick-prev::before{content:'';position:absolute;width:30px;height:30px}@media screen and (max-width:992px){.slick-btn-size,.slick-next::before,.slick-prev::before{width:25px;height:25px}}@media screen and (max-width:576px){.slick-btn-size,.slick-next::before,.slick-prev::before{width:35px;height:35px}}body,html{margin:0 0;padding:0 0;font-family:'Noto Sans TC',sans-serif;font-size:16px}@media screen and (max-width:1200px){body,html{font-size:16px}}@media screen and (max-width:992px){body,html{font-size:14px}}@media screen and (max-width:768px){body,html{font-size:12px}}.dn{display:none!important}.d-flex-c{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul{margin:0}@media screen and (max-width:992px){.pt20{padding-top:20px!important}}.navbar{font-family:'Noto Sans TC',sans-serif;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 40px;position:fixed;top:0;z-index:1500;-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15)}@media screen and (max-width:992px){.navbar{padding:0 20px}}.navbar-item-mobile{display:none}@media screen and (max-width:992px){.navbar-item-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;list-style:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:992px){.navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.navbar-nav-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin-bottom:0;padding-left:0}.navbar-toggler{padding:9px;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;cursor:pointer}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none;outline:0}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(13, 108, 190, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto}@media screen and (max-width:992px){.navbar-collapse{display:none;position:absolute;text-align:center;width:100%;max-height:calc(100vh - 48px);top:48px;left:0;background-color:#fff;overflow:auto;-webkit-transition:all .3s ease;transition:all .3s ease}}.navbar-collapse.show{display:block!important;-webkit-animation:fadeIn .3s linear;animation:fadeIn .3s linear}.logo{width:235px}@media (max-width:500px){.logo{display:none}}.logo-mobile{width:138px;display:none}@media (max-width:500px){.logo-mobile{display:block}}.navbar{background-color:#fff;position:fixed;top:0;width:100%}.navbar-mobile{display:none}@media screen and (max-width:992px){.navbar-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}}.nav-item{position:relative;padding:14px 16px}@media screen and (max-width:992px){.nav-item{padding:0}}.nav-item2{position:relative;padding:14px 8px}@media screen and (max-width:992px){.nav-item2{padding:0 0}}.nav-item-mobile{padding:0 7px}.nav-item-mobile:nth-child(4){padding:0 5px 0 2px}.nav-link{color:#0d6cbe;font-size:18px;cursor:pointer}.nav-link:hover{color:#4b9de4;text-decoration:none}.nav-link:hover:before{border-color:#4b9de4 transparent transparent transparent}@media screen and (max-width:992px){.nav-link{display:block;padding:14px 0}}.dropdown-menu.show{display:block!important;-webkit-animation:fadeIn .1s linear;animation:fadeIn .1s linear;-webkit-transform-origin:0 0;transform-origin:0 0}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-menu{-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .1));filter:drop-shadow(0 0 3px rgba(0, 0, 0, .1));position:absolute;top:100%;left:50%;z-index:1000;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none;float:left;min-width:100%;padding:4px 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-clip:padding-box}@media screen and (max-width:992px){.dropdown-menu{-webkit-filter:none;filter:none;padding:0;position:static;float:none;-webkit-transform:translateX(0);transform:translateX(0)}}.navbar-nav li:hover>ul.dropdown-menu{display:block}@media screen and (max-width:992px){.navbar-nav li:hover>ul.dropdown-menu{display:none}}.dropdown-container{margin-top:14px;background-color:#fff}@media screen and (max-width:992px){.dropdown-container{margin:0}.dropdown-container .dropdown-item{background-color:#0d6cbe;color:#fff}.dropdown-container .dropdown-item:hover{background-color:#4b9de4;color:#fff}}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{top:0;right:100%;-webkit-transform:translateX(-150%);transform:translateX(-150%);margin-top:0}@media screen and (max-width:992px){.dropdown-submenu .dropdown-menu{-webkit-transform:translateX(0);transform:translateX(0);right:0}}.sub-dropdown{background-color:#0d6cbe;padding:0}.sub-dropdown .dropdown-item{color:#fff;cursor:pointer}.sub-dropdown .dropdown-item:hover{background-color:#4b9de4;color:#fff}@media screen and (max-width:992px){.sub-dropdown .dropdown-item{background-color:#005ca0}.sub-dropdown .dropdown-item:hover{background-color:#02528e}}.dropdown-item{display:block;width:180px;clear:both;white-space:nowrap;border:0;color:#0d6cbe;font-size:18px;padding:12px 8px;text-align:center;cursor:pointer}.dropdown-item:hover{background-color:#fff;color:#4b9de4}@media screen and (max-width:992px){.dropdown-item{width:100%}}.dropdown-item:focus,.dropdown-item:hover{text-decoration:none}.dropdown-item.active,.dropdown-item:active{text-decoration:none}.icon-phone{width:20px;height:20px;background-image:url(https://ehanlin-web-public-resource.s3-ap-northeast-1.amazonaws.com/web/eh-navbar/icon-phone.svg)}.icon-phone:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.icon-line{width:20px;height:20px;background-image:url(https://ehanlin-web-public-resource.s3-ap-northeast-1.amazonaws.com/web/eh-navbar/icon-line.svg)}.icon-line:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.icon-et{width:20px;height:20px;background-image:url(https://ehanlin-web-public-resource.s3-ap-northeast-1.amazonaws.com/web/eh-navbar/icon-et.svg)}.icon-et:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.icon-arrow:before{position:absolute;content:url(https://ehanlin-web-public-resource.s3-ap-northeast-1.amazonaws.com/web/eh-navbar/arrow.svg);display:block;width:9px;top:50%;margin-top:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:992px){.icon-arrow:before{display:none}}.icon-arrow:hover:before{width:9px;content:url(https://ehanlin-web-public-resource.s3-ap-northeast-1.amazonaws.com/web/eh-navbar/arrow-hover.svg)}.icon-down:before{position:absolute;content:'';display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:4px;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#0d6cbe transparent transparent transparent}@media screen and (max-width:992px){.icon-down:before{display:none}}.icon-point:before{position:absolute;content:'';display:block;top:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 8px 14px 8px;border-color:transparent transparent #fff transparent}@media screen and (max-width:992px){.icon-point:before{display:none}}header{height:700px;position:relative;margin-top:52px}header .header-bg{width:100%;height:100%;background:url(../img/header-bg.svg) no-repeat;background-size:cover;background-position:center bottom;position:absolute;bottom:135px;z-index:20}header .container{height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .header-pad{width:55.5%;position:relative;z-index:100}header .header-pad .slider-ratio{width:100%;padding-top:66.25%;position:relative}header .header-pad .slider-content{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:12px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2)}header .header-pad .slider-content::after{content:url(../img/pad.svg);display:block;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}header .header-pad .slider-container{width:87%;position:relative;z-index:1000;left:48%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:0}header .header-pad .slider-container .top-slider{overflow:hidden}header .header-pad .slider-container .top-slider .fake-banner{width:100%;padding-top:66.25%;border-radius:6px}header .header-pad .slider-container .top-slider img{width:100%;border-radius:6px}header .header-pad .slider-container .top-slider a{font-size:0!important}header .header-pad .slider-container .tns-nav{width:100%;text-align:center;position:absolute;bottom:-60px}header .header-pad .slider-container .tns-nav button{width:10px;height:10px;border:none;border-radius:100%;background-color:#a5a5a5;padding:0;margin:0 5px;cursor:pointer}header .header-pad .slider-container .tns-nav button.tns-nav-active{background-color:#fe923a}header .header-pad .slider-container .top-slider-controls{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:12px;pointer-events:none}header .header-pad .slider-container .top-slider-controls li{width:5%;list-style:none;cursor:pointer;opacity:0;-webkit-transition:.3s;transition:.3s;pointer-events:auto}header .header-pad .slider-container .top-slider-controls li img{-webkit-filter:drop-shadow(0 0 10px rgba(0, 0, 0, .2));filter:drop-shadow(0 0 10px rgba(0, 0, 0, .2))}header .header-pad .slider-container .top-slider-controls li:nth-child(2) img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}header .header-pad .slider-container:hover .top-slider-controls li{opacity:.5}header .header-pad .slider-container:hover .top-slider-controls li:hover{opacity:1}header .header-info{position:relative;z-index:1000;width:40%;text-align:center;color:#fff;letter-spacing:1px}header .header-info h1{margin:0}header .header-info h2{margin:0}@media screen and (max-width:992px){header{margin-top:48px}header .header-bg{bottom:0}header .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}header .header-pad{width:80%;margin-top:24px}header .header-pad .slider-container .tns-nav{display:none}header .header-info{width:100%;padding-bottom:0;margin-top:24px}}@media screen and (max-width:768px){header .header-bg{background-position:70% bottom}header .header-pad{width:100%}header .header-pad .slider-content{-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}header .header-pad .slider-content::after{display:none}header .header-pad .slider-container{width:100%;left:50%}header .header-info .header-togo a:nth-child(2),header .header-info .header-togo a:nth-child(3){min-width:180px}}section .section-title{font-size:1.5rem;font-weight:700;color:#0d6cbe;letter-spacing:2px;text-align:center}#section1 .row{padding-left:18%;padding-right:18%}#section1 .keypoint{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#section1 .keypoint img{width:65%}#section1 .keypoint p{font-size:14px;text-align:center;color:#8b8b8b;margin-top:1rem}#section1 .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #0d6cbe;padding:1.25rem 0 1.25rem 0;min-width:30%;-webkit-transition:.3s;transition:.3s}#section1 .feature img{width:30%;max-width:50px}#section1 .feature .feature-title{width:100%;font-size:16px;font-weight:700;color:#454545;margin:12px 0 0 0}#section1 .feature p{font-size:12px;text-align:center;color:#8b8b8b;margin:8px 0 0 0}#section1 a:hover{border:1px solid #fe923a;-webkit-transform:translateY(-5px);transform:translateY(-5px)}#section1 .feature:nth-child(3n-1){margin:0 36px}#section1 .feature:nth-child(n+4){margin-top:1.25rem}@media screen and (max-width:1200px){#section1 .row{padding-left:10%;padding-right:10%}#section1 .feature{min-width:25%}}@media screen and (max-width:992px){#section1 .row{padding-left:0;padding-right:0}#section1 .feature{min-width:40%}#section1 .feature:nth-child(3n-1){margin:0 auto}#section1 .feature:nth-child(n+3){margin-top:1.25rem}#section1 .feature:nth-child(odd){margin-right:18px}#section1 .feature:nth-child(even){margin-left:18px}}@media screen and (max-width:768px){#section1 .keypoint:nth-child(3){margin-top:2rem}#section1 .keypoint:nth-child(4){margin-top:2rem}#section1 .keypoint:nth-child(odd){padding-right:0}#section1 .keypoint:nth-child(even){padding-left:0}#section1 .keypoint img{max-width:90px}#section1 p{display:block;width:100%}#section1 .feature:nth-child(n+3){margin-top:1rem}#section1 .feature:nth-child(odd){margin-right:6px}#section1 .feature:nth-child(even){margin-left:6px}}#section2{background-color:#f5f5f5}#section2 .card-container{width:85%;position:relative}#section2 .card-slider .slider-items{text-align:center}#section2 .tns-nav{width:100%;text-align:center;bottom:-60px}#section2 .tns-nav button{width:10px;height:10px;border:none;border-radius:100%;background-color:#a5a5a5;padding:0;margin:0 5px;-webkit-transition:.5s;transition:.5s;cursor:pointer}#section2 .tns-nav button.tns-nav-active{background-color:#fe923a}#section2 .card-slider-controls{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}#section2 .card-slider-controls li{display:inline-block;width:26px;list-style:none;cursor:pointer;pointer-events:auto}#section2 .card-slider-controls li:nth-child(1) img{-webkit-transform:translateX(-50px);transform:translateX(-50px)}#section2 .card-slider-controls li:nth-child(2) img{-webkit-transform:rotate(180deg) translateX(-50px);transform:rotate(180deg) translateX(-50px)}.student-card{display:inline-block;width:220px;height:236px;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);padding:0 20px 24px;margin:45px 12px 0 12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.student-card .student-infos{-webkit-transform:translateY(-45px);transform:translateY(-45px)}.student-card .student-infos img{width:90px;height:90px;border-radius:100%}.student-card .student-infos .main-infos{width:100%;padding-top:4px}.student-card .student-infos .main-infos .student-name{font-size:16px;font-weight:700;color:#0d6cbe}.student-card .student-infos .main-infos .student-school{font-size:12px;color:#8b8b8b}.student-card .student-infos hr{width:100%;border:.5px solid #efefef;margin:12px 0}.student-card .student-infos p{font-size:12px;text-align:left;color:#8b8b8b}.student-card.special{border:5px solid #065da7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#0d6cbe),to(#065da7));background-image:linear-gradient(-180deg,#0d6cbe 50%,#065da7)}.student-card.special .student-infos{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.student-card.special .student-infos img{border:5px solid #065da7}.student-card.special .student-infos .award-winner{width:28px;height:28px;border:none;margin-left:-28px}.student-card.special .student-infos .main-infos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4px}.student-card.special .student-infos .main-infos .student-name{color:#fff}.student-card.special .student-infos .main-infos .student-school{color:#fff;background-color:#065da7;padding:0 8px;line-height:24px;border-radius:14px;margin-left:8px}.student-card.special .student-infos .student-score{width:100%;display:inline-block;text-align:center;font-size:12px;color:#fffa80;margin-top:4px}.student-card.special .student-infos .student-score span{display:inline-block;-webkit-transform:scale(.7);transform:scale(.7)}.student-card.special .student-infos hr{border:.5px solid #fff}.student-card.special .student-infos p{color:#fff}@media screen and (max-width:992px){#section2 .card-container{width:80%}#section2 .tns-nav{display:none}#section2 .card-slider-controls li{width:20px}#section2 .card-slider-controls li:nth-child(1) img{-webkit-transform:translateX(-30px);transform:translateX(-30px)}#section2 .card-slider-controls li:nth-child(2) img{-webkit-transform:rotate(180deg) translateX(-30px);transform:rotate(180deg) translateX(-30px)}.student-card{padding:20px;margin:0 12px 0 12px}.student-card .student-infos{-webkit-transform:translateY(0);transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.student-card .student-infos img{width:60px;height:60px;margin-left:12px}.student-card .student-infos .main-infos{width:auto;min-width:40%;max-width:60%;padding-top:6px;margin-left:8px}.student-card .student-infos hr{margin:20px 0}.student-card.special{padding:8px 12px}.student-card.special .student-infos{-webkit-transform:translateY(0);transform:translateY(0)}.student-card.special .student-infos img{width:56px;height:56px;border:none}.student-card.special .student-infos .award-winner{width:20px;height:20px;margin-left:-16px;margin-top:40px}.student-card.special .student-infos .main-infos{display:block;padding-top:8px}.student-card.special .student-infos .main-infos .student-school{padding:0 6px;margin-left:0;margin-top:4px}.student-card.special .student-infos .student-score{margin-top:8px}.student-card.special .student-infos hr{margin:12px 0}}#section3 .sub-title{font-size:1.25rem;color:#8b8b8b}#section3 hr{border:1px solid #efefef;margin:12px 0}#section3 .courses-seemore{display:block;font-size:15px;text-decoration:none;text-align:right;letter-spacing:2px;color:#fe923a;margin:0 50px}#section3 .courses-seemore:hover{color:#f28121}#section3 .courses-seemore::after{content:url(../img/seemore-arrow.svg);display:inline-block;margin:4px 0 4px 12px}#section3 .products-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1040px}@media screen and (max-width:1200px){#section3 .products-container{width:780px}}@media screen and (max-width:992px){#section3 .products-container{width:520px}}@media screen and (max-width:768px){#section3 .products-container{display:block;width:100%}}@media screen and (max-width:1200px){#section3 #esCourses .fake-card:nth-child(n+4),#section3 #esCourses .product-card:nth-child(n+4){display:none}#section3 #jhsCourses .fake-card:nth-child(n+7),#section3 #jhsCourses .product-card:nth-child(n+7){display:none}#section3 #shsCourses .fake-card:nth-child(n+7),#section3 #shsCourses .product-card:nth-child(n+7){display:none}}@media screen and (max-width:992px){#section3 .courses-seemore{margin:0 0}#section3 #esCourses .fake-card:nth-child(n+4),#section3 #esCourses .product-card:nth-child(n+4){display:block}#section3 #jhsCourses .fake-card:nth-child(n+7),#section3 #jhsCourses .product-card:nth-child(n+7){display:block}#section3 #shsCourses .fake-card:nth-child(n+7),#section3 #shsCourses .product-card:nth-child(n+7){display:block}}@media screen and (max-width:768px){#section3 #esCourses,#section3 #jhsCourses,#section3 #shsCourses{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}#section3 #esCourses .fake-card:nth-child(n+4),#section3 #esCourses .product-card:nth-child(n+4){display:-webkit-box;display:-ms-flexbox;display:flex}#section3 #jhsCourses .fake-card:nth-child(n+7),#section3 #jhsCourses .product-card:nth-child(n+7){display:-webkit-box;display:-ms-flexbox;display:flex}#section3 #shsCourses .fake-card:nth-child(n+7),#section3 #shsCourses .product-card:nth-child(n+7){display:-webkit-box;display:-ms-flexbox;display:flex}}.fake-card{display:block;width:236px;height:272px;border-radius:5px;margin:24px 12px 0 12px}.product-card{display:block;width:236px;height:272px;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);margin:24px 12px 0 12px;position:relative;overflow:hidden;-webkit-transition:.3s;transition:.3s}.product-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-tracker{width:100%;height:100%;background-color:transparent;border-radius:15px;position:absolute;z-index:100}.card-infos{position:relative}.infos-up{height:152px}.infos-down{height:120px}.status-tag{width:84px;height:24px;font-size:12px;font-weight:400;line-height:24px;text-align:center;color:#fff;background-color:#fd9841;-webkit-box-shadow:0 0 6px rgba(0,0,0,.2);box-shadow:0 0 6px rgba(0,0,0,.2);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:5px;left:-25px;z-index:50}.grade-tag{height:18px;font-size:12px;font-weight:400;line-height:18px;text-align:center;border-radius:4px;color:#fff;background-color:#454545;-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);box-shadow:0 0 6px rgba(0,0,0,.3);padding:0 6px 0 6px;position:absolute;top:7px;right:5px;z-index:50}.cover-img{display:block;width:100%;height:100%;position:relative;overflow:hidden}.cover-img img{width:auto;height:100%;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:16px;background-color:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:200;opacity:0;-webkit-transition:.3s;transition:.3s}.infos-up:hover .btn-container{opacity:1}.hover-btn{display:block;width:140px;text-align:center;text-decoration:none;color:#fff;border-radius:5px;padding:12px 0;margin:6px auto!important;position:relative;-webkit-transition:.2s;transition:.2s}.btn-orange{background-color:#fd9841}.btn-orange:hover{background-color:#f28121}.btn-blue{background-color:#0d6cbe}.btn-blue:hover{background-color:#065da7}.infos-down{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.product-infos{padding:8px 12px;position:relative}.product-name{display:block;font-size:18px!important;line-height:24px;font-weight:500;letter-spacing:1px;word-wrap:break-word;word-break:break-all;color:#454545;position:relative;z-index:200;-webkit-transition:.3s;transition:.3s;pointer-events:none}.product-teacher{display:inline-block;font-size:12px!important;font-weight:300;text-decoration:none;letter-spacing:1px;word-wrap:unset;color:#8b8b8b;margin-top:4px!important}.product-sub-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:8px 12px;position:absolute;bottom:0;right:0}.original-price{display:inline-block;font-size:14px;white-space:nowrap;text-decoration:line-through;color:#ddd;margin-right:12px}.product-price{display:inline-block;font-size:22px;font-weight:500;white-space:nowrap;letter-spacing:1px;color:#0d6cbe;text-align:right;-webkit-transition:.3s;transition:.3s}.on-sale{color:#fd9841}@media screen and (max-width:768px){.fake-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:110px;margin:12px 0 0 0}.product-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:110px;margin:12px 0 0 0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15)}.card-infos{height:100%}.infos-up{padding:12px 0 12px 12px}.infos-down{width:100%}.status-tag{height:20px;line-height:20px}.grade-tag{border-radius:0 3px 0 3px;position:absolute;top:12px;right:0}.btn-container{display:none}.cover-img{width:130px;height:100%;border-radius:3px}.cover-img img{width:auto;height:100%}.product-name{font-size:16px!important;line-height:20px}.product-price{font-size:18px}}section#section4{background-color:#f5f5f5}footer{background-color:#0d6cbe;font-size:12px}.footer-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}.footer-bottom{text-align:center;color:#fff;padding-bottom:24px;letter-spacing:1px}.footer-bottom p{margin:0 0;font-size:12px!important}.footer-bottom p:nth-child(2){margin-top:6px}.footer-bottom p span a{font-size:12px!important;color:#fff;text-decoration:none;border-bottom:solid 1px #fff}.item ul{padding:0;margin:0 60px 0 0}.item:last-child ul{margin:0}.item ul li{list-style:none;text-align:center;color:#fff;letter-spacing:1px;margin-bottom:12px;line-height:20px}.item:nth-child(1) ul li,.item:nth-child(2) ul li{text-align:left}.item ul li a{color:#fff;font-size:12px!important;letter-spacing:1px;text-decoration:none}.item .mid-icon{margin:0 12px 0 12px}.footer-support{font-size:12px;text-align:center;color:#fff;background-color:#065da7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0}.footer-support .support-browser{margin-left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.footer-support a{font-size:12px;text-align:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.footer-support a span{margin-left:6px}.footer-support a:nth-child(n+2){margin-left:12px}.footer-support img{width:22px;height:22px}.phone-icon{display:none}.floatbtn{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;z-index:99900;right:21px;bottom:21px}.floatbtn a{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-bottom:12px}.floatbtn .totop{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-bottom:12px;-webkit-transition:opacity .3s;transition:opacity .3s}@media (max-width:991px){.phone-icon{display:inline-block}.mid-icon{display:none}.item a{margin-right:8px}.floatbtn a{display:none}}@media (max-width:630px){.footer-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:24px 40px 0 40px}.item{margin-bottom:12px}.item ul{margin:0}.item:nth-child(-n+3){width:100%}.item:nth-child(n+3){width:50%;max-width:132px}.item:nth-child(n+3) ul li{text-align:left}.footer-bottom{padding:0 40px;padding-bottom:24px}.footer-bottom p{margin:0 0;margin:0 0}.footer-bottom p span{display:block}.footer-support{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-support .support-browser{margin-top:6px}}.cookie{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 0;font-family:"Noto Sans TC","Helvetica Neue",Arial,sans-serif;letter-spacing:1px;font-weight:400;font-size:16px;z-index:99999;-webkit-animation:fadeUp 1.5s forwards cubic-bezier(.22,1,.36,1);animation:fadeUp 1.5s forwards cubic-bezier(.22,1,.36,1)}.cookie a{color:#fff;text-decoration:none;display:inline;border-bottom:1px solid #fff}.cookie .title{display:inline}@-webkit-keyframes fadeUp{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.btn-agree-cookie{background-color:#fff;color:#777;border-radius:5px;padding:6px 12px;margin-left:24px;cursor:pointer;-webkit-transition:.3s;transition:.3s}.btn-agree-cookie:hover{background-color:#ddd}@media (max-width:991px){.cookie{font-size:14px;padding:20px 12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.title{width:530px}.btn-agree-cookie{margin:12px 0 0}}@media (max-width:540px){.cookie{font-size:12px;line-height:20px;padding:12px}.title{width:100%}.btn-agree-cookie{margin:8px 0 0;padding:12px 24px;font-size:14px}}.loading{background:linear-gradient(135deg,#f5f5f5 35%,#fff 50%,#f5f5f5 65%);background-size:300% 300%;-webkit-animation:loading 1.5s ease infinite;animation:loading 1.5s ease infinite}.search-container{width:100%;max-width:500px;margin:auto;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-bar{width:70%;height:47px;padding:10px 20px;border:none;border-radius:5px 0 0 5px;font-size:16px}.search-bar::-webkit-input-placeholder{color:rgba(0,0,0,.3)}.search-bar::-moz-placeholder{color:rgba(0,0,0,.3)}.search-bar:-ms-input-placeholder{color:rgba(0,0,0,.3)}.search-bar::-ms-input-placeholder{color:rgba(0,0,0,.3)}.search-bar::placeholder{color:rgba(0,0,0,.3)}.search-btn{font-size:16px;padding:10px 20px;margin:0;background-color:#0d6cbe;border:none;color:#fff;cursor:pointer;border-radius:0 5px 5px 0}@media (max-width:1199px){.search-bar{width:calc(100% - 78px)}}@media (max-width:991px){.search-bar{border:2px solid #a5a5a5;border-right:none}.search-btn{border:2px solid #0d6cbe}.search-btn:hover{border-color:#065da7}}.buttons-container{margin-top:10px}@-webkit-keyframes loading{0%{background-position:100% 100%}100%{background-position:0 0}}@keyframes loading{0%{background-position:100% 100%}100%{background-position:0 0}}