@font-face{font-family:Montserrat;src:url(../../../font/Montserrat-Regular.ttf)}
@font-face{font-family:MontserratBold;src:url(../../../font/Montserrat-Bold.ttf)}
@font-face{font-family:MontserratBlack;src:url(../../../font/Montserrat-ExtraBold.ttf);font-weight:900}
@font-face{font-family:OpenSansExtraBold;src:url(../../../font/OpenSans-ExtraBold.ttf);font-weight:900}
*{margin:0;padding:0;box-sizing:border-box}
body,html{font-family:Montserrat,sans-serif;font-size:18px;width:100%;height:100%;color:#262626;scroll-behavior:smooth}
img{vertical-align:middle;max-width:100%}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.over-hin{overflow:hidden}
.container{max-width:1176px;margin:0 auto;padding:0 12px}
.clSilver{color:#9a9999}
.bold{font-family:MontserratBlack,sans-serif}
.title h3{font-size:34px!important;color:#ffe400!important;clip-path:none!important;background:#0772ec!important;font-family:MontserratBlack,sans-serif;text-align:center;height:auto!important;width:100%;margin:0 auto 34px;padding:12px;border-radius:0 0 24px 24px;display:inline-block}
.frameBtn{display:inline-block;padding:8px 20px;border-radius:7px;text-decoration:none}
#normalHeader .header{background:#fff}
#normalHeader.png{background-image:url(../img/backgroundPC.png);background-color:#ffc800}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp);background-color:#ffc800}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotline.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(../img/iconUser.png);background-size:17px}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .header>div>ul .logo img{width:160px}
#normalHeader .wrapperBanner{padding:0 24px}
#normalHeader .wrapperBanner .banner{width:calc(100% - 320px);position:relative;padding-bottom:24px}
#normalHeader .wrapperBanner .headerForm{max-width:320px;width:100%}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{background:#f2f2f2;border:none;color:#8c8c8c;font-size:16px;position:relative}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#8c8c8c}
#normalHeader .wrapperBanner .headerForm form textarea{min-height:108px;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm .formTitle{color:#0872ec;font-size:22px;font-family:MontserratBold,sans-serif}
#normalHeader .wrapperBanner .headerForm{padding:0;background:0 0;display:flex;justify-content:center;align-items:center}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:20px 20px 25px;border:none;border-radius:23px;position:relative}
#normalHeader .wrapperBanner .headerForm>form::before{content:"";width:100%;height:100%;border:1px solid #0f807c;border-top:1px solid transparent;border-left:1px solid transparent;position:absolute;z-index:0;border-radius:26px;right:-6px;bottom:-6px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#e14e3e;color:#fff;cursor:pointer;border:none;text-transform:capitalize;font-size:20px;font-family:Montserrat!important;padding:7px 24px}
#normalHeader .header>div>ul a{text-decoration:none;color:#0772ec;font-family:MontserratBold,sans-serif}
#normalHeader{background-position:0 55px}
#normalHeader .wrapperBanner .bannerPC{line-height:0}
#normalHeader .wrapperBanner .headerForm form>div{position:relative;z-index:2}
#normalHeader .wrapperBanner .headerForm form select{position:relative}
#normalHeader .countDown{display:inline-block;margin-left:16px;padding:17px 0}
#normalHeader .countDown .text{font-family:MontserratBold,sans-serif;background:#e6102c;border-radius:5px;padding:6px 8px;margin:0 1px;color:#fff}
#roadSun{background:#ffc600;overflow:hidden}
#roadSun .container{position:relative}
#roadSun .titleLotrinhsun{width:calc(100% + 24px);border:2px dashed #fff;display:flex;text-align:center;height:70px;margin-left:-24px;align-items:center;justify-content:center;border-radius:8px;position:absolute;z-index:0}
#roadSun .titleLotrinhsun span{font-size:29px;font-family:OpenSansExtraBold;-webkit-text-stroke:1px #fff;position:absolute;top:-34%;color:#0772ec;font-weight:600}
#roadSun .blockTabs{background:#fff;border-radius:5px;position:relative;margin-top:30px;z-index:1}
#roadSun .blockTabs .tab{display:grid;grid-template-columns:repeat(auto-fit,33.33%);border:2px solid #0772ec;border-radius:7px}
#roadSun .blockTabs .tab p{text-align:center;padding:20px;color:#0772ec;cursor:pointer;background:0 0}
#roadSun .blockTabs .tab p.active,#roadSun .blockTabs .tab p:hover{background:#0772ec!important;color:#fff}
#roadSun .blockTabs .tab p:nth-child(1){clip-path:polygon(0% 0,93% 0,100% 50%,93% 100%,0 100%)}
#roadSun .blockTabs .tab p:nth-child(2){clip-path:polygon(93% 0,100% 50%,93% 100%,0 100%,7% 50%,0 0)}
#roadSun .blockTabs .tab p:nth-child(3){clip-path:polygon(0 0,100% 0,100% 100%,0 100%,7% 50%)}
#roadSun .blockTabs .content{display:none}
#roadSun .blockTabs .content.active{display:block}
#roadSun .blockTabs .content li{list-style:none;display:flex}
#roadSun .blockTabs .content li:nth-child(even){background:#ebebeb}
#roadSun .blockTabs .content li p:nth-child(1){min-width:20%;font-family:MontserratBold;padding:24px 12px}
#roadSun .blockTabs .content li p{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}
#roadSun .blockTabs .content li p:nth-child(2){padding:12px}
#roadSun .blockTabs .content li p span{display:block;margin-bottom:10px;background:url(../img/dottedBlue.png) no-repeat left;padding-left:16px}
#roadSun .blockTabs .content li p span:last-child{margin-bottom:0}
#roadSun .groupBtn{display:flex;justify-content:center;row-gap:24px;column-gap:24px;padding:34px 0}
#roadSun .groupBtn a{border-radius:10px;font-family:MontserratBold}
#roadSun .groupBtn .btnMuaNgay{background:#6340f6;color:#fff}
#roadSun .groupBtn .btnHocThu{background:#fff;color:#6340f6;border:1px solid #6340f6}
#listTeacherOnRoadTrain{padding-bottom: 36px;}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap.active{display:block}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap,#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo{display:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo:first-child{display:block}
#listTeacherOnRoadTrain .title{margin:0 auto}
#listTeacherOnRoadTrain .contentListTeacher{margin-top:37px;display:grid;grid-template-columns:395px calc(100% - 395px)}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:flex;margin-bottom:18px;font-size:24px;flex-wrap:wrap}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow:1;flex-basis:0}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{display:block;text-align:center;text-decoration:none;color:#262626;position:relative}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{font-family:MontserratBold,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;bottom:-18px;left:50%;margin-left:-10px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent{display:flex;justify-content:center;align-items:center;text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{margin-bottom:25px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent h3{color:#531752}
#listTeacherOnRoadTrain .contentListTeacher .rightContent{padding-left:24px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent ul{list-style:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:#ebebeb;padding:17px;border-radius:7px;margin-bottom:27px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{padding-left:31px;margin-bottom:10px;background:url(../img/iconCheck.png) left 4px/18px no-repeat}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li:last-child{margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn{text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:24px;border:2px solid #6340f6;color:#6340f6;background:#fff}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3;list-style:none;margin-top:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{display:inline-block;width:69px;height:69px;margin-left:12px;border-radius:99px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{display:block;width:100%;position:relative;filter:brightness(0.5)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a{filter:brightness(1)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a:after{content:"";width:15px;height:15px;background:url(../img/iconActiveBlue.png) center/contain no-repeat;position:absolute;right:5px;top:3px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active,.avatarSubject.active{display:block}
.avatarSubject,.avatarSubject .imageTecher{display:none}
.avatarSubject .imageTecher:first-child{display:block}
#viewListCourse{padding:0 0 35px;background:url(../img/textureDotted.png) #fffab9;overflow:hidden}
#viewListCourse .title,.threeItem .title{width:fit-content;margin:0 auto 34px;position:relative}
#viewListCourse .title h3,.threeItem .title h3{padding:20px 60px;margin-bottom:0}
#viewListCourse .tabSubject{display:flex;border-radius:99px;list-style:none;background:#f79310;margin-bottom:24px;flex-wrap:wrap}
#viewListCourse .tabSubject li{flex-grow:1;flex-basis:0}
#viewListCourse .tabSubject li a{padding:15px 0;display:block;text-align:center;text-decoration:none;font-size:24px;color:#fff}
#viewListCourse .tabSubject li a:hover{color:#ccc}
#viewListCourse .tabSubject li.active a{background:#fff;border-radius:99px;font-weight:700;color:#0772ec}
#viewListCourse .scrollTab{overflow-y:auto;margin-bottom:24px}
#viewListCourse .scrollTab .listCourse{white-space:nowrap;padding:12px 0}
#viewListCourse .scrollTab .listCourse a{color:#0772ec;border:2px solid #0772ec;margin-left:24px;padding-top:12px;padding-bottom:12px;font-size:24px;background:0 0}
#viewListCourse .scrollTab .listCourse a:first-child{margin-left:0}
#viewListCourse .scrollTab .listCourse a.active{background:#0772ec;color:#fff}
#viewListCourse .viewCourse .item{display:flex;margin-bottom:24px;border-bottom:2px dashed #adddd0;padding-bottom:24px}
#viewListCourse .viewCourse .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
#viewListCourse .viewCourse .item .laptop{width:calc(50% + 26px)}
#viewListCourse .viewCourse .item .laptop .video{border-radius:30px;overflow:hidden;text-align:center}
#viewListCourse .viewCourse .item .laptop .video img{height:327px;object-fit:cover}
#viewListCourse .viewCourse .item .rightContent{padding-left:24px;width:calc(50% - 12px);display:flex;flex-direction:column;justify-content:space-between}
#viewListCourse .viewCourse .item .rightContent h3{margin-bottom:12px}
#viewListCourse .viewCourse .item .rightContent ul{list-style:none}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child){padding-left:25px;background:url(../img/iconStar.png) no-repeat left;margin-bottom:12px}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) a{text-decoration:none;color:#262626}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child):last-child{margin-bottom:0}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) span{padding-right:20px}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) span:last-child{padding-right:0}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{font-size:24px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .btnStudyFree{border:2px solid #6340f6;color:#6340f6;margin-right:24px;background:#fff}
#viewListCourse .viewCourse .item .rightContent .groupBtn .watchCourse{background:#6340f6;color:#fff;border:2px solid transparent}
#viewListCourse .courseInfo{display:none}
#viewListCourse .courseInfo.active{display:block}
#viewListCourse .courseInfo .viewCourse{display:none}
#viewListCourse .courseInfo .viewCourse.active{display:block}
.laptop .video{width:94%;position:absolute}
#videoLeftStyle2>div{padding:0;display:flex;align-items:flex-start;border:none}
#videoLeftStyle2>div .wrapperVideo{border:1px solid #e1e1e1;padding:12px}
#videoLeftStyle2>div .wrapperContent{padding-left:12px}
#videoLeftStyle2>div .wrapperContent ul li{margin-bottom:12px;padding:0 0 0 12px;border:none;border-radius:unset;width:100%;text-align:justify;border-left:5px solid}
#videoLeftStyle2>div .wrapperContent ul li span{display:block;width:fit-content;font-family:MontserratBold;text-decoration:underline}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(odd){margin:0 0 12px}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(1){border-color:#f79646}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(1) span{color:#f79646}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(2){border-color:#9bbb59}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(2) span{color:#9bbb59}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(3){border-color:#19c2b1}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(3) span{color:#19c2b1}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(4){border-color:#aa6ada}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(4) span{color:#aa6ada}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(5){border-color:#a92238}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(5) span{color:#a92238}
.threeItem{background:url(../img/textureThreeItem.png) no-repeat center/cover;padding:0 0 63px}
.threeItem .container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.threeItem .container ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;column-gap:43px;row-gap:80px;margin-top:30px}
.threeItem .container ul li{display:block}
.threeItem .container ul li .blockHead{height:100%}
.threeItem .container ul li,.threeItem .container ul li .blockHead{position:relative}
.threeItem .container ul li .blockHead .content{height:100%;width:100%;text-align:center;background:#fff;border-radius:17px;position:relative;padding:8px}
.threeItem .container ul li .blockHead .content .tagSale{position:absolute;top:-7px;left:-7px}
.threeItem .container ul li .blockHead .content .tagPR{position:absolute;top:-39px;right:-39px}
.threeItem .container ul li .blockHead .content::before{content:"";width:80%;height:10px;border-radius:0 0 10px 10px;background:#000;position:absolute;top:0;left:10%}
.threeItem .container ul li .blockHead .content>div{border-radius:17px;padding:30px 0 12px}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(1){font-size:25px;margin-bottom:12px;font-family:MontserratBold,sans-serif}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(2){padding:0 30px}
.threeItem .container ul li:nth-child(1) .blockHead .content .headTitle p:nth-child(3){color:#46aeaf}
.threeItem .container ul li:nth-child(2) .blockHead .content .headTitle p:nth-child(3){color:#991b50}
.threeItem .container ul li .btnMuaNgay{text-decoration:none;padding:8px 0;width:194px;position:absolute;bottom:-22px;left:50%;margin-left:-97px;text-align:center;border-radius:8px;font-size:24px;color:#fff}
.threeItem .container ul li .priceOriganal{color:#575757;margin-bottom:12px}
.threeItem .container ul li .titleBottom{width:60%;margin:0 auto}
.threeItem .container ul li .priceCombo{font-size:24px;margin-bottom:40px;color:#474747}
.threeItem .container ul li .styleEvent2{font-size:40px;margin-bottom:40px}
.threeItem .container ul li:nth-child(1) .styleEvent2{color:#46aeaf}
.threeItem .container ul li:nth-child(2) .styleEvent2{color:#6340f6}
.threeItem .container ul li:nth-child(3) .styleEvent2{color:#ed3c5a}
.threeItem .container ul li:nth-child(1) .titleBottom{color:#46aeaf}
.threeItem .container ul li:nth-child(2) .titleBottom{color:#6340f6}
.threeItem .container ul li:nth-child(3) .titleBottom{color:#ed3c5a}
.threeItem .container ul li:nth-child(1) .blockHead .content::before,.threeItem .container ul li:nth-child(1) .btnMuaNgay{background:#46aeaf}
.threeItem .container ul li:nth-child(2) .blockHead .content::before,.threeItem .container ul li:nth-child(2) .btnMuaNgay{background:#6340f6}
.threeItem .container ul li:nth-child(3) .blockHead .content::before,.threeItem .container ul li:nth-child(3) .btnMuaNgay{background:#ed3c5a}
.threeItem .container ul li:nth-child(1) .content{border:4px solid #46aeaf}
.threeItem .container ul li:nth-child(2) .content{border:4px solid #6340f6}
.threeItem .container ul li:nth-child(3) .content{border:4px solid #ed3c5a}
.threeItem .container ul li .txtSale{margin-bottom:20px;position:absolute}
.threeItem .title h3{background:#6340f6!important;color:#fff!important}
.threeItem .container ul li .listPR{text-align:left;padding:12px;border-radius:5px;font-style:italic}
.threeItem .container ul li .headTitle{margin-bottom:13px}
.threeItem ul li .boxSale img{height:85px;margin:12px 0}
.threeItem ul li .boxSale{border:1px dashed;border-radius:7px;padding:12px;width:85%;margin:27px auto 18px}
.threeItem ul li:nth-child(1) .boxSale{border-color:#46aeaf}
.threeItem ul li:nth-child(2) .boxSale{border-color:#6340f6}
.threeItem .container ul li .saleTo{display:block;margin:12px 0 0}
.threeItem .container ul li .boxSale .saleTo{font-size:25px;background:#fff;width:fit-content;display:block;margin:-30px auto 7px}
.threeItem .container ul li{width:368px}
.threeItem .container ul li p>img{margin-left:12px;width:65px;height:65px;object-fit:contain;padding:5px;border-radius:5px}
.threeItem .container ul li:nth-child(1) p>img{background:#6340f6;border:2px dashed #ffdc00}
.threeItem .container ul li:nth-child(2) p>img{background:#ffdc00;border:2px dashed #6340f6}
.threeItem .container ul li .listPR p{font-size:14px;font-style:italic;margin-bottom:5px;padding-left:12px;background:url(../img/dottedBlack.png) no-repeat left}
.threeItem .luuY{background:yellow;border-radius:10px;border:1px dashed #262626; padding: 12px;display: block;margin-top: 57px;}
.laptopVideo{overflow:hidden;padding:20px 12px 15px;width:100%;background:url(../img/bgLeftIntro.png) no-repeat left,url(../img/bgRightIntro.png) no-repeat right;position:relative;z-index:2}
.laptop{width:958px;position:relative;display:flex;align-items:center;justify-content:center}
.laptop .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.laptop .video .wrapIframe{width:100%;position:relative;padding-bottom:56.25%}
.laptop .video .wrapIframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.sliderVideo{width:100%;max-width:1224px;padding:0 12px;margin:0 auto 40px}
.sliderVideo .laptop img{width:100%}
.sliderVideo .laptop .imgYoutube{position:absolute;width:85%}
.sliderVideo .laptop .btnYoutube{position:absolute;width:fit-content}
.sliderVideo .laptop .video{width:85%}
.sliderVideo .laptop:hover{cursor:pointer}
.sliderVideo .laptop:hover .btnYoutube{filter:brightness(0.89)}
.sliderVideo .bxsliderVideo{display:grid;grid-template-columns:repeat(auto-fit,700px);column-gap:24px;margin-left:-350px;left:50%}
.sliderVideo .bx-controls-direction{display:flex;justify-content:center;padding:12px 0;margin-top:12px}
.sliderVideo .bx-controls-direction a{width:40px;text-decoration:none;border-radius:5px;padding:7px 0;background:#ff9f00;text-align:center;font-family:OpenSansBold;color:#fff;transition:all .4s}
.sliderVideo .bx-controls-direction a:hover{transform:scale(1.2) rotate(360deg)}
.sliderVideo .bx-controls-direction .bx-prev{margin-right:12px}
div#popupNotify_VIEWDEMOVIDEO .buttonWrapper{display:none}
div#popupNotify_VIEWDEMOVIDEO .content .wrapVideo{padding-bottom:56.25%;height:100%;position:relative}
div#popupNotify_VIEWDEMOVIDEO .content{padding:10px}
div#popupNotify_VIEWDEMOVIDEO .content .wrapVideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.sliderVideo .title h3{color:#6340f6!important;background:0 0!important}
#popupListCourse4{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:888;display:none;justify-content:center;align-items:center}
#popupListCourse4 .popup{position:relative;width:50%;background:#fff;border-radius:10px}
#popupListCourse4 .popup>a{position:absolute;top:12px;right:12px;z-index:1}
#popupListCourse4 .popup>div{position:relative;height:0;padding-bottom:56.25%}
#popupListCourse4 .popup>div>iframe{position:absolute;width:100%;height:100%;border-radius:10px}
@media all and (min-width:769px){.sliderVideo .bxsliderVideo>div{float:none!important;width:100%!important;display:flex;justify-content:center}
@keyframes witdOn{0%{width:80%}
100%{width:100%}}
@keyframes witdOut{0%{width:100%}
100%{width:80%}}
.sliderVideo .bxsliderVideo>div[aria-hidden=true] .laptop{width:80%;animation:witdOut 1s forwards;position:relative}
.sliderVideo .bxsliderVideo>div[aria-hidden=true] .laptop *{filter:contrast(0.5);-webkit-backdrop-filter:blur(0.5)}
.sliderVideo .bxsliderVideo>div[aria-hidden=false] .laptop{width:100%;animation:witdOn 1s forwards}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:10px}
::-webkit-scrollbar{width:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px;background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent)}}
#listTeacherStyle4,#sixPoint,.laptopVideo,.sliderVideo,.speedUpContainer{padding-top:30px;padding-bottom:30px}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#6340f6;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#6340f6;background:#ffdc00;border-bottom:4px solid #ffa200;cursor:pointer}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div textarea{background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupRequestAdvisory>div>a{background:url(../img/iconClose.png) 0 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#normalHeader .wrapperBanner .banner .groupCallAction{position:absolute;row-gap: 12px;column-gap: 12px;bottom:11.5%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
#normalHeader .wrapperBanner .banner .btnTimHieuThem,#normalHeader .wrapperBanner .banner .btnMuaNgay{font-family:MontserratBlack,sans-serif;padding:6px 12px;border-radius:5px;font-weight:700;font-size:1.3em;cursor:pointer}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{background:#603df1;color:#fff}
#normalHeader .wrapperBanner .banner .btnMuaNgay{background:#0772ec;color:#fff}
#tipCourse{background: url(../img/textureDotted.png) #0772ec}
#listTeacherStyle5>.navBlock>.wrap>ul,#listTeacherStyle5>div .wrapperSubject>div{width:100%}
#listTeacherStyle5>div .wrapperSubject>.avatarTeacher,#listTeacherStyle5>div .wrapperSubject>div .navTeacher{display:none}
.title.tip{width:fit-content;margin:0 auto 65px}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li:first-child{background:0 0;font-weight:700;text-transform:uppercase;padding:0;margin-left:0;font-family:OpenSansBold,sans-serif}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li{text-transform: uppercase;margin-left:17px;margin-bottom:14px;background:url(data:image/png;base64,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) left/16px no-repeat;}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li:last-child{background:0 0;margin:40px 0 0;padding:0;text-align:center}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li>.num{display:none}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li .buyCovering{max-width:400px;margin:auto;display:flex;justify-content:space-around;align-items:center}
#listTeacherStyle5 .navBlock>.wrap>ul{background:#fffab9;border-radius:33px;overflow:hidden}
#listTeacherStyle5>.navBlock>.wrap>ul li a.active,#listTeacherStyle5>.navBlock>.wrap>ul li a:hover{background:#ed3c5a;border-radius:99px;font-weight:700;color:#fff}
#listTeacherStyle5>.navBlock>.wrap>ul li a{color:#ed3c5a;padding:15px 0}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li .buyCovering button{background:#ed3c5a;color:#fff;border:0;font-size:16px;border-radius:8px;cursor:pointer}
#listTeacherStyle5 .wrap{max-width:1100px;margin:auto auto 25px;padding:0 15px}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div:not(:first-child) {display:block}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div {padding:25px 15px 20px;background:#fff;margin-bottom:20px;border-radius:10px}
#tipCourse .title h3{background: #ed3c5a!important;color: #fff!important}
#listGiftCourse select{width:100%;font-size: 18px;padding: 13px 12px;display: block;outline: none;background: #ffc800;border: 4px dashed #6340f6;color: #6340f6}
#listGiftCourse option{padding:12px}
#list-result-sun{padding-bottom:24px}
#list-result-sun .listImagePC{list-style: none;display: flex;flex-wrap: wrap;row-gap: 12px;column-gap: 12px;margin-bottom:24px}
#list-result-sun .listImagePC li{width: calc(33.33% - 8px);}
#list-result-sun .listImagePC li img{width: 100%;border-radius: 15px;transition: all .4s;}
#list-result-sun .listImagePC li:nth-child(odd) img:hover{transform: scale(1.04) rotate(10deg);box-shadow: 15px 20px 5px 0px #00000040}
#list-result-sun .listImagePC li:nth-child(even) img:hover{transform: scale(1.04) rotate(-10deg);box-shadow: 15px 20px 5px 0px #00000040}
#list-result-sun .sliderMobi{display:none}
@media all and (max-width:1024px){#normalHeader .wrapperBanner .headerForm .formTitle{font-size:16px}
.videoLeftContainer .moduleVideoLeft{padding:12px}
#demoLesson .videoLesson{width:60%}
.speedUpContainer .moduleVideoLeft .Info{width:calc(100% - 395px);margin-left:12px}
.speedUpContainer .TagStep::after,.speedUpContainer .TagStep::before{display:none}
.speedUpContainer .TagStep{width:100%;margin-left:0;border-radius:7px;min-height:auto;padding-left:24px}
.speedUpContainer .TagStep div{width:60px;left:-15px;top:-11px}
.speedUpContainer .TagStep P{padding-left:36px}
#listTeacherOnRoadTrain .contentListTeacher{grid-template-columns:100%;row-gap:24px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent{order:1}
#listTeacherOnRoadTrain .contentListTeacher .rightContent{order:3;padding-left:0}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{order:2;text-align:center;grid-column-start:unset;grid-column-end:unset;grid-row-start:unset;grid-row-end:unset}
#viewListCourse .viewCourse .item .laptop,#viewListCourse .viewCourse .item .rightContent{width:50%}
#popupListCourse4 .popup{position:relative;width:calc(100% - 40px);background:#fff;border-radius:10px}
#videoLeftStyle2>div .wrapperContent{padding-right:12px}}
@media all and (max-width:955px){.speedUpContainer .moduleVideoLeft .Info,.speedUpContainer .moduleVideoLeft .video{width:100%;padding-left:0}
.speedUpContainer .moduleVideoLeft .video{float:unset;height:auto;width:60%;margin:0 auto}
.speedUpContainer .wrapImage{position:unset}
#normalHeader .hotline .countDown{margin-left:0}
#normalHeader .hotline .countDown .text{padding:4px 6px}
.threeItem .container ul li .blockHead .content .tagPR{right:-16px}}
@media all and (max-width:768px){#normalHeader .wrapperBanner{padding:24px 0}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{bottom:0}
.speedUpContainer .moduleVideoLeft .Info{width:100%;padding:0;margin-left:0}
.speedUpContainer .moduleVideoLeft .video{width:48%;margin:0 auto 17px}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader{background-size:calc(100% + 67px);background-position:top}
#normalHeader .wrapperBanner .banner{width:100%;padding-bottom:53px}
#normalHeader .wrapperBanner .headerForm{margin:24px auto 0;max-width:400px;width:calc(100% - 24px);}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:12px}
#normalHeader .wrapperBanner .headerForm>form::before{display:none}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{margin-top:0;font-size:16px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{font-size:14px}
#normalHeader .countDown{display:none}
.laptopVideo .laptop{margin:12px 0;width:100%}
.laptopVideo .groupBtnRegister{margin-bottom:20px}
.laptopVideo .groupBtnRegister .btnStudyDemo{margin-right:20px}
.laptopVideo{width:100%;margin:0 auto}
.laptopVideo .laptop .video{width:100%}
.sliderVideo .bxsliderVideo{grid-template-columns:unset;column-gap:unset;margin-left:0;left:0;display:block}
.sliderVideo .laptop .btnYoutube{width:70px}
.sliderVideo .laptop{margin:0 auto;width:calc(100% - 24px)}
.speedUpContainer .TagStep P{padding-left:36px;height:65px}
.speedUpContainer .TagStep div{width:48px;height:100%;left:0;top:0;color:#fff;background:#5b71bf;font-size:24px;font-family:MontserratBlack;border-radius:7px}
.title h3{font-size:24px!important}
#infoRightImageStyle4 .content>div{width:100%}
.threeItem .container ul li .blockHead .content>div{padding:45px 0 30px}
.threeItem .container ul{row-gap:40px}
#listTeacherOnRoadTrain{padding-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:59px;height:59px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li:first-child{margin-left:0}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:block;margin-bottom:30px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .tabSubject{display:none}
#listTeacherOnRoadTrain .contentListTeacher{margin-top:16px;row-gap:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject{margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{display:inline-block}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{white-space:nowrap}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a{position:relative}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a::after{content:"";display:block;width:30px;height:3px;background:#5f549b;position:absolute;left:50%;margin-left:-15px;bottom:-3px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{margin-bottom:18px;padding:12px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent h3{font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{margin-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{margin-top:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:18px}
#listTeacherOnRoadTrain .title{width:100%}
#viewListCourse{margin:8px 0 45px}
#viewListCourse .title,.threeItem .title{margin:0 auto 15px}
#viewListCourse .wrapHiddenRadius{overflow:hidden}
#viewListCourse .wrapScrollMenu{overflow:auto;background:#49c5af;border-radius:99px}
#viewListCourse .wrapScrollMenu .tabSubject{display:block;white-space:nowrap;background:0 0;margin-bottom:0}
#viewListCourse .wrapScrollMenu .tabSubject li{width:13.5%;display:inline-block}
#viewListCourse .wrapScrollMenu .tabSubject li a{font-size:14px;padding:7px 0}
#viewListCourse .scrollTab .listCourse a{font-size:14px;margin-left:10px;padding:7px 15px}
#viewListCourse .scrollTab{margin-bottom:0}
#viewListCourse .viewCourse .item{flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px}
#viewListCourse .viewCourse .item .laptop,#viewListCourse .viewCourse .item .laptop img,#viewListCourse .viewCourse .item .rightContent{width:100%}
#viewListCourse .viewCourse .item .rightContent{padding-left:0}
#viewListCourse .viewCourse .item .rightContent ul{margin:15px 0 17px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{margin-right:45px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn:last-child{margin-right:0}
#viewListCourse .viewCourse .item .laptop .video{border-radius:15px}
#videoLeftStyle2>div .wrapperContent{padding:20px 0 0}
#roadSun .blockTabs .content li p:nth-child(1){min-width:24%}
#roadSun .titleLotrinhsun{margin-top:14px}
#roadSun .blockTabs{margin-top:50px}
#listTeacherStyle5 .navBlock>.wrap>ul{padding:10px}
#listTeacherStyle5 .navBlock>.wrap{padding:0}
#listTeacherStyle5>.navBlock>.wrap>ul li a{padding:10px 0}
#listTeacherStyle5 .navBlock>.wrap{overflow:auto}
#listTeacherStyle5 .navBlock>.wrap>ul{display:block;white-space:nowrap;overflow:auto;border-radius:99px}
#listTeacherStyle5>.navBlock>.wrap>ul li{display:inline-block}
#normalHeader .wrapperBanner .banner .groupCallAction{bottom:-0.5%}
#list-result-sun .listImagePC{display:none}
#list-result-sun .sliderMobi{display:block}
#list-result-sun .sliderMobi img{width:100%;padding:0 12px}}
@media (max-width:426px){*{font-size:14px}
.speedUpContainer .wrapImage{width:auto;height:auto}
.threeItem .container ul{grid-template-columns:unset}
.threeItem .container ul li .blockHead .content .tagPR{width:70px}
#roadSun .blockTabs .content li p,#roadSun .blockTabs .content li p span{font-size:12px}
#roadSun .groupBtn{padding:15px 0}
.laptopVideo .leafLeft,.laptopVideo .leafRight{width:100px}
.laptopVideo .leafLeft{left:30px}
.laptopVideo .leafRight{right:30px}
#viewListCourse .viewCourse .item .rightContent .groupBtn{display:flex;align-items:center;column-gap:12px;text-align:center;justify-content:space-between}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{width:182px;font-size:14px;margin-right:0;padding:10px 15px}
#listTeacherStyle4,#sixPoint,.laptopVideo,.sliderVideo,.speedUpContainer{padding-top:12px;padding-bottom:12px}
.title h3{margin-bottom:12px;line-height:16px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-template-columns:auto auto auto auto auto}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{margin-left:0}
#viewListCourse{margin:8px 0;padding:0 ​0 45px}
#videoLeftStyle2>div .wrapperContent{padding:20px 12px 0}
#viewListCourse .title,.threeItem .title{width:90%}
#viewListCourse .viewCourse .item .laptop .video img{height:168px}
#listGiftCourse select{font-size:16px}
#eventList1 table tr>*{word-break:break-all}
#eventList1{padding:0}}
@media (max-width:320px){.speedUpContainer .moduleVideoLeft .video{width:49%;margin:0 auto 17px}
#normalHeader .hotline .countDown .text{padding:3px;font-size:13px}
#normalHeader .wrapperBanner .banner .btnTimHieuThem, #normalHeader .wrapperBanner .banner .btnMuaNgay{font-size: 1em}}
img.lazy{background:url(../img/loading.gif) center center no-repeat,#fff!important}