body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.my-card{box-shadow:0 0 1px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}.bg-content{background:#e9e9f2}@media only screen and (max-width:575px){.bg-content{background:#fff}}.bg-white{background:#fff}@media only screen and (max-width:991px){.fb_dialog_content iframe{margin-bottom:32px!important}}@font-face{font-family:"Open Sans";src:url(/static/media/OpenSans-Regular.3ed9575d.ttf)}*{font-family:Open Sans}html{max-width:100%;height:100%;position:fixed;overflow:hidden}body{height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto}a{text-decoration:none}a:hover{text-decoration:none!important}.can-click{cursor:pointer}.wraper{position:fixed;background:rgba(0,0,0,.49);width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.na-no-hover-text-nomal{color:#000;font-family:HelveticaNeue;font-size:20px}.na-text-cancel{color:grey}.na-text-accept,.na-text-cancel{height:30px;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center}.na-text-accept{color:#fc0}[class*=na-text-]:hover{background-color:#fc0;color:#fff;border-radius:8px}.mrel{font-family:KaTeX_Main,"Times New Roman",serif}.new-lesson{bottom:7px;font-size:clamp(.6rem,1.5vw,.85rem)}.new-lesson,.new-lesson-list{position:absolute;padding:2px 7px;border-radius:3px;color:#fff;background-color:#e50914;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;white-space:nowrap}.new-lesson-list{bottom:3px;font-size:.7rem}.new-update{position:absolute;bottom:10px;padding:2px 7px;border-radius:3px;color:#fff;background-color:#e50914;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:clamp(.6rem,1.5vw,.85rem);font-weight:700;white-space:nowrap}.live-stream-schedule{white-space:nowrap;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding-top:15px;scroll-behavior:smooth;display:flex}.live-stream-schedule::-webkit-scrollbar{display:none}.livestream-schedule-table-title{font-size:clamp(18px,2vw,30px);font-weight:700;padding-left:15px;max-width:65vw}.video-image-premium{border:4px solid #fc0;box-sizing:border-box;box-shadow:0 0 20px rgba(255,204,0,.6)}.rainbow-text{background-image:-webkit-gradient(linear,right top,left top,from(violet),color-stop(indigo),color-stop(#00f),color-stop(green),color-stop(#ff0),color-stop(orange),to(red));background-image:linear-gradient(270deg,violet,indigo,#00f,green,#ff0,orange,red);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rainbow{text-align:center;text-decoration:underline;font-size:32px;font-family:monospace;letter-spacing:5px}@-webkit-keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}.announcement-list-container{width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap;scroll-behavior:smooth;flex-wrap:nowrap!important}.announcement-list-container::-webkit-scrollbar{display:none}.ls-playback-list-container{width:100%;border-radius:8px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding-top:15px;scroll-behavior:smooth;display:flex;padding-bottom:15px}.ls-playback-list-container::-webkit-scrollbar{display:none}.video-tag-info-ls{position:static;left:10px;top:2px;flex:none;order:0;flex-grow:0;margin:5px 5px 0 0;overflow-wrap:break-word;display:inline-block;background:#fff;border-radius:20px;cursor:pointer}.ci-overlay{z-index:10;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5)}.ci-overlay-container{z-index:11;width:300px;height:300px}.button-open-app{height:19px;font-size:15px;font-weight:500;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#0b7aff}.layout-open-app{display:flex;align-items:center;position:relative;z-index:1;width:100%;height:50px;background-color:#fff;justify-content:space-between;box-shadow:0 0 1px 1px #ccc}.layout-open-app.regular{padding:.2rem 1rem}.container-open-app{position:fixed;width:100vw;z-index:99;bottom:1px}.text1-open-app{font-size:15px}.text1-open-app,.text2-open-app{font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#000}.text2-open-app{font-size:12px}#mobile-register-button{width:100%;height:50px;background-color:#f97d5e;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;border:none}.message-us-button-tab{display:flex}.msg-icon-tab{width:20px;height:20px}#headerbar{border:1px solid #efeff4}#nockacademy-text{font-size:17px;font-weight:700;line-height:.94;text-align:left;color:#f97d5e;margin-left:5px;margin-top:auto;margin-bottom:auto}#nockacademy-text,.menu{font-family:"Open Sans";font-stretch:normal;font-style:normal;letter-spacing:normal}.menu{font-size:20px;font-weight:500;line-height:1.1;margin:auto}.menu-container{margin:8px}.menu-container p{height:100%;display:flex;color:#000;align-items:center;-webkit-transition:color .2s;transition:color .2s}.menu-container p:hover{color:#ffcd01}#login-button{height:50px;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:normal;text-align:left;color:#fff;border-radius:12px;background-color:#f97d5e;-webkit-transition:background-color .2s;transition:background-color .2s;display:flex;justify-content:center;align-items:center;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px}#login-button:hover{background-color:#f90}#search-button{border:1px solid #d1d1d6;background-color:#efeff4;z-index:0}.profile-image{width:40px;height:40px;border-radius:25px;border:2px solid #f97d5e;background-color:#fff}.menu-profile{width:200px;z-index:3;box-shadow:0 5px 11px 0 rgba(0,0,0,.28)}.menu-profile:after,.menu-profile:before{content:"";display:block;position:absolute;bottom:100%;width:0;height:0}.menu-profile:before{left:160px;border:12px solid transparent;border-bottom-color:#ddd}.menu-profile:after{left:162px;border:10px solid transparent;border-bottom-color:#fff}.menu-profile-text-container{line-height:1.2}.menu-profile-text-container:hover{background-color:#f97d5e}.menu-profile-text{font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:-.32px;text-align:left;color:#000;margin:10px;padding:10px 0}.menu-profile-border{height:1px;border:1px solid #efeff4}.menu-profile-text:hover{color:#fff!important}.wrap{width:100%;height:100%;background:hsla(0,0%,100%,0);z-index:2}.login-bg,.wrap{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}.login-bg{width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:465px;max-height:700px;border-radius:20px;background-color:#fff;-webkit-animation:pop .3s;animation:pop .3s;z-index:5;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{background:transparent;width:10px}::-webkit-scrollbar-thumb{background:#ccc!important;border-radius:8px}.login-layout{width:100%;height:100%;z-index:4}#phone{border-width:0 0 1px;font-family:HelveticaNeue;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:2.8;letter-spacing:normal;text-align:center;color:#8e8e93;width:310px}#login-button2{border-radius:12px;background-color:#f97d5e;border:none}#login-button2,.login-facebook-button2{width:100%;height:50px;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center}.login-facebook-button2{border-radius:12px;background-color:#1678f2}.fa-facebook{margin-right:10px}.center{display:flex;justify-content:center;align-items:center}.line{width:330px;height:0;border:1px solid #efeff4}.login-text{font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center;color:grey}.login-description{text-align:left;text-align:initial;line-height:1.5}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.otp-container{display:flex;justify-content:center;margin:auto}.otp-input{width:60px!important;height:60px;border-radius:15px;background-color:#d0d0d0;border:none;padding:2px;text-align:center;font-size:2em;margin:0 3px}.bg-sign-up{z-index:5;border-radius:20px;background-color:#fff;-webkit-animation:pop .3s;animation:pop .3s;max-width:465px;height:90%;top:0;left:0;right:0;bottom:0;margin:auto;overflow:scroll;overflow-x:hidden}.input-signup img{position:absolute;width:19px;height:19px;top:0;bottom:0;left:25px;margin:auto}.input-signup input,.input-signup select{width:100%;height:50px;padding-left:34px;border-radius:12px;border:1px solid #efeff4;background-color:#fff}.input-signup select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000}.input-signup .drop{left:unset!important;right:5%!important;width:13px!important;height:13px!important;margin:auto 15px}.select{border-color:#f97d5e}.mobile-number-input{margin-top:30px}.mobile-number-detail{margin-top:30px;margin-bottom:20px}.register-line{margin-top:30px}.register-button-container{display:flex;flex-direction:column;align-items:center}.login-offer-bg{max-width:70%;max-height:90%}.login-offer-container{justify-content:center;grid-gap:15px;gap:15px}.login-offer-close{position:absolute;top:2%;right:2%;z-index:2}.login-offer-title{font-size:clamp(30px,3vw,40px)}.login-offer-description{font-size:clamp(16px,1.4vw,28px);padding:0 10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#000}.login-offer-description ul{padding-left:20px}.login-offer-list-container{display:flex;flex-wrap:nowrap;grid-gap:25px;gap:25px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;scroll-behavior:smooth;padding-bottom:20px;margin:auto 25px}.login-offer-list-container::-webkit-scrollbar{display:none}.login-offer-item{flex:0 0 auto}.login-offer-course-item{border-radius:1vw;display:inline-block;cursor:pointer;padding:10px;border:2px solid #f4f5f9;width:18vw;box-shadow:0 0 60px rgba(0,0,0,.1);position:relative}.login-offer-course-item:hover{border:2px solid #fc0}.login-offer-course-item .badge-img{width:5.5vW;top:0;right:0;position:absolute}.login-offer-course-item .product-description{font-size:large;margin-top:15px}.login-offer-course-item .bargain-description{min-height:24px;color:#ffb700}.login-offer-course-item .bargain-container{margin-top:8px}.login-offer-course-item .bargain-container .bargain-old-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#5b5c62;font-size:larger;font-weight:700}.login-offer-course-item .bargain-container-blank{min-height:38px}.login-offer-course-item .price-main{font-size:40px;margin-top:-18px}.login-offer-course-item .payment-description{margin:10px;color:grey;font-size:smaller}.login-offer-course-item .subscribe-button{border:2px solid #e9e9f2;border-radius:10px;margin:10px 45px;padding:7px}.login-offer-course-item-images{display:flex;margin-top:10px;justify-content:center}.login-offer-course-item-images .login-offer-course-item-image-container{color:grey;font-size:smaller;margin-right:5px;margin-left:5px}.login-offer-course-item-images .login-offer-course-item-image-container .login-offer-course-item-image{height:2.5vh}@media screen and (max-width:991px){.login-offer-bg{width:95%;max-width:95%}.login-offer-close{right:4%}.login-offer-course-list-scroll-left-button,.login-offer-course-list-scroll-right-button{display:none}.login-offer-course-item{width:100%}.login-offer-course-item-image{width:100%;margin:10px auto}}@media screen and (max-width:575px){.register-button-container{margin-bottom:30px}}@media screen and (max-width:460px){.mobile-number-input{margin-top:5px}.mobile-number-detail{margin-top:15px}.register-line{margin-top:20px}.login-text{font-size:13px}}.popup-bg{position:absolute;top:15%;margin:auto;border-radius:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;right:0;text-align:center}.popup-img{-webkit-filter:drop-shadow(8px 8px 12px #c1c0c0);filter:drop-shadow(8px 8px 12px #c1c0c0);max-width:50vw;max-height:75vh;z-index:5}.popup-close{position:absolute;top:-30px;right:-35px;-webkit-filter:drop-shadow(0 0 5px #c1c0c0);filter:drop-shadow(0 0 5px #c1c0c0)}.promote-container{background-image:url(/static/media/bg-large-2.4305d0c6.webp);padding:22px}.promote1-title{font-size:25px;line-height:1.25}.promote1-subtitle,.promote1-title{font-family:HelveticaNeue;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#fff}.promote1-subtitle{font-size:12px;line-height:2}.promote-button-container{margin:auto}.promote1-button{border:none;width:150px;height:45px;background-color:#f97d5e;font-family:HelveticaNeue;font-size:18px;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#fff;border-radius:8px;margin-top:8px}@media (max-width:575px){.promote1-title{font-size:4vw}}.edit-profile-container{margin-left:30%;margin-right:30%;padding-top:20px;padding-bottom:60px}.edit-profile-title{text-align:center;font-weight:700;font-size:clamp(1rem,8vw,2rem)}.save-edit-profile-container{display:flex;flex-direction:column;align-items:center}.save-edit-profile-container p{color:red;font-weight:700}.save-edit-profile-button{background-color:#0b7aff;border:none;color:#fff;padding:15px 32px;text-align:center;font-size:18px;font-weight:700;cursor:pointer;border-radius:12px}.edit-profile-image-container{display:flex;justify-content:center}.email-notification-div{text-align:center;border:2px dashed #dcdcdc;border-radius:30px;padding-bottom:1rem;margin:2rem auto auto}@media (max-width:1020px){.edit-profile-container{padding-bottom:30vh}}@media (max-width:740px){.edit-profile-container{margin:auto 15vw}}.start-text{font-weight:700;font-size:24px;padding-right:15px}.exam-tag-info{position:static;flex:none;order:0;flex-grow:0;overflow-wrap:break-word;background:#fff;border-radius:20px;font-weight:400;font-size:12px;line-height:18px;color:#8e8e93;margin-top:5px}.question-count-group{border:2px solid #f3f9ff;display:flex;padding:5px;border-radius:22.5px;overflow:hidden;word-wrap:break-word;margin-top:8px;flex-flow:wrap}.question-count{border-radius:50%;font-size:15px;cursor:pointer;font-weight:400;margin:auto auto auto 10px}.question-count,.select-count{text-align:center;min-width:25px}.select-count{border-radius:50%;line-height:25px;height:25px;border:1px solid #0f77bf;color:#fff;background:#0b7aff;font-size:16px;font-weight:700}.exam-section{margin:10px;min-width:400px;background:#f7f7f8;border:2px solid #efeff4;border-radius:20px;padding:15px;cursor:default}.exam-question-text{font-weight:400;font-size:15px;line-height:140%;margin-left:10px;max-width:325px;margin-bottom:10px;white-space:break-spaces}.exam-section-select{border:2px solid #0b77ff;background:#f3faff}.choice-number{border:1px solid #efeff4;min-width:50px;height:30px;text-align:center;margin-right:10px;font-weight:400;font-size:15px;line-height:25px;background:#fff;border-radius:5px;cursor:pointer;padding-left:5px;padding-right:5px;margin-bottom:10px}.exam-choice{margin:10px;cursor:pointer}.choice-number-select{background:#0b7aff;color:#fff}.exam-summit-btn{margin:auto;background:#0b77ff;padding:10px;font-weight:700;font-size:20px;color:#fff;border-radius:10px;cursor:pointer}.exam-summit-btn-disable{background:#efeff4;color:#c7c7cc;cursor:not-allowed}.exam-summit{text-align:center;margin:20px auto 10px}.exam-section-container{width:100%;border-radius:8px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding:15px;scroll-behavior:smooth;display:flex}.exam-container::-webkit-scrollbar{display:none}.point-modal{text-align:center;background-image:url(/static/media/celebrate_bg.bb230357.svg);background-color:#0b7aff;color:#fff;cursor:default}.exam-point-summit{font-weight:900;font-size:55px;line-height:40px}.exam-point-summit-text{font-weight:400;font-size:16px;line-height:25px}.exam-back-btn{background:#fff;color:#0b77fe;margin:10px auto;border-radius:5px;padding:10px;cursor:pointer}.exam-ans-btn{cursor:pointer;margin:auto;display:inline-block}.choice-exam-value{max-width:280px}.select-count-wrong{border-color:#fe3b30;background:#fe3b30;color:#fff}.select-count-right{border-color:#19b71f;background:#19b71f;color:#fff}.count-dot{background-color:purple;width:7px;height:7px;border-radius:50%;margin-top:20px;margin-left:auto;margin-right:auto}.exam-section-none{margin:10px;min-width:400px;padding:15px;cursor:default}.explain-video-container{border-radius:20px;overflow:hidden;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:370px;margin:auto}.sidebar-card{background-color:#fff;margin-right:-15px;margin-left:-30px}#filter-menu{position:-webkit-sticky;position:sticky;top:15px}.filter-section{margin-left:15px;margin-top:15px;margin-right:5px;width:100%;border-bottom:1px solid #efeff4}.filter-title{font-size:clamp(20px,2vw,30px);font-weight:700}.filter-item-title{font-size:clamp(16px,1.5vw,24px);font-weight:700}.filter-item-select-card{border-radius:6px;border:1px solid #efeff4;background-color:#fff}.filter-item-select-card,.filter-item-select-card-active{display:inline-flex;margin:0 5px 10px 0;padding:5px 8px;align-items:center;cursor:pointer}.filter-item-select-card-active{border-radius:6px;border:1px solid #0b77ff;background-color:#f3faff}.filter-item-select-icon{width:14px;height:14px;border:1px solid #efeff4;border-radius:4px;background-color:#fff}.filter-item-select-icon-active{width:14px;height:14px;border:1px solid #0b77ff;border-radius:4px;background-color:#0b77ff}.filter-item-select-title{margin-left:8px;font-size:clamp(12px,1vw,15px)}.premium-regis{margin:10px 15px 10px auto;padding:10px 10px 12px;background:#f3b940;box-shadow:0 0 20px rgba(255,204,0,.3);border-radius:10px;text-align:center;color:#fff;font-weight:700}.premium-annouce{max-width:250px;width:95%}.exam-items-container-page{display:flex;flex-wrap:wrap}.bg-grey{background-color:#e9e9f2}.ranking{background-image:url(/static/media/celebrate_bg.bb230357.svg);background-color:#171c21;border-radius:10px;text-align:center;color:#fff;padding:15px}.ranking-detail{border:4px solid #006cff;margin-left:10px;margin-right:10px;padding:10px 20px;border-radius:10px;margin-bottom:10px;background-color:#000}.answer-btn{background:#0b77ff;margin:auto;border-radius:10px;padding-top:10px;padding-bottom:10px;cursor:pointer}.graph-point{min-height:300px}.exam-point,.graph-point{background:#fff;border:2px solid #efeff4;border-radius:20px;padding:10px}.score-table{background-color:#efeff4;border-radius:10px;text-align:center;padding:0;overflow:hidden;position:relative;cursor:pointer}.score-arrow{background-color:#bbdbff;width:20%;float:right;height:100%;position:absolute;right:0;padding-top:30%}.score-score{clear:left;margin-right:1px;text-align:center}.score-rank,.score-score{background:#f7f7f8;width:40%;float:left}.score-rank{margin-left:1px}.score-avg{width:80%;float:left}.next-arrow{max-width:10px}.score-point{color:#0b7aff;font-size:20px;font-weight:900}.score-title{font-weight:400;font-size:14px;line-height:17px}.score{font-weight:700}.join-school-title{font-size:30px;line-height:.73}.join-school-name,.join-school-title{font-family:HelveticaNeue;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:-.01px;text-align:center;color:#000}.join-school-name{font-size:25px;line-height:1}.join-button{background-color:#fc0}.join-button,.join-button-complete{width:450px;height:50px;border:none;border-radius:12px;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center;color:#fff}.join-button-complete{background-color:#4cd964}.join-profile-image{width:60px;height:60px;border-radius:30px;border:2px solid #fc0;background-color:#fff}.join-input-filter{font-size:15px;font-weight:700;width:100%;height:44px;padding-left:10px;border-radius:12px;border:1px solid #d1d1d6;background-color:#efeff4;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000}.join-input-filter-drop{position:absolute;margin-left:-20px;margin-top:20px}.livestream-page-container{margin:0!important}.ls-top-right-buttons{position:absolute;top:24px;right:15px;z-index:1;display:flex;align-items:center;grid-gap:5px;gap:5px;flex-direction:row-reverse}.ls-perfect-button,.ls-quiz-button,.ls-ranking-button{color:#fff;padding:8px 12px;font-size:clamp(12px,.9vw,15px);font-weight:700;border-radius:50px;cursor:pointer}.ls-quiz-button{background:#0b7aff}.ls-perfect-button{background:#00c45f}.ls-ranking-button{background:#ff710b;display:flex;align-items:center;grid-gap:4px;gap:4px}.live-title-text{font-size:clamp(20px,1.7vw,30px);font-weight:700}.share-icon{margin:6px 10px 0 0}.livestream-page-number-tags{position:absolute;display:flex;align-items:center;grid-gap:5px;gap:5px;top:24px;left:15px}.LS-comment,.LS-viewers{color:#fff;font-size:14px;background:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;padding:2px 5px}.LS-comment img,.LS-viewers img{margin-right:5px;padding-bottom:2px}.announce-board-button{width:100%;height:clamp(60px,6.5vw,100px);border-radius:20px;border:1px solid #efeff4;background-color:#fcfcfd;justify-content:space-between;align-items:center;padding:clamp(14px,1.3vw,20px);cursor:pointer}.perfect-score-board{position:absolute;background-color:rgba(0,0,0,.55);text-align:center;width:35vw;left:25vw;min-height:28vw;max-height:80vh;overflow-y:auto;margin-bottom:3%;z-index:2}.perfect-score-title{margin:17px auto;font-size:xx-large;color:#fc0;font-weight:700;text-shadow:1px 1px #000}.perfect-score-rank{display:inherit;margin:0 35px 20px;max-width:28%;min-width:24%}.perfect-score-rank-img{border-radius:50%;border:6px solid red;max-width:12vh;width:12vh;max-height:12vh;height:12vh}.perfect-score-rank-name{color:#fff;text-shadow:1px 1px #000}.perfect-student-score-board{display:inline-table}.perfect-score-close{color:#fff;text-align:right;cursor:pointer;padding-top:10px;padding-right:10px}.perfect-score-close img{max-width:20px;float:right;cursor:pointer}.ranking-score-board{position:absolute;background-color:#fff;text-align:center;width:80%;left:50%;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:28vw;max-height:80vh;overflow-y:auto;margin-bottom:3%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;border-radius:20px}.ranking-score-close{color:#fff;text-align:right;cursor:pointer;padding-top:20px;padding-right:20px}.ranking-score-close img{float:right;cursor:pointer}.ranking-score-menu-container{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px;margin-bottom:15px}.ranking-score-title{font-weight:700;font-size:20px;margin-bottom:5px}.ranking-score-live-name{font-weight:700;color:grey;font-size:15px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.ranking-score-top-background{background-color:#0b7aff;background-image:url(/static/media/mask-group.c8bbdffd.png);background-size:cover}.ranking-score-top-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-row-gap:10px;row-gap:10px;justify-items:center;max-width:60%;width:100%;padding:20px 0;margin:0 auto}.ranking-score-top-container>:first-child{grid-column:1/span 2;text-align:center}.ranking-score-top-container>:nth-child(2),.ranking-score-top-container>:nth-child(3){grid-column:auto;text-align:center}.ranking-score-student-container{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:10px;row-gap:10px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;padding:0 20px;margin:20px auto}.ranking-score-position{width:30px;height:30px;line-height:29px;border-radius:50%;font-size:20px;font-weight:700;color:#fff;text-align:center;letter-spacing:1px}#ranking-score-top-1 .ranking-score-position,#ranking-score-top-2 .ranking-score-position,#ranking-score-top-3 .ranking-score-position{background-size:40px;background-repeat:no-repeat;background-position:50%;width:40px;height:40px;line-height:39px;border-radius:0;border-radius:initial}#ranking-score-top-1 .ranking-score-position{background-image:url(/static/media/user-star-gold.b00209c8.svg)}#ranking-score-top-2 .ranking-score-position{background-image:url(/static/media/user-star-red.f416268c.svg)}#ranking-score-top-3 .ranking-score-position{background-image:url(/static/media/user-star-blue.c4473e61.svg)}#ranking-score-top-1 .ranking-score-rank-img{border-color:#ffa000}#ranking-score-top-2 .ranking-score-rank-img{border-color:#fe2d55}#ranking-score-top-3 .ranking-score-rank-img{border-color:#5856cf}.ranking-score-profile{margin:auto -18px;position:relative}.ranking-score-rank-img{border-radius:50%;border:6px solid red;width:8vh;height:8vh;pointer-events:none}.ranking-score-rank,.ranking-score-rank-top{display:grid;grid-template-columns:2fr 2fr 15fr;grid-gap:24px;gap:24px;align-items:center;background-color:#fff;border:2px solid #f1f1f6;border-radius:18px;padding:10px}.ranking-score-rank-top{width:350px;position:relative}.ranking-score-bar-container{width:100%;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.ranking-score-bar-description{display:flex;justify-content:space-between;width:100%}.ranking-score-rank-name,.ranking-score-rank-score{font-weight:700}.ranking-score-rank-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:75%}.ranking-score-bar-background{background-color:#d9d9d9;border-radius:4px}.ranking-score-bar{height:6px;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:#0b7aff;color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px #000}.unnotify-button{border:1px solid #fc0;border-radius:6px;padding-left:5px;padding-top:5px;padding-bottom:5px}.notify-button,.unnotify-button{margin-top:5px;cursor:pointer;display:flow-root;min-width:170px}.notify-button{border:1px solid #9f9f9f;border-radius:6px;padding:5px}.pin-message-top{width:80%;overflow-wrap:break-word;background:hsla(0,0%,100%,.75);margin:12px;border-radius:10px;padding:10px;cursor:default;position:absolute;top:5px}.pin-message-content{margin-bottom:5px}.pin-message-text{display:inline;font-size:13px}.pin-message-description{font-size:11px}.pin-icon{max-width:15px}.close-icon{max-width:20px;display:inline;float:right;cursor:pointer;margin-right:10px}.video-react-fullscreen-control{margin-left:auto!important}@media (max-width:1280px){.ranking-score-top-container{max-width:100%}.ranking-score-student-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.perfect-score-board{width:100%;left:auto;min-height:auto;max-height:auto;overflow-y:auto}.perfect-score-rank-name{font-size:smaller}.ranking-score-board{width:100%;left:auto;top:15%;height:auto;-webkit-transform:none;-webkit-transform:initial;transform:none;min-height:auto;max-height:auto;overflow-y:auto}}@media screen and (max-width:768px){.ranking-score-top-container{display:flex;flex-direction:column;align-items:center;padding:20px}.ranking-score-rank-top{width:100%}.ranking-score-student-container{grid-template-columns:repeat(1,1fr)}.LS-comment{top:9px;left:48px}.LS-viewers{top:9px;left:3px}}@media (max-width:576px){.chat-content{height:120vh;background:#e9e9f2}}.chat-container{width:100%;height:100vh;display:flex;flex-direction:column;padding:20px;background:#e9e9f2}.chat-message-container{flex:1 1;display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;position:relative;width:100%;height:100%}.chat-message-container::-webkit-scrollbar{display:none}.chat-input{-webkit-appearance:none;outline:none;border:none;border-bottom:1px solid #ccc;font-size:13px}.chat-input-container{padding-left:10px;padding-right:10px;padding-bottom:10px;max-height:106px}.chat-input-container-item{padding:10px 0;display:flex;flex-direction:row;align-items:center;border-radius:11px;box-shadow:0 -10px 30px 0 rgba(0,0,0,.04);background-color:#fff}.chat-input-maximum{font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.15;letter-spacing:normal;text-align:left;color:#a6a6a6;margin-right:5px}.chat-send-button{cursor:pointer;width:20px;height:20px}.chat-message-self{text-align:right}.chat-autoscolling-container{position:absolute;bottom:120px;width:100%;display:flex;justify-content:center}.chat-autoscolling-button{cursor:pointer;min-width:60px;padding:5px;border-radius:15px;background-color:#0b7aff;color:#fff;font-size:12px;text-align:center}.chat-message-item{padding:10px 0;display:flex;flex-direction:row;align-items:center;cursor:pointer}.chat-message-item:hover{background:#ddd}.chat-message-item-message-container{display:flex;flex-direction:column;width:75em}.chat-message-item-image-profile{min-width:30px;min-height:30px;width:30px;height:30px;margin:6px 10px 0;object-fit:cover;border-radius:20px}.chat-message-item-username-other{font-size:10px;font-weight:700;text-align:left;font-weight:100;color:#a6a6a6}.chat-message-joined{margin-top:5px;margin-bottom:5px;font-size:13px;font-weight:700;text-align:center;font-weight:100;color:#a6a6a6;cursor:default}.chat-message-item-username-admin,.chat-message-item-username-self{font-size:10px;font-weight:700;text-align:left;font-weight:100;color:#fff}.chat-message-item-text{border-radius:10px;padding:10px;font-size:13px;text-align:left;width:1em;flex:1 1;overflow-wrap:break-word;white-space:break-spaces}.self{background-color:#0b7aff;color:#fff}.other{background-color:#f0f0f5;color:#000}.admin{background-color:#ff5a5e;color:#fff}.admin-logo{border:1px solid #ff5a5e}.chat-message-item-text .self{border-radius:10px;background-color:#0b7aff}.chat-message-item-date{font-size:10px;font-weight:700;text-align:left;color:#a6a6a6;align-self:flex-end;margin-left:5px}.chat-message-item-date-2{display:none}.chat-message-container-blur{-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.admin-blur-tag{font-weight:700;color:#fff;background-color:grey;padding:7px 14px;border-radius:6px;font-size:16px}@media (min-width:576px) and (max-width:1024px){.chat-message-item-date{display:none}.chat-message-item-date-2{display:inline;font-weight:700}.chat-message-item-username-admin,.chat-message-item-username-other,.chat-message-item-username-self{display:flex;justify-content:space-between}}.chat-message-item-text-container{display:flex;flex-direction:row;padding-right:10px}.chat-message-item-three-dots-menu-container{margin-top:10px}.chat-message-item-three-dots-menu-container button{padding:0}.chat-login-button{border:none;width:200px;height:40px;background-color:#f97d5e;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#fff;border-radius:8px;margin-top:8px}.chat-background{height:100%;background:#f7f7fc;border-radius:20px;border:1px solid #fcfcfd;background-color:#f7f7fc;box-shadow:none;display:flex;flex-direction:column}.chat-title-container{height:70px;padding-top:10px;padding-left:20px;border-radius:10px;box-shadow:0 10px 30px 0 rgba(0,0,0,.04);background-color:#fff;margin:10px 10px 0;display:flex;align-items:center;justify-content:space-between}.toggle-chat-content{font-size:32px;font-weight:700;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:16px}.chat-button-rotate{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.chat-title-text{font-size:30px;font-weight:700;text-align:left;color:#000;display:flex;justify-content:space-between}.chat-annoucement{width:95%;overflow-wrap:break-word;background:rgba(0,0,0,.15);margin:10px auto;border-radius:10px;padding:10px;cursor:default}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-message-item-blur{-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.question-bg{position:fixed;top:25%}@media screen and (max-width:768px){#quiz-container{flex-direction:column;flex-wrap:nowrap}#question-container{max-width:100%;height:50%!important}#answer-container{max-width:100%;overflow-y:scroll}.answer-image-container{justify-content:center}#question-side-close{visibility:visible}#answer-side-close{visibility:hidden}}@media screen and (min-width:769px){#question-side-close{visibility:hidden}#answer-side-close{visibility:visible}}.question-text{font-size:90%}.question-text-alone{font-size:125%}.question-image{width:100%;padding-left:15px;padding-right:15px}.question-image img{max-width:95%;max-height:95%}.question-name-layout{display:flex}.question-name-layout>div{display:flex;flex-direction:column;align-items:center;max-width:100%;overflow-y:scroll}.number-question{font-size:1vw;top:5%;left:5%;display:flex;align-items:center;justify-content:center}.number-question p{margin:0}.check-quiz{background-color:#fff}.answer-text:hover{background-color:#eee;border-radius:6px}.quiz-close{z-index:2}.image-choice-layout{position:relative}.image-choice-layout .answer-percentage-text{top:6%;right:8%}.image-choice{background-color:#fff;margin-top:15px}.answer-container{position:relative;width:90%;margin-bottom:5px;margin-top:5px;margin-left:10px}#answer-container-1{overflow-y:scroll}#answer-container-2{height:auto!important}.answer-container.image{margin-left:0}.answer-percentage-container{position:absolute;width:82%;height:100%;left:0;top:0;z-index:0;margin-left:18%}.answer-image-container,.answer-text-container{display:flex;align-items:center;z-index:1;font-size:small}.answer-percentage-text{position:absolute;height:100%;z-index:2;right:0}.answer-choice-container{width:100%;display:flex;padding:2%;z-index:1}.loading-submit-layout{position:absolute;width:85%;height:100%;top:0;display:flex;background:#fff;z-index:1}.choice-default{margin:0 15px 0 0;padding:8px 20px;border-radius:6px;border:1px solid #efeff4;background-color:#fff;font-weight:700;color:#000}.choice-default.incorrect{background-color:#fe3b30;color:#fff}.choice-default.correct{background-color:#19b71f;color:#fff}.choice-default.choice{background-color:#c7c7cc;color:#fff}.spinner-border{margin:auto}.live-quiz-image-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.live-quiz-image-popup-content{position:relative;padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:95%;max-height:90%;overflow:hidden}.live-quiz-image-popup img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.video-section-container{width:100%;height:100%;background-color:#f7f7fc}.live-title-container{padding:15px}.history-questions{display:flex;grid-gap:15px;gap:15px;overflow-x:auto}.history-question-button{background-color:#f0f0f5;border:1px solid #f0f0f5;border-radius:12px;padding:12px 24px;margin-bottom:24px;font-size:.8rem;font-weight:700;color:#000;white-space:nowrap;-webkit-transition:background-color .3s,color .3s,-webkit-transform .3s;transition:background-color .3s,color .3s,-webkit-transform .3s;transition:background-color .3s,color .3s,transform .3s;transition:background-color .3s,color .3s,transform .3s,-webkit-transform .3s}.history-question-button.active{background-color:#0b7aff;color:#fff}.history-question-button:hover{background-color:#d5d5d5;color:#333}.history-question-button:focus{outline:none}.history-question-button:active{background-color:#0b7aff;color:#fff;-webkit-transform:scale(.8);transform:scale(.8)}.document-title-header-container{margin-top:clamp(20px,1.7vw,30px)}.document-title-header{font-size:clamp(20px,1.7vw,30px);font-weight:700;line-height:.73}.document-download-container{margin-top:clamp(14px,1.3vw,20px)}.document-download-button{width:100%;height:clamp(60px,6.5vw,100px);border-radius:20px;border:1px solid #efeff4;background-color:#fcfcfd;display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,1.3vw,20px);cursor:pointer}.document-thumbnail-icon{width:clamp(40px,4vw,60px);height:clamp(40px,4vw,60px)}.document-download-text{font-size:clamp(14px,1.3vw,20px);font-weight:700}.document-download-icon{width:clamp(30px,3vw,40px);height:clamp(30px,3vw,40px)}.modal-payment{margin:auto;width:45vw;text-align:center}.topic-name-list{font-size:clamp(12px,1vw,14px)}.live-stream-item{height:auto;display:inline-block}.topic-name-ls{white-space:break-spaces;padding-bottom:0;margin-bottom:0}.class-name{overflow-wrap:break-word;color:#000;font-size:clamp(10px,1.2vw,16px);padding-right:10px;white-space:break-spaces}.view-all{flex-direction:row;align-items:center;right:60px;top:1420px;background:#efeff4;border-radius:12px;width:clamp(60px,7vw,100px);margin-right:15px;display:inline-block;text-align:center}.view-all-arrow{position:absolute;left:69.23%;right:9.62%;top:36.36%;bottom:36.36%;background:#07f}.video-type{border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:2px 10px;position:absolute;width:52px;height:25px;right:1290px;top:1554px}.livestream-date{left:19.01%;right:66.67%;top:52.71%;bottom:46.73%;font-style:normal;font-size:clamp(12px,1.2vw,16px);line-height:25px;color:#8e8e93;margin-bottom:0}.subject-name-ls{padding:2px 4px;margin-bottom:0;color:#8e8e93}.video-tag-group{margin-bottom:10px;display:flex;flex-wrap:wrap}.video-type-premium{border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:2px 10px 0 0;position:absolute;height:25px;right:1290px;top:1554px}#premium{padding:clamp(1px,.15vw,5px) clamp(6px,.3vw,9px);height:auto;margin-top:auto;margin-bottom:auto;border-radius:4px;background-color:#fc0;font-size:clamp(12px,1vw,14px)}#premium,.video-ranking{color:#fff;font-weight:700;text-align:center}.video-ranking{display:flex;flex-direction:row;align-items:center;position:absolute;right:91%;bottom:84%;border-radius:50%;display:inline-block;width:12%;height:21%;background:#fc0;box-shadow:0 0 10px rgba(255,204,0,.4);font-style:normal;font-size:clamp(18px,1.2vw,24px);line-height:33px}.video-ranking-low{background:#07f;box-shadow:0 0 10px rgba(0,119,255,.4)}.LSH-duration{right:10px;color:#fff;font-size:12px;background:rgba(0,0,0,.5)}.LSH-duration,.watched-ls{position:absolute;bottom:5px;padding:0 5px;border-radius:5px}.img-topic{border-radius:20px;width:50%;margin-left:10px;height:50%;margin-top:20px;cursor:pointer}.date-topic{height:20px;font-weight:500;font-size:14px;line-height:100%;color:#8e8e93;order:0}.date-topic,.name-topic{font-style:normal;flex:none;flex-grow:0;cursor:pointer}.name-topic{font-weight:600;font-size:32px;line-height:120%;color:#000;order:1}.detail-topic{font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:#8e8e93;flex:none;order:2;flex-grow:0;margin-top:10px;word-break:break-word;white-space:break-spaces;cursor:pointer}.all-video{font-family:"SF Pro Text";font-style:normal;font-weight:600;font-size:22px;line-height:36px;color:#000;margin:10px}.topic-name-list-topic{font-size:clamp(12px,1vw,20px)}.content-ls-playback-detail{display:inline-flex}.img-content-ls-playback{display:contents}@media (max-width:1024px){.content-ls-playback-detail{display:contents}.name-topic{font-size:20px}.detail-topic{font-size:12px}.img-topic{width:90%}.img-content-ls-playback{text-align:center}}.show-bg{background-color:#e9e9f2;padding:20px 100px}.list-bg{border-radius:20px;background-color:#fff}.view-all-history{flex-direction:row;align-items:center;padding:10px;right:60px;top:1420px;background:#efeff4;border-radius:12px;margin-right:15px;display:inline-block;text-align:center}.form-history{background-color:#efeff4;border:none;text-align:left;color:#07f}.topic-name-list{font-size:clamp(10px,1vw,12px)}.video-playlist{background:#efeff4;border-radius:5px;text-align:center;font-size:11px;padding:5px 0;color:#8e8e93;margin-top:7px;margin-bottom:10%;cursor:pointer}.img-playlist{vertical-align:baseline;margin-right:3px}.content-ls-topic-list{background:#fff;border-radius:1vw;padding:15px}#topic-list-main{height:89vh;overflow-y:auto}#topic-list-container{background:#e9e9f2;padding:30px}#topic-list-loading{margin:auto;padding:9% 0;text-align:center}#topic-list-loading img{max-height:250px}#topic-list-empty{margin:auto;padding-top:14% 0;text-align:center}#topic-list-item-container{padding:20px 15px 0}@media (max-width:1024px){.content-ls-topic-list{margin-bottom:30vh}}.announcement-card{margin-top:2%;background-color:#fff;border-radius:1vw;padding:20px 0;box-shadow:0 0 1px 0 rgb(0 0 0/20%);width:100%}.announcement-scrollable-container{width:100%;display:flex;align-items:center;justify-content:center}.announcement-item{border-radius:1vw;display:inline-block;margin:auto}.announcement-left-button,.announcement-right-button{height:100%;display:flex;align-items:center;cursor:pointer;padding:0 20px}.announcement-left-icon{width:18px;height:30px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.announcement-right-icon{width:18px;height:30px}.announcement-item-image{padding:0 10px;max-width:100%}.announcement-scroll-index-container{display:flex;width:100%;justify-content:center;margin-top:20px}.announcement-scroll-index-point{width:10px;height:10px;margin:0 5px;background-color:#d1d1d6;border-radius:100%}.announcement-scroll-index-point-active{width:10px;height:10px;margin:0 5px;background-color:#000;border-radius:100%}@media only screen and (max-width:575px){.announcement-item{margin:auto}.announcement-left-button,.announcement-right-button{display:none}}#container,.lesson-list-container{display:flex;flex-wrap:wrap}.lesson-list-container{width:100%;margin-bottom:2%}.continue-watch-container{width:100%;border-radius:8px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding:15px;scroll-behavior:smooth;display:flex}.continue-watch-container::-webkit-scrollbar{display:none}.item{padding:0;cursor:pointer;display:inline-block;margin-right:15px}.video-image-container{position:relative}.video-image-container-temp{width:300px;height:170px}.video-image{width:100%;height:100%;border-radius:.5vw;border:2px solid #e9e9f2}.video-tag-container{width:100%;display:flex;margin-top:8px}.video-tag-status-container{display:flex;align-items:center}.video-tag-status-image{width:clamp(32px,3vw,36px);height:auto;margin-right:.2vw;background-color:#fff;border-radius:5px}#free{padding:clamp(1px,.15vw,5px) clamp(6px,.3vw,9px);height:auto;color:#fff;font-weight:700;border-radius:4px;background-color:#07f;text-align:center;margin-right:clamp(2px,.2vw,5px)}#free,.video-tag-info{margin-top:auto;margin-bottom:auto;font-size:clamp(12px,1vw,14px)}.video-tag-info{text-align:left;padding:.15vw .3vw;margin-right:.2vw;color:#8e8e93;border-radius:4px;border:1px solid #efeff4;display:flex;align-items:center}.topic-name{overflow-wrap:break-word;margin-top:4px;line-height:1.25;color:#000;font-size:clamp(13px,1.2vw,20px);font-weight:700;padding-right:10px;white-space:break-spaces}.loading-header{height:35px;border-radius:8px}.gradient-loading{-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#f6f7f8;background:-webkit-gradient(linear,left top,right top,color-stop(8%,#fafafa),color-stop(38%,#f4f4f4),color-stop(54%,#fafafa));background:linear-gradient(90deg,#fafafa 8%,#f4f4f4 38%,#fafafa 54%);background-size:1000px 640px;position:relative}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.lesson-list-title{font-size:clamp(18px,2vw,30px);margin-top:5%;font-weight:700;font-stretch:normal;font-style:normal;line-height:.88;letter-spacing:normal}.lesson-list-sub-title{font-size:clamp(13px,1.2vw,20px);margin:0;max-width:60vw}.video-tag-playlist-image{width:clamp(10px,.7vw,12px);height:auto;margin-right:clamp(2px,.2vw,5px)}.video-duration-image{width:clamp(9px,.6vw,11px);height:auto;margin-right:clamp(2px,.2vw,5px)}.item-video{padding-right:15px}.item-video:first{padding-left:0;padding-right:7.5px}.lesson-list-scroll-left-button{margin-right:4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lesson-list-scroll-left-button,.lesson-list-scroll-right-button{width:clamp(22px,3vw,44px);cursor:pointer}.lesson-list-scroll-button-container{width:clamp(60px,7vw,100px);margin-right:15px;display:flex;justify-content:flex-end}.course-price-card{margin-top:2%;background-color:#fff;border-radius:1vw;padding:20px 0;box-shadow:0 0 1px 0 rgb(0 0 0/20%);width:100%;border:3px solid #fc0;margin-bottom:40px}.course-price-header{display:flex;justify-content:center;align-items:center;grid-gap:5%;gap:5%;margin-bottom:15px}.course-price-title{font-size:clamp(30px,3vw,40px);font-weight:900;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;text-align:center;color:#000}.course-list-scroll-left-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.course-list-scroll-left-button,.course-list-scroll-right-button{width:clamp(22px,3vw,44px);cursor:pointer}.course-price-description{font-size:clamp(16px,1.4vw,28px);padding:0 10px;margin:0 0 15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#000}.course-list-scroll-container{display:flex;justify-content:center;grid-gap:30%;gap:30%}.course-list-container{width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap;scroll-behavior:smooth;flex-wrap:nowrap!important;margin:auto!important}.course-list-container::-webkit-scrollbar{display:none}.main-course{text-align:center;display:flex;flex-direction:column;align-items:center}.course-item{border-radius:1vw;display:inline-block;cursor:pointer;padding:10px;border:2px solid #f4f5f9;width:18vw;box-shadow:0 0 60px rgba(0,0,0,.1);position:relative;margin:auto}.course-item:hover{border:2px solid #fc0}.course-item .badge-img{width:5.5vW;top:0;right:0;position:absolute}.course-item .product-description{font-size:large;margin-top:15px}.course-item .bargain-description{min-height:24px;color:#ffb700}.course-item .bargain-container{margin-top:8px}.course-item .bargain-container .bargain-old-price{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#5b5c62;font-size:larger;font-weight:700}.course-item .bargain-container-blank{min-height:38px}.course-item .price-main{font-size:40px;margin-top:-18px}.course-item .payment-description{margin:10px;color:grey;font-size:smaller}.course-item .subscribe-button{border:2px solid #e9e9f2;border-radius:10px;margin:10px 45px;padding:7px}.course-item-images{display:flex;margin-top:10px;justify-content:center;max-width:80%}.course-item-images .course-item-image-container{color:grey;font-size:smaller;margin-right:5px;margin-left:5px}.course-item-images .course-item-image-container .course-item-image{max-width:100%;height:auto}.course-price-index-container{display:flex;width:100%;justify-content:center;margin-top:20px}.course-price-index-point{width:10px;height:10px;margin:0 5px;background-color:#d1d1d6;border-radius:100%}.course-price-index-point-active{width:10px;height:10px;margin:0 5px;background-color:#000;border-radius:100%}@media (max-width:1024px){.main-course{margin:auto}.course-item{width:80%}.course-item .badge-img{width:25.5vW}}@media screen and (min-width:576px) and (max-width:1200px){.course-item{width:36vw}}@media (max-width:575px){.course-list-scroll-left-button,.course-list-scroll-right-button{display:none}}.bg-blue{background:#0d7bff;color:#fff}.exam-component{display:flex;flex-direction:column;border-radius:1vw;background-image:url(/static/media/mask-group.c8bbdffd.png);background-size:cover;min-height:250px}.exam-container{background:#f1f7f5;border-radius:12px;color:#000;white-space:normal;padding:20px 15px;cursor:pointer;margin-bottom:10px}.exam-list-container{border:2px solid #34b37e;border-radius:10px;padding:7px 1px 11px;display:flex;justify-content:center;align-items:center;width:100%}.exam-list-header-container{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 10px}.exam-list-title{margin:0;font-size:30px}.exam-list-buttons{display:flex}.exam-arrow{width:5vh}.exam-arrow-mini{display:none}.exam-list-checkmark{width:15px;height:auto;margin:auto 6px 2px 2px}.exam-list-tag{font-size:clamp(12px,1vw,14px);color:#effffb;text-align:left;overflow-wrap:break-word;padding:.15vw .45vw;margin-right:5px;border-radius:20px;background:#34b37e;position:relative;top:1px;left:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.exam-list-container .video-tag-status-image{width:32px;height:22px;margin-right:-6px}.exam-subject-tags-container{display:flex;flex-wrap:wrap;grid-gap:2px;gap:2px}#exam-list-button-bottom{display:none}@media (max-width:1200px){.exam-arrow-mini{display:flex}.exam-arrow-large{display:none}}@media (max-width:575px){.bg-blue{border-radius:0}.exam-component{align-items:center}.exam-list-container{padding:9px 1px 11px;grid-gap:5px;gap:5px;border-right:none;border-left:none}.exam-list-checkmark{margin-left:0;margin-right:7px;margin-bottom:4px}.exam-list-container .video-tag-status-image{width:45px;height:auto;margin-left:-12px}.exam-items-container{padding:0}.exam-container{margin:5%}.exam-list-header-container{padding-top:20px;justify-content:center}.exam-name{margin-top:10px;font-size:18px;line-height:1.5}.exam-list-tag{padding:4px 6px;margin:0;font-size:16px;border-radius:10px}.exam-subject-tags-container{justify-content:end;grid-gap:4px;gap:4px}.exam-subject-tag{padding:4px 8px;font-size:16px}#exam-list-button-top{display:none}#exam-list-button-bottom{display:inline-block;margin-bottom:20px}}.live-stream-container{margin-top:2%;width:100%}.live-stream-broadcasting-title{font-size:22px;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;width:100%}.live-stream-items-container{display:flex;align-items:center;margin:auto}.live-stream-detail-title-container{display:flex;align-items:center;grid-gap:12px;gap:12px}.live-stream-bookmark{margin-bottom:32px}.live-stream-current-container{display:flex;margin-bottom:20px;padding:15px;cursor:pointer;border-radius:1vw}.live-stream-image{border-radius:1vw;margin:auto;border:2px solid #e9e9f2}.live-stream-broadcasting-tag{color:#fff;font-size:14px;background:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;padding:2px 5px;z-index:1}.live-stream-broadcasting-tag img{margin-right:5px;padding-bottom:2px}.live-stream-detail-container{height:100%;padding:0 clamp(20px,3vw,60px)}.live-stream-details{display:flex;flex-direction:column;justify-content:center;grid-gap:4px;gap:4px;margin-bottom:24px}.live-stream-detail-title{font-size:clamp(18px,2.2vw,40px);font-weight:900;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;text-align:left;color:#000}.live-stream-detail-title-container h2{margin:0}.live-stream-detail-description{font-size:clamp(16px,1.4vw,28px);margin:0;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#000}.live-stream-broadcasting-container{margin-top:10px;margin-left:10px;position:absolute;z-index:3;display:flex;align-items:center;grid-gap:5px;gap:5px}.live-stream-broadcasting-text{padding-left:10px;padding-right:10px;height:20px;border-radius:4px;font-size:10px;font-weight:700;text-align:left;color:#fff;display:flex;justify-content:center;align-items:center;background-color:red}.live-stream-video-container{border-radius:20px;overflow:hidden;border:6px solid red;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto}.live-stream-detail-date{font-size:clamp(14px,1.4vw,28px);color:#000;display:flex;grid-gap:5%;gap:5%}.live-stream-enter-button{padding:clamp(15px,1.4vw,30px);font-size:clamp(16px,1.4vw,28px);font-weight:700;border:none;border-radius:12px;background:#0b77ff;color:#fff;display:flex;justify-content:center;align-items:center}.live-stream-enter-button a,.live-stream-enter-button a:hover{text-decoration:none;color:inherit}.live-stream-enter-button img{width:4vw;max-width:44px;min-width:30px;margin-left:6px}.livestream-segment-button-container{display:flex;flex-wrap:wrap;margin-bottom:8px;margin-left:0;margin-right:0;box-shadow:0 0 1px 0 rgb(0 0 0/20%);border-radius:8px;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1px}.livestream-segment-button{padding:10px 20px;border:none;border-radius:8px;background-color:#fff;font-size:14px;cursor:pointer;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.livestream-segment-button.selected{background-color:#007bff;color:#fff;border:none}.livestream-segment-button:hover{background-color:#0056b3;color:#fff}.livestream-segment-button:not(.selected):hover{background-color:#e6f0ff;color:#007bff}.livestream-segment-button:active{background-color:#0056b3;border-color:#0056b3}@media screen and (max-width:768px){.live-stream-broadcasting-tag{display:flex;align-items:center;height:20px}.live-stream-broadcasting-tag img{height:15px;padding:0}.live-stream-detail-container{height:0%}}@media only screen and (max-width:575px){.live-stream-container{margin-top:0}.live-stream-items-container{flex-direction:column}.live-stream-detail-container{padding:0}.live-stream-details{grid-gap:10px;gap:10px;margin-top:14px;margin-bottom:0}.live-stream-bookmark{margin:0}.live-stream-enter-button-container{display:none}}.view-all-recent{background:#efeff4;border-radius:12px;padding:0 25px;margin-right:15px;display:inline-block;text-align:center;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.view-all-recent:hover{background:#ccc}.view-all-text{position:static;font-style:normal;font-weight:700;font-size:15px;color:#07f;margin:11.5px auto}.lsList-item{display:flex;flex-direction:column;align-items:start}.video-duration-image-lsList{width:10px;height:auto;margin-right:8px;margin-left:4px}.lsList-header-container{display:flex;align-items:center;flex-wrap:wrap;margin-top:6px;grid-row-gap:5px;row-gap:5px}.topic-name-ls-list{margin:0}.lsList-time span{margin-right:6px}.lsList-recent-buttons-container{display:flex}.lsList-scroll-button{width:44px;height:44px}.lsList-container{margin-top:2%;margin-left:15px}.lsList-title{margin-top:5%;margin-bottom:2%}.lsList-tag-container{margin-top:5px;margin-bottom:5px;grid-row-gap:5px;row-gap:5px}.lsList-time{padding:4px}@media (max-width:991px){.lesson-list-scroll-button-container{display:none}}.live-stream-table-list-title{font-size:25px;font-weight:700;font-stretch:normal;font-style:normal;line-height:.88;letter-spacing:normal}.live-stream-item p{white-space:break-spaces}.live-stream-item:last-child{margin-right:15px}.live-stream-item-logo{width:100%;border-radius:.7vw;border:2px solid #e9e9f2}.live-stream-item-image{padding:4px;position:relative}.live-stream-item-image.select{padding:3px}.live-stream-item-logo.select{border:4px solid #fe0000;width:calc(100% - 2px);height:calc(100% - 2px)}.live-stream-item-selected{width:100%;height:100%;top:0;position:absolute;border-radius:10px;padding:6px}.live-stream-item-unselected{width:100%;height:100%;top:-100%;position:relative;padding:10px}.live-stream-item-playing-text{height:20px;border-radius:23px;border:1px solid #d1d1d6;font-size:10px;font-weight:700;text-align:left;color:#fff;padding:2px 5px;justify-content:center;align-items:center}.live-stream-item-broadcasting-container{position:relative;display:flex;flex-direction:row}.live-stream-item-broadcasting-text{height:20px;border-radius:4px;font-size:10px;font-weight:700;text-align:left;color:#fff;padding:2px 5px;justify-content:center;align-items:center;background-color:red}.is-live{margin-left:5px}.livestream-schedule-table-sub-title{font-size:clamp(13px,1.2vw,20px);padding-left:15px}.live-stream-item-date-title{margin:0;font-size:clamp(13px,1.2vw,16px)}.live-stream-item-title{font-size:clamp(13px,1.2vw,20px);word-break:break-word;white-space:break-spaces}.livestream-schedule-scroll-left-button{margin-right:4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.livestream-schedule-scroll-left-button,.livestream-schedule-scroll-right-button{width:clamp(22px,3vw,44px);cursor:pointer}.livestream-schedule-scroll-button-container{width:clamp(60px,7vw,100px);margin-right:15px;display:flex;justify-content:flex-end}.livestream-notification-text{font-size:.9em;float:left}.notice-board-container{display:flex;justify-content:center;align-items:center;background-color:#0b7aff;padding:10px}.notice-board-megaphone{width:20px;height:20px;margin-left:auto;margin-right:8px}.notice-board-text-container{width:50%;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.notice-board-title{font-size:18px}.notice-board-text,.notice-board-title{font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#fff;margin-top:auto;margin-bottom:auto;white-space:pre-line}.notice-board-text{font-size:15px}.notice-board-close-button{cursor:pointer;margin-left:auto}@media only screen and (max-width:960px){.notice-board-text-container{width:80%;font-size:13px}.notice-board-text{max-width:60vh;font-size:13px}}@media only screen and (max-width:575px){.notice-board-container{flex-direction:column-reverse}.notice-board-megaphone{display:none}.notice-board-text{font-size:12px}.notice-board-close-button{margin:-16px -12px -12px auto}}#sampleVideoWrapper{position:absolute;inset:0}.sample-video-bg{width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:90%;max-height:90%;border-radius:20px;background-color:#fff;-webkit-animation:pop .3s;animation:pop .3s;z-index:5;position:fixed;inset:0;margin:auto;overflow:auto;display:flex;align-items:center;justify-content:center}.sample-video-modal{display:flex;flex-direction:column;align-items:center;padding:5% 0;width:100%}.sample-video-title{font-size:32px;margin-bottom:20px;text-align:center}@media screen and (max-width:768px){.sample-video-title{font-size:24px}}.sample-video-close-button{position:absolute;inset:2% 2% auto auto;z-index:2}.sample-video-container{width:75%}.sample-video-confirmation-modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);background-color:#fff;border:1px solid #e2e8f0;padding:20px 60px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);z-index:1000;display:flex;flex-direction:column;align-items:center;-webkit-animation:modalAppear .3s ease forwards;animation:modalAppear .3s ease forwards}@-webkit-keyframes modalAppear{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes modalAppear{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.sample-video-confirmation-modal p{font-size:20px;line-height:1.5;word-wrap:break-word;text-align:center}.sample-video-confirmation-modal p:first-child{margin-bottom:10px}.sample-video-confirmation-modal p:last-child{margin-bottom:20px}.sample-video-confirmation-modal-buttons{display:flex;font-size:20px}.sample-video-confirmation-modal button{background-color:#007bff;color:#fff;border:none;padding:10px 40px;border-radius:4px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:140px}.sample-video-confirmation-modal button:first-child{background-color:#28a745;margin-right:10px}.sample-video-confirmation-modal button:last-child{background-color:#dc3545;margin-right:0}.sample-video-confirmation-modal button:hover{background-color:#0056b3}.testimonal-item{border-radius:1vw;display:inline-block;cursor:pointer;text-align:center}.testimonal-img{max-width:100%}#filter{margin-top:16px;margin-bottom:16px}.filter-by-container{height:100%;display:flex;justify-content:flex-end;align-items:center}.filter-by-text,.input-filter select{font-size:15px;font-weight:700}.input-filter select{width:100%;height:44px;padding-left:10px;border-radius:12px;border:1px solid #d1d1d6;background-color:#efeff4;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000}.input-filter .drop{left:unset!important;right:20px!important;width:13px!important;height:13px!important}.input-filter img{position:absolute;width:19px;height:19px;top:0;bottom:0;left:25px;margin:auto}@media only screen and (max-width:663px){.filter-by-container{justify-content:center}.input-filter select{padding-left:5px;border:1px solid #fff;background-color:#fff}.input-filter .drop{left:unset!important;right:17px!important;width:10px!important;height:10px!important}}@media only screen and (max-width:768px){#content{width:100%!important}.box-mobile{min-height:15vh;color:transparent}}#content{width:96%}#sidebar-container-main{background-color:#fff}.mobile-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:0 200px 60px}.artwork{max-width:70%;width:auto;height:auto;margin:10px}.video-container{position:relative;width:90%;margin:10px 0;padding-bottom:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.mobile-features{display:flex;flex-direction:column}.mobile-price-plan-container{display:flex;justify-content:space-between;margin-top:20px;grid-gap:20px;gap:20px}.mobile-price-plan-column{display:flex;flex-direction:column;align-items:center;flex:1 1;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.mobile-plan-title{font-size:24px;font-weight:700;text-align:center;color:#333}.mobile-plan-subtitle{font-size:1.2rem;color:#333;margin:10px 0 20px;line-height:1.5;text-align:center}.mobile-price-plan-column ul{list-style:none;padding:0;margin:0}.mobile-price-plan-column li{display:flex;align-items:center;margin-bottom:12px}.mobile-price-plan-column label{font-size:16px;color:#333;cursor:default}.mobile-checkbox-list{display:flex;align-items:center;padding:20px 40px;font-family:"Helvetica Neue",sans-serif;border-radius:10px;margin:0 auto;grid-gap:40px;gap:40px}.mobile-checkbox-list ul{padding:0;margin:0}.mobile-checkbox-list li{display:flex;width:300px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e0e0e0}.mobile-checkbox-list li:last-child{border-bottom:none}.mobile-checkbox-list input[type=checkbox]{margin-right:12px;width:24px;height:24px;pointer-events:none;position:relative}.mobile-checkbox-list label{font-size:16px;color:#333;cursor:default;pointer-events:none}.mobile-empty-checkbox{padding:0 4px;margin-right:8px}.mobile-pay-button{display:inline-block;margin-top:15px;padding:10px 20px;font-size:1em;color:#fff;background-color:#f97d5e;border:none;border-radius:5px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;text-align:center}.mobile-pay-button:hover{background-color:#e86e4c}.mobile-checkbox-button-container{display:flex;flex-direction:column}@media (max-width:1024px){.mobile-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:0 0 40%}.artwork{max-width:90%;width:auto;height:auto;margin:10px}.video-container{position:relative;width:90%;margin:10px 0;padding-bottom:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.mobile-features{display:flex;flex-direction:column}.mobile-pay-starting-price{font-size:18px;font-weight:700;color:#333;margin-top:20px;text-align:center;padding:10px;border-radius:5px}.mobile-checkbox-list{background-color:#f9f9f9;box-shadow:0 2px 10px rgba(0,0,0,.1)}.mobile-checkbox-list li{width:250px}.mobile-pay-button{font-weight:700}}.mobile-1-container{padding-bottom:10%}.mobile-1-course-item-image{margin:40px}.mobile-pay-current-premium{text-align:center;margin:20px 0;grid-gap:10px;gap:10px}.mobile-pay-current-premium,.mobile-pay-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-pay-loading-container{height:100vh}.mobile-pay-spinner{margin-bottom:20px;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pay-mobile-image-upload{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.pay-mobile-image-upload input[type=file]{display:none}.pay-mobile-image-upload label{background-color:#f97d5e;border:2px solid #f97d5e;display:flex;align-items:center;padding:10px 20px;background-color:#4a90e2;color:#fff;border:2px solid #4a90e2;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.pay-mobile-upload-icon{margin-left:10px;width:20px;object-fit:contain}#payMobileFileName{margin-top:10px;font-size:14px;color:#666}.pay-mobile-message-us-button,.pay-mobile-messenger-container{display:flex;justify-content:center}.pay-mobile-message-us-button{padding:10px 20px!important;background-color:#fff;color:#006bbf;text-decoration:none;font-size:18px;font-weight:700;border:2px solid #006bbf;border-radius:5px;align-items:center;max-width:75%!important}.pay-mobile-message-us-button:hover{background-color:#006bbf;color:#fff}.pay-mobile-line-us-button{padding:10px 20px!important;background-color:#fff;color:#28a745;text-decoration:none;font-size:18px;font-weight:700;border:2px solid #28a745;border-radius:5px;display:flex;align-items:center;justify-content:center;max-width:75%!important}.pay-mobile-line-us-button:hover{background-color:#28a745;color:#fff}.mobile-pay-button-group{display:flex;justify-content:center;align-items:center;grid-gap:12px;gap:12px;margin:30px 0 20px}.mobile-pay-category-button{padding:12px 28px;border:1px solid transparent;cursor:pointer;border-radius:30px;font-size:15px;font-weight:600;letter-spacing:.5px;-webkit-transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease,color .3s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease,color .3s ease,-webkit-transform .2s ease;position:relative;overflow:hidden}.mobile-pay-category-button,.mobile-pay-category-button.active{background-color:#f97d5e;color:#fff}.mobile-pay-category-button:not(.active){background-color:#f9b79e;color:#a63f2a;box-shadow:none}.mobile-pay-category-button:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background-color:hsla(0,0%,100%,.2);-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;border-radius:50%}.mobile-pay-category-button:focus{outline:none;box-shadow:0 0 0 3px rgba(249,125,94,.5)}#addressAppend{background-color:#fff!important;margin-bottom:10px}#parentPhone{margin-top:10px}.address-modal-modal{max-width:100%;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.1)}.address-modal-header{background-color:#f5f6f7;border-bottom:2px solid #e0e0e0;padding:20px;text-align:center;font-weight:500}.address-modal-title{font-size:1.5rem;color:#333}.address-modal-body{padding:25px 20px;max-height:500px;overflow-y:auto;background-color:#fafafa}.address-modal-scrollable-list{max-height:300px;overflow-y:auto;padding:12px;border:1px solid #ddd;border-radius:8px;margin-top:12px;background-color:#fff}.address-modal-clickable-item{color:#555;border-bottom:1px solid #eee}.address-modal-clickable-item:last-child{border-bottom:none}.address-modal-clickable-item:hover{background-color:#f0f1f3;-webkit-transform:translateX(5px);transform:translateX(5px)}.address-modal-clickable-item.active{background-color:#e6eff9}.address-modal-h5{font-size:1.2rem;color:#333;margin-bottom:12px;text-transform:uppercase}.address-modal-clickable-item{padding:14px 20px;cursor:pointer;font-size:1.1rem;color:#333;-webkit-transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease;border:1px solid transparent;border-radius:8px;margin-bottom:8px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.address-modal-clickable-item:hover{background-color:#fff3e3;-webkit-transform:scale(1.02);transform:scale(1.02)}.address-modal-clickable-item.active{background-color:#0d6efd;color:#fff;border:1px solid #0a58ca}.address-modal-step-4{display:flex;align-items:center}.address-modal-step-4 h5{margin:0 20px 0 10px}.address-modal-step-4 input{width:auto;margin:0}.address-modal-input{width:100%;padding:12px 18px;font-size:1.1rem;border:1px solid #ccc;border-radius:8px;background-color:#fff;margin-top:10px;box-sizing:border-box;-webkit-transition:border-color .3s ease,box-shadow .2s ease;transition:border-color .3s ease,box-shadow .2s ease}.address-modal-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.4)}.address-modal-footer{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background-color:#f5f6f7;border-top:2px solid #e0e0e0;font-size:1rem}.address-modal-btn{padding:12px 25px;font-size:1.1rem;font-weight:500;border-radius:8px;cursor:pointer;-webkit-transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease;display:inline-flex;align-items:center;justify-content:center;font-weight:700;min-width:120px}.address-modal-btn-primary{background-color:#007bff;color:#fff;border:none}.address-modal-btn-primary:hover{background-color:#0056b3;-webkit-transform:scale(1.05);transform:scale(1.05)}.address-modal-btn-light{background-color:#f5f6f7;color:#007bff;border:1px solid #ddd}.address-modal-btn-light:hover{background-color:#e0e0e0;-webkit-transform:scale(1.05);transform:scale(1.05)}.address-modal-footer button{margin-left:12px}.address-modal-footer:after{content:"";display:table;clear:both}.address-modal-btn:hover,.address-modal-input:focus{-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.address-modal-step-4{display:block;align-items:flex-start}.address-modal-step-4 h5{margin:0}.address-modal-step-4 input{width:100%;margin:10px 0}}.mobile-pay-bg-sign-up{border-radius:20px;background-color:#fff;-webkit-animation:pop .3s;animation:pop .3s;max-width:465px;height:80%;margin:auto;overflow:scroll;overflow-x:hidden;padding:10px 10px 100px}.mobile-pay-header{text-align:center}.mobile-pay-input-signup{margin:8px 0}.mobile-pay-input-signup img{position:absolute;width:19px;height:19px;top:0;bottom:0;left:25px;margin:auto}.mobile-pay-input-signup input,.mobile-pay-input-signup select{width:100%;height:50px;padding-left:34px;border-radius:12px;border:1px solid #efeff4;background-color:#fff}.mobile-pay-input-signup select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000}.mobile-pay-input-signup .drop{left:unset!important;right:5%!important;width:13px!important;height:13px!important;margin:auto 15px}.otp-request-button-container{display:flex;flex-direction:column;align-items:center;margin-top:10px}#otp-request-button{display:flex;justify-content:center;padding:10px 20px;font-weight:700;text-decoration:none;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}#otp-request-button:hover{background-color:#0056b3}#otp-request-button:focus{outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.mobile-pay-otp-container{margin:30px 0}.mobile-pay-premium-text-payment{display:flex;flex-direction:column;align-items:center;font-size:18px;text-align:center}.select-wrapper{position:relative;display:inline-block;width:100%;margin-bottom:20px}.mobile-pay-form-payment{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60%;color:#07f;margin-top:10px;padding:5px 15px;border:1px solid #07f;border-radius:4px}.select-arrow{position:absolute;right:23%;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;font-size:20px;color:#07f}.select-wrapper:after{content:"";display:block;clear:both}.mobile-pay-price-display{display:flex;justify-content:center;font-size:18px;font-weight:700;margin:30px 0 10px}#promptpay-logo{max-width:50%;margin-bottom:25px}.mobile-pay-qr{display:flex;flex-direction:column;align-items:center;text-align:center;margin:20px 0}.mobile-pay-qr p{margin-top:10px}.mobile-pay-notes{text-align:center}.mobile-pay-notes-list{text-align:left}.mobile-pay-requirements{display:flex;flex-direction:column}.mobile-pay-accept{-webkit-transform:scale(1.5);transform:scale(1.5);border-radius:3px;border:1px solid #efeff4}.mobile-pay-register-button-container{display:flex;flex-direction:column;align-items:center}#mobile-pay-register-button{width:75%;height:50px;border-radius:12px;background-color:#f97d5e;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;border:none}.mobile-pay-checkbox-list{display:flex;flex-direction:column;padding:20px 40px;font-family:"Helvetica Neue",sans-serif;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:400px;margin:0 auto;text-align:left;text-align:initial}.mobile-pay-checkbox-list ul{padding:0;margin:0}.mobile-pay-checkbox-list li{display:flex;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e0e0e0}.mobile-pay-checkbox-list li:last-child{border-bottom:none}.mobile-pay-checkbox-list input[type=checkbox]{margin-right:12px;width:24px;height:24px;pointer-events:none;position:relative}.mobile-pay-checkbox-list label{font-size:16px;color:#333;cursor:default;pointer-events:none}.mobile-pay-empty-checkbox{padding:0 4px;margin-right:8px}.mobile-pay-address{margin-bottom:30px}.mobile-pay-address-dropdown-container{display:flex;grid-gap:10px;gap:10px;margin-top:20px}.mobile-pay-product-selection{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;padding:20px;border-radius:8px}.mobile-pay-product-item{width:100%;padding:12px 24px;border:2px solid #e8e8e8;border-radius:6px;cursor:pointer;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#333;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;font-size:16px;font-weight:500;position:relative;display:flex;justify-content:space-between;grid-gap:50px;gap:50px}.mobile-pay-product-item.selected,.mobile-pay-product-item:hover{border-color:#f97d5e}.mobile-pay-product-name{display:flex;flex-direction:column;text-align:right}.mobile-pay-product-radio{display:flex;align-items:center;cursor:pointer;white-space:nowrap}.mobile-pay-product-radio input[type=radio]{margin-right:8px;cursor:pointer}.mobile-pay-product-radio input[type=radio]:checked{accent-color:#f97d5e}.mobile-pay-savings-percentage{font-size:14px;font-weight:700;color:#f3b940}.mobile-pay-product-pricing{text-align:right;white-space:nowrap}.mobile-pay-total-price{font-size:14px;margin-top:10px}.mobile-pay-view-all-button{cursor:pointer;background-color:transparent;color:#353535;padding:8px 20px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:12px;font-weight:700;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}.mobile-pay-view-all-button:hover{background-color:#f0f0f0;color:#4d4d4d}.mobile-pay-view-all-button:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,49%,.5)}@media only screen and (max-width:575px){.mobile-pay-premium-text-payment,.mobile-pay-step-2{padding:0!important}.mobile-pay-product-selection{padding:0;margin:20px 0}}.payment-layout{z-index:5}.premium-bg{min-width:350px;width:35%;border-radius:20px;background-color:#fff;-webkit-animation:pop .3s;animation:pop .3s;z-index:5;top:0;left:0;right:0;bottom:0;margin:auto;overflow:scroll;overflow-x:hidden}.premium-step-top{display:flex;align-items:center;justify-content:center}.premium-step-text{display:flex;align-items:flex-start;justify-content:space-between}.premium-step-line{width:25%;height:4px;border-radius:12px;background-color:#efeff4}.premium-step-line.active{background-color:#fc0}.premium-step-point{width:10px;height:10px;border-radius:10px;background-color:#efeff4}.premium-step-point.active{background-color:#fc0}.premium-step-text .title{font-size:20px;font-weight:700;line-height:.95}.premium-step-text .subtitle,.premium-step-text .title{font-family:HelveticaNeue;font-stretch:normal;font-style:normal;letter-spacing:0;text-align:left;color:#efeff4}.premium-step-text .subtitle{font-size:10px;font-weight:400;line-height:1.5}.premium-step-text .subtitle.active,.premium-step-text .title.active{background-color:#fff;color:#fc0}.premium-title{font-family:HelveticaNeue;font-size:30px;font-weight:700;font-stretch:normal;font-style:normal;line-height:.73;letter-spacing:-.01px;text-align:left;color:#000}.premium-accept{border-radius:3px;border:1px solid #efeff4}.premium-button{width:420px;height:50px;border-radius:12px;background-color:#fc0;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.35;letter-spacing:normal;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;border:none}#payment-cancel-button{color:grey;background:#fff}.premium-button.disabled{opacity:.5;pointer-events:none}.loading-button-spinner{width:100%;height:50px;border-radius:12px;background-color:#fc0;display:flex;justify-content:center;align-items:center;color:#fff}.input-premium img{position:absolute;width:19px;height:19px;top:0;bottom:0;left:25px;margin:auto}.input-premium input{padding-left:34px}.input-premium-date input,.input-premium input{width:100%;height:50px;border-radius:12px;border:1px solid #efeff4;background-color:#fff}.input-premium-date input{padding-left:17px}.input-premium select{width:100%;height:50px;padding-left:34px;border-radius:12px;border:1px solid #efeff4;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:grey}.premium-text{font-family:HelveticaNeue;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.13;letter-spacing:-.36px;text-align:left;color:#000}.premium-text.bold{font-weight:700}.premium-text.green{color:#4cd964}.premuim-bank-select-layout{border:1px solid #f5f5f8;background-color:#fff;border-radius:8px}.premuim-bank-select{height:130px;display:flex;justify-content:space-between;align-items:center;border-radius:8px}.premuim-bank-select.active{background-color:#f5f5f8}.premium-bank-text{font-family:HelveticaNeue;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:2;letter-spacing:normal;text-align:left;color:#000}.premium-bank-text.bold{font-weight:700}#premium-prompt-image{width:88px}.premium-method-text{font-family:HelveticaNeue;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.9;letter-spacing:0;text-align:left;color:#a6a6a6}.premium-method-text.active{color:#fc0}.premium-method-info{width:60%}.promptpay-title{font-size:15px;font-weight:700}.promptpay-subtitle,.promptpay-title{font-family:HelveticaNeue;font-stretch:normal;font-style:normal;line-height:1.8;letter-spacing:0;text-align:left;color:#000}.promptpay-subtitle{font-size:10px;font-weight:400;white-space:nowrap}.premium-date-input input[type=date]::-webkit-inner-spin-button,.premium-date-input input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none}.bg-red{background-color:red}.overTop{z-index:5;background-color:#fff}.premium-date-hint{font-family:HelveticaNeue;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.13;letter-spacing:-.36px;text-align:left;color:#8e8e93}.premium-msg-button{border-radius:12px;border:2px solid #007aff;background-color:#fff;display:flex;justify-content:center;align-items:center}.premium-msg-button img{width:34px;height:34px;margin:8px}#qr-promptpay{max-width:120px;max-height:120px;width:100%}.input-premium .drop{left:unset!important;right:5%!important;width:13px!important;height:13px!important}.payment-amount-container{width:100%;padding-top:1.5rem;display:grid;justify-content:center;align-items:center}.payment-amount-text{margin:0;font-size:32px}.payment-amount-text-span{color:#ff9500;font-weight:700}.payment-content-package-text{font-size:24px;font-weight:700;text-align:center;color:#ff9500;margin-top:20px}.form-payment{color:#07f;padding-right:10px}.cancle-code{color:#07f!important;cursor:pointer}.premium-text-payment{font-family:HelveticaNeue;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.13;letter-spacing:-.36px;text-align:left;color:#000}.premium-text-payment.bold{font-weight:700}.premium-text-payment.green{color:#4cd964}.img-phone-appear{display:none}.qr-payment-section{text-align:center;border:1px solid #000;margin:20px 80px}.payment-submit-container{display:flex;flex-direction:column;align-items:center}.invalid-email{color:red;font-weight:700}@media (max-width:460px){.promptpay-title{font-size:12px}.premium-text-payment{font-size:16px}.premuim-bank-select{display:inline-flex;position:static;width:48%;text-align:center;height:auto;min-height:12vh}.img-phone{width:25%}.img-phone-disappear{display:none}.premium-method-text{text-align:center}.img-logo-phone{max-width:80%;height:auto}.img-phone-appear{display:block}}.payment-content-body{width:80%;max-width:500px;margin-bottom:50px}@media (max-width:1024px){.payment-content-body{margin-bottom:30vh}}.payment-history-list-container{padding-bottom:15px}.payment-history-list-titie{font-size:clamp(16px,1.3vw,20px);font-weight:700;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:-.01px;text-align:left;color:#000}.payment-history-list-item-container{border-radius:6px;border:1px solid #e5e5ea;margin-bottom:20px;padding-top:15px;padding-bottom:15px}.payment-history-list-item-profile-container{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center}.payment-history-list-item-profile-image{width:40px;height:40px;border-radius:25px;border:1px solid #e5e5ea}.payment-history-list-item-profile-detail-container{margin-left:10px}.payment-history-list-item-profile-fullname-text{margin:0;font-size:clamp(12px,1vw,15px);font-weight:700;color:#000}.payment-history-list-item-profile-login-text{margin:0;font-size:clamp(12px,1vw,15px);color:#8e8e93}.payment-history-list-item-transaction-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-left:1px solid #e5e5ea}.payment-history-list-item-transaction-date-text{margin:5px;font-size:clamp(12px,1vw,15px);color:#202124}.payment-history-list-item-transaction-pending-text{margin:5px;font-size:clamp(12px,1vw,15px);font-weight:700;color:#fc0;text-decoration:underline;cursor:pointer}.payment-history-list-item-transaction-pending-text:hover{color:#007aff}.payment-history-list-item-transaction-confirm-text{margin:5px;font-size:clamp(12px,1vw,15px);font-weight:700;color:#fc0}.payment-history-list-item-transaction-success-text{margin:5px;font-size:clamp(12px,1vw,15px);font-weight:700;color:#4cd964}.payment-history-list-item-transaction-danger-text{margin:5px;font-size:clamp(12px,1vw,15px);font-weight:700;color:red}.payment-history-list-item-transaction-gray-text{margin:5px;font-size:clamp(12px,1vw,15px);font-weight:700;color:grey}.payment-history-list-empty-item{width:100%;height:100%;text-align:center}.open-receipt-button{cursor:pointer}.cancel-confirm-custom-ui{text-align:center;padding:40px;background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.23);margin:50px}.cancel-confirm-custom-ui>h1{margin-top:10px;margin-bottom:10px;font-size:32px}.cancel-confirm-custom-ui>p{margin:0}.cancel-confirm-custom-ui>button{width:160px;padding:10px;margin:20px}.payment-history-pagination-controls{display:flex;justify-content:center;align-items:center;grid-gap:40px;gap:40px}.payment-history-list-item-product-container{display:flex;flex-direction:column;justify-content:center;align-items:end}.payment-history-list-item-amount-text,.payment-history-list-item-product-description{margin:0;font-size:clamp(12px,1vw,15px)}@media (max-width:767.5px){.cancle-button-payment-history{margin-top:10px}}.payment-history-content{margin:3% 12%;background-color:#fff}.payment-history-title-container{display:flex;align-items:center;grid-gap:50px;gap:50px;margin-bottom:25px}.payment-history-title{font-size:clamp(24px,1.8vw,30px);font-weight:700;margin:0}.payment-phone-handle{min-height:0}.message-us-button{display:inline-block;padding:10px 20px;background-color:#fff;color:#006bbf;text-decoration:none;font-size:16px;border:2px solid #006bbf;border-radius:5px;margin-top:10px;display:flex;align-items:center}.msg-icon{width:20px;height:20px;margin-right:8px}.message-us-button:hover{background-color:#006bbf;color:#fff}@media (max-width:1024px){.payment-phone-handle{min-height:15vh}}@media screen and (max-width:768px){.payment-history-title-container{flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:50px}}.payment-management-content{margin:3% 20%}.payment-management-title{font-size:30px;font-weight:700;margin-bottom:20px}.payment-card-list-container{padding-bottom:15px}.payment-card-list-titie{font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:-.01px;text-align:left;color:#000}.payment-card-list-item-container{border-radius:6px;border:1px solid #e5e5ea;margin-bottom:20px;padding-top:15px;padding-bottom:15px}.payment-card-list-item-type-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.payment-card-list-item-info-container{width:100%;height:100%;padding:8px 16px;display:grid;align-items:center;border-left:1px solid #e5e5ea}.payment-card-list-item-info-text{margin:5px;font-size:15px;color:#202124}.payment-card-list-empty-item{width:100%;height:100%;text-align:center}.delete-confirm-custom-ui{text-align:center;width:550px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.23)}.delete-confirm-custom-ui>h1{margin-top:10px;margin-bottom:10px;font-size:24px}.delete-confirm-custom-ui>button{width:160px;padding:10px;margin:20px}.livestream-page-container{width:100%;height:100%;margin:0}.menu-room{justify-content:center;margin:40px 0 15px;display:flex;padding:0 10px}.exam-room{background:#0d7bff;background-image:url(/static/media/certificate-bg.9a6332c7.png);background-repeat:no-repeat;background-size:cover;margin-right:5px;border-radius:25px;padding:10px 30px;display:flex;cursor:default}.exam-room-text{color:#fff;margin:auto 10px auto 15px}.exam-room-title{font-family:"SF Pro Text";font-style:normal;font-weight:700;font-size:30px;line-height:48px}.score-room{margin-left:5px;background:#000;background-image:url(/static/media/score-bg.0dfced85.svg),url(/static/media/score-bg-under.3a478b97.svg);background-repeat:no-repeat;background-size:cover;border-radius:25px;padding:10px 30px;display:flex;cursor:pointer}.score-text{color:#fff;margin:auto}.subject-room{margin:25px 0 15px 55px;padding:0 10px}.subject-room-subject{color:#000;background:#fff;border-radius:10px;padding:5px 10px 5px 20px;margin-right:15px;border:2px solid #efeff4;cursor:pointer;position:relative;margin-top:5px;margin-bottom:5px}.subject-icon{margin-top:10px;margin-bottom:10px;width:42px;height:42px}.select-exam{color:#fff;background:#0b7aff}.start-exam-img{max-width:25px}.subject-radio{position:absolute;top:10px;right:10px;border:none}input[type=radio]{accent-color:#4cd964;background-color:#bbdbff;border:red}.start-exam{color:#fff;background:#0b7aff;border:none;margin:50px auto auto;border-radius:10px;text-align:center;cursor:pointer;font-size:20px}.question-bg{position:absolute;z-index:5;top:50px;left:0;right:0;margin:auto;border-radius:15px;width:100%;max-width:800px;max-height:400px;height:100%;background:#fff;box-shadow:8px 8px 12px 0 #c1c0c0}.question-text{font-weight:700;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#000;padding:0 15px;font-size:.9vw;word-break:break-word;white-space:pre-line}.question-name-layout{border-radius:12px;background-color:#efeff4;justify-content:center;align-items:center;flex-direction:column;padding:5px}.number-question{position:absolute;width:25px;height:25px;background-color:#07f;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:left;color:#fff;border-radius:100%;text-align:center;top:3%;left:3%}.check-quiz{width:24px;height:24px;border-radius:4px}.answer{height:10%}.answer-text:hover{background-color:#ccc}.quiz-close{position:absolute;top:2%;right:2%}.image-choice-layout{display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:14px;background-color:#fff}.image-choice{height:120px;border-radius:12px 12px 12px 12px;z-index:1;object-fit:contain;border:1px solid #efeff4}.question-image{text-align:center}#mini-test-content{background-color:#f7f7fc;padding:20px}.mini-test-title{font-size:25px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.5}.mini-test-question-index-container{width:20px;height:22px;background-color:#0b7aff;border-color:#efeff4;border-style:solid;border-width:.5px 0;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px}.mini-test-question-index-text{font-size:10px;font-weight:700;text-align:center;color:#fff}.mini-test-question-title{font-size:18px;font-weight:700}.mini-test-question-image-container{width:100%}.mini-test-question-image{width:100%;height:100%;margin-bottom:10px;object-fit:cover;border:1px solid #efeff4;border-radius:6px}.mini-test-submit-container{width:70%;height:150px;margin-left:15%}.submit-answer-button{width:100%;height:50px}.mini-test-score-container{width:100%;height:260px;background-size:100% 260px;display:flex;justify-content:center;align-items:center}.mini-test-score-image-crown{margin-right:20px;width:100px;height:100px}.mini-test-score-text-score{margin:0;font-weight:700;font-size:40px;color:#fff;text-align:center}.mini-test-score-text-score-unit{margin:0;font-weight:700;font-size:12px;color:#fff;text-align:center}.mini-test-answer-container-text{display:flex;align-items:center;margin:10px 0;cursor:pointer}.mini-test-answer-container-image{margin:10px 0;cursor:pointer}.mini-test-answer-choice-image{margin-right:10px;width:24px}.mini-test-answer-image-container{width:100%;margin:10px 0 0}.mini-test-try-again-and-next-lesson-container{height:40px;margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between}.mini-test-try-again-button{background-color:#fff;border-width:2px;border-color:#0079ff;color:#0079ff}.mini-test-next-lesson-button,.mini-test-try-again-button{height:100%;width:47%;border-radius:8px;font-size:15px;font-weight:700}.mini-test-next-lesson-button{background-color:#0079ff;color:#fff}.mini-test-segmentation-line{width:100%;height:2px;background-color:#efeff4}.mini-test-show-answer-title{font-weight:700;font-size:30px;margin-top:20px}.mini-test-question-card{background-color:#fff;border-radius:20px;padding:20px;margin:20px 10px}.mini-test-question-item{display:-webkit-box}.mini-test-question-detail-container{padding-right:25px}.mini-test-answer-choice-index{width:50px;height:34px;border-radius:6px;border:1px solid #efeff4;background-color:#fff;display:flex;justify-content:center;align-items:center;margin-right:15px;color:#000}.mini-test-answer-choice-index-active{border-radius:6px;border:1px solid #0b7aff;background-color:#0b7aff}.mini-test-answer-choice-index-active,.mini-test-answer-choice-index-correct{width:50px;height:34px;display:flex;justify-content:center;align-items:center;margin-right:15px;color:#fff}.mini-test-answer-choice-index-correct{border-radius:6px;border:1px solid #48da64;background-color:#48da64}.mini-test-answer-choice-index-incorrect{width:50px;height:34px;border-radius:6px;border:1px solid #ff3c2f;background-color:#ff3c2f;display:flex;justify-content:center;align-items:center;margin-right:15px;color:#fff}.answer-reason-container{border-radius:6px;border:1px solid #efeff4;background-color:#f8f9fd;margin-top:20px;padding:16px}.answer-reason-title{font-size:20px;font-weight:700}.answer-reason-image-container{width:100%}.answer-reason-image{width:100%;height:100%;border-radius:6px;border:1px solid #efeff4;margin-top:10px;object-fit:cover}.answer-reason-text{font-size:16px;margin-top:10px;white-space:pre-line}.skip-question-container{width:100%;height:100%;margin-left:20px;margin-top:15px;background-color:#fff}.skip-question-button{width:clamp(85px,7vw,105px);height:clamp(36px,3vw,44px);border-radius:12px;border:1px solid #efeff4;background-color:#fff;margin:0 15px 15px 0;font-size:clamp(10px,.8vw,13px);font-weight:700;color:#000}.skip-question-button.active{background-color:#0b7aff;border:0 solid #fff;color:#fff;outline:none}aside{border:solid #efeff4;border-width:0 1px 0 0}.video-layout{width:100%;margin:auto}.doc-layout{border:2px solid #d1d1d6;background-color:#efeff4;width:90%}.no-padding{padding:0!important}.icon-resize{cursor:ew-resize;position:absolute;left:-3.5%;top:1%}.chapter-item{width:100%;min-height:60px;height:auto;text-overflow:ellipsis;overflow:auto;display:flex;align-items:center;padding:15px;font-size:clamp(15px,1.1vw,20px);font-weight:700}.chapter-tiem-status-success-image{width:clamp(10px,.8vw,15px);height:clamp(10px,.8vw,15px);margin-right:7px}.chapter-tiem-status-default-image{width:clamp(7px,.6vw,10px);height:clamp(7px,.6vw,10px);margin-left:2px;margin-right:9px}.state-item{height:60px;border-radius:10px;background-color:#fff;border:1px solid #e5e5ea;margin:0 15px 15px;display:flex;padding:8px;align-items:center}.state-item *{padding:2px}.active{border:1px solid #ffcd01}.chapter-item:hover,.state-item:hover{background-color:#efeff4}.Resizer{background:#000;opacity:.2;z-index:1;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}.Resizer:hover{-webkit-transition:all 2s ease;transition:all 2s ease}.Resizer.horizontal{height:11px;margin:-5px 0;border-top:5px solid hsla(0,0%,100%,0);border-bottom:5px solid hsla(0,0%,100%,0);cursor:row-resize;width:100%}.Resizer.horizontal:hover{border-top:5px solid rgba(0,0,0,.5);border-bottom:5px solid rgba(0,0,0,.5)}.Resizer.vertical{width:11px;margin:0 -5px;border-left:5px solid hsla(0,0%,100%,0);border-right:5px solid hsla(0,0%,100%,0);cursor:col-resize}.Resizer.vertical:hover{border-left:5px solid rgba(0,0,0,.5);border-right:5px solid rgba(0,0,0,.5)}.Resizer.disabled{cursor:not-allowed}.Resizer.disabled:hover{border-color:transparent}.vod-chapter-description{margin-left:20px;font-weight:bolder;font-size:clamp(20px,1.7vw,30px)}.vod-chapter-description-detail{margin-left:20px;margin-top:12px;font-size:clamp(12px,.9vw,15px)}.vod-classroom-name{font-size:clamp(20px,1.7vw,30px);font-weight:700}.vod-lesson-name{font-size:clamp(15px,1.1vw,20px);font-weight:700}.vod-sibebar-bg-container{background-color:#e9e9f2}.vod-sidebar-container{background-color:#f7f7fc;border-radius:20px;margin:20px 0;padding:20px;border:1px solid #fcfcfd}.vod-accordion-item-container{background-color:#fff;border-radius:12px;border:1px solid #e9e9f2;margin-bottom:15px}.vod-chapter-menu-title,.vod-chapter-menu-title-active{font-size:clamp(12px,.9vw,15px);margin-left:clamp(6px,.6vw,12px)}.vod-chapter-menu-title-active{font-weight:700}.vod-lock-container{width:30px;height:30px;background-color:#e5e5ea;display:flex;justify-content:center;align-items:center;border-radius:50px}.vod-lock-image{width:15px;height:18px}.vod-can-play-image{width:clamp(24px,1.8vw,30px);height:auto}.vod-chapter-description-content{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.three-dot-menu-icons li{background:none repeat scroll 0 0 #81869d;height:5px;width:5px;line-height:0;list-style:none outside none;margin-right:15px;margin-top:3px;vertical-align:top;border-radius:50%;pointer-events:none}.vod-chapter-dropdown-button{background-color:#fff;border:none;cursor:pointer}.vod-chapter-dropdown{display:inline-block;position:static;right:.4em}.vod-chapter-dropdown-content{position:absolute;background-color:#f9f9f9;min-width:160px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;right:15px}.vod-chapter-dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.show-dropdown-content{display:block!important}.hide-dropdown-content{display:none!important}.vod-modal-payment{margin:auto;width:45vw;text-align:center}
/*# sourceMappingURL=main.abe17641.chunk.css.map */