*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.eot);src:url(../../../font/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Regular.otf) format("opentype"),url(../../../font/Nunito-Regular.svg) format("svg"),url(../../../font/Nunito-Regular.ttf) format("truetype"),url(../../../font/Nunito-Regular.woff) format("woff"),url(../../../font/Nunito-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBold;src:url(../../../font/Nunito-Bold.eot);src:url(../../../font/Nunito-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Bold.otf) format("opentype"),url(../../../font/Nunito-Bold.svg) format("svg"),url(../../../font/Nunito-Bold.ttf) format("truetype"),url(../../../font/Nunito-Bold.woff) format("woff"),url(../../../font/Nunito-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.eot);src:url(../../../font/Nunito-Black.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Black.svg) format("svg"),url(../../../font/Nunito-Black.ttf) format("truetype"),url(../../../font/Nunito-Black.woff) format("woff"),url(../../../font/Nunito-Black.woff2) format("woff2");font-display:swap}
body,html{font-family:Nunito,sans-serif;font-size:18px}
img{vertical-align:middle;max-width:100%}
b{font-family:NunitoBold,sans-serif}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
.pc{display:block}
.mobi{display:none}
.title{margin:0 auto}
#normalHeader{position:relative;overflow:hidden}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header{background:#fff;position:relative;z-index:21}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.png) 0/17px no-repeat}
#normalHeader .header>div>ul a{color:#103e7c}
#normalHeader .header>div{position:relative;z-index:10}
#normalHeader .wrapperBanner .banner{position:relative;cursor:pointer}
#normalHeader .wrapperBanner .banner #imgGif{position:absolute;z-index:1;bottom:calc(47% + 0px);left:calc(24% + 8px);border-radius:10px;width:5%}
#normalHeader .wrapperBanner .banner #ufo{position:absolute;z-index:1;top:-10%;left:0;animation:ufo 10s infinite alternate;justify-content:center;display:flex}
#normalHeader .wrapperBanner .banner #ufo img{animation:swing 3s infinite alternate;width:75%}
@keyframes swing{
0%{transform:rotate(-6deg);opacity:1}
50%{transform:rotate(0);opacity:.5}
100%{transform:rotate(6deg);opacity:.8}
}
@keyframes ufo{
0%,100%{transform:translate(0,0) scale(.7)}
25%{transform:translate(15%,2%) scale(.8)}
50%{transform:translate(30%,2%) scale(.9)}
75%{transform:translate(-10%,4%) scale(1)}
}
@keyframes lacLu{
0%{transform:rotate(2deg)}
100%{transform:rotate(-2deg)}
}
@keyframes cloudFly{
0%{transform:translateX(-50%)}
100%{transform:translateX(100%)}
}
@keyframes flicker{
0%,100%{opacity:1}
50%{opacity:.3}
}
#normalHeader::after,#normalHeader::before{content:"";width:100%;height:100%;display:block;background:url(../img/cloud3.png) 0 0/contain repeat-y;top:0;left:0;position:absolute;z-index:0}
#normalHeader::before{animation:cloudFly 30s 15s infinite backwards linear,flicker 10s infinite backwards linear}
#normalHeader::after{animation:cloudFly 30s infinite backwards linear,flicker 10s infinite backwards linear}
#normalHeader .wrapperBanner{padding:24px 0;position:relative;z-index:20}
#normalHeader .wrapperBanner .headerForm{padding:40px 24px;background:url(../img/background-form.png) 100%/contain no-repeat;background-position:top}
#normalHeader .wrapperBanner .headerForm #imgForm{display:block;margin:0 auto;animation:lacLu 1s infinite steps(2)}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:19px;color:#103e7d;font-family:NunitoBold;margin-bottom:8px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select{border:none;border-bottom:1px dotted #ccc;border-radius:0;padding:12px 0;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder{color:#686868!important}
#normalHeader .wrapperBanner .headerForm form input:focus,#normalHeader .wrapperBanner .headerForm form select:focus{color:#686868;border-bottom:2px solid #686868}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#f36523;color:#fff;border-bottom:4px solid #860000;font-size:20px;cursor:pointer;padding:7px 32px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit:hover{color:#ffffa5}
#normalHeader{background-position:center 0}
#normalHeader .header>div>ul>li:not(:first-child)>a{background-size:19px}
#kyThiQuanTam,#kyThiQuanTamForm{font-size:13px;display:flex;flex-wrap:wrap;row-gap:12px;column-gap:0;margin-bottom:25px}
#kyThiQuanTam p,#kyThiQuanTamForm p{width:100%;font-size:15px;text-align:left}
#kyThiQuanTam label,#kyThiQuanTamForm label{width:50%;text-align:left}
#kyThiQuanTam input,#kyThiQuanTamForm input{width:auto!important;margin-bottom:0!important;vertical-align:middle}
#kyThiQuanTamForm label{font-size:18px}
#loTrinhSun{padding:36px 0;position:relative;background:url(../img/textStar.png) 100%/contain repeat-y,linear-gradient(180deg,#2d2eb4,#2d2eb4,#4d9df9);background-attachment:fixed}
#loTrinhSun .roadLine{display:flex;justify-content:space-between;list-style:none;position:relative;column-gap:18px;width:100%}
#loTrinhSun .roadLine .step{width:calc(33.33% - 12px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
#loTrinhSun .roadLine .step .btn{border-radius:12px;border:2px solid #fff;text-decoration:none;width:100%;height:65px;color:#1259a9;background:#fff200;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
#loTrinhSun .roadLine .step .btn span:nth-child(1){font-family:NunitoBold;margin-bottom:4px}
#loTrinhSun .roadLine .step .btn span:nth-child(2){color:#262626}
#loTrinhSun .roadLine .step .btn:hover,#loTrinhSun .roadLine .step .btn:hover span:nth-child(2),#loTrinhSun .roadLine .step.active .btn,#loTrinhSun .roadLine .step.active .btn span:nth-child(2){color:#fff;background:#1f41a8}
#loTrinhSun .contentStep{flex-direction:column;row-gap:18px;margin-top:15px;display:none}
#loTrinhSun .contentStep.active{display:flex}
#loTrinhSun .contentStep .step{display:flex;align-items:center;padding:12px;border-radius:10px;min-height:111px;background:#fff}
#loTrinhSun .contentStep .step .left{padding-left:40px;min-height:70px;font-family:NunitoBold;color:#1259a9;width:155px;display:flex;align-items:center}
#loTrinhSun .contentStep .step:nth-child(1) .left{background:url(../img/step1.png) center left no-repeat}
#loTrinhSun .contentStep .step:nth-child(2) .left{background:url(../img/step2.png) center left no-repeat}
#loTrinhSun .contentStep .step:nth-child(3) .left{background:url(../img/step3.png) center left no-repeat}
#loTrinhSun .contentStep .step .right{width:calc(100% - 115px);list-style:none;border-left:3px solid #1259a9;padding-left:24px}
#loTrinhSun .contentStep .step li{margin-bottom:10px;line-height:26px}
#loTrinhSun .contentStep .step li:last-child{margin-bottom:0}
#loTrinhSun ul{list-style:none;z-index:3}
#loTrinhSun #videoLeftStyle3 .wrapperVideo{background:#0072bc}
#loTrinhSun .wrapSlider{display:flex;justify-content:center;column-gap:108px;row-gap:12px}
#loTrinhSun .wrapSlider .listFeelVideo{max-width:795px;width:100%}
#loTrinhSun #videoLeftStyle3{padding:0}
#loTrinhSun .listFeelVideo .bx-wrapper{position:relative}
#loTrinhSun .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
#loTrinhSun .wrapperVideo .video{position:relative;padding-bottom:56.25%;overflow:hidden}
#loTrinhSun .wrapperVideo .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
#loTrinhSun .listVideo{margin-top:40px}
#loTrinhSun .title.pc{width:44%;margin-bottom:24px}
#loTrinhSun::before{content:"";width:100%;height:390px;background:linear-gradient(to bottom,#fff,transparent);position:absolute;top:-1px;left:0;z-index:0}
#loTrinhSun::after{content:"";width:100%;height:200px;background:linear-gradient(to top,#69b4ff,transparent);position:absolute;bottom:-1px;left:0;z-index:0}
#loTrinhSun .container{position:relative;z-index:2}
#loTrinhSun .flexWrap{display:flex;column-gap:12px;row-gap:12px;align-items:flex-start;justify-content:center}
#loTrinhSun .roadLine .step.active .btn span:nth-child(2){display:none}
#loTrinhSun .loTrinhSunToanDien,#loTrinhSun .sunInfo{display:flex;flex-wrap:wrap;row-gap:12px;justify-content:center;align-items:center;width:50%}
#loTrinhSun .sunInfo .imgThayCo{margin:50px 0}
#loTrinhSun .tieuDe{width:100%;text-align:center;border-radius:6px;padding:12px}
#loTrinhSun .loTrinhSunToanDien .tieuDe{background:#ffda00}
#loTrinhSun .wrapSunToanDien{display:flex;flex-direction:column;row-gap:12px}
#loTrinhSun .sunInfo .wrapGiaiDoan{display:none;flex-direction:column;row-gap:12px}
#loTrinhSun .sunInfo .wrapGiaiDoan .giaiDoan:nth-child(1){margin-bottom:12px}
#loTrinhSun .sunInfo .wrapGiaiDoan.active{display:flex}
#loTrinhSun .sunInfo .tieuDe{background:#f36523}
#loTrinhSun .loTrinhSunToanDien .tieuDe p:nth-child(1){color:#f36523;font-family:NunitoBold}
#loTrinhSun .loTrinhSunToanDien .tieuDe p:nth-child(2){color:#2041a8}
#loTrinhSun .sunInfo .tieuDe p:nth-child(1){color:#fff;font-family:NunitoBold}
#loTrinhSun .sunInfo .tieuDe p:nth-child(2){color:#fff}
#loTrinhSun .giaiDoan{padding:12px;background:#fff;border-radius:6px}
#loTrinhSun .loTrinhSunToanDien .giaiDoan{border-top:9px solid #ffda00}
#loTrinhSun .sunInfo .giaiDoan{border-top:9px solid #f36523}
#loTrinhSun .giaiDoan h3{text-align:center;color:#2041a8}
#loTrinhSun .giaiDoan p{text-align:center;padding:0 12px;border-bottom:1px solid #2041a8;width:fit-content;margin:0 auto}
#loTrinhSun .giaiDoan ul{display:flex;flex-direction:column;row-gap:10px;margin-top:12px}
#loTrinhSun .btnXemNgay{padding:6px 24px;background:#ffd153;border:1px solid #1f41a8;border-bottom:4px solid #1f41a8;border-radius:9px;text-decoration:none;font-family:NunitoBold;color:#1f41a8}
#quyenLoi{background:100%/cover url(../img/texture-vutru.png),linear-gradient(to bottom,#6fb2fd,#81c0ff);padding:36px 0}
#quyenLoi .title.pc{width:75%;margin-bottom:24px}
#quyenLoi .flexWrap{display:flex;flex-wrap:wrap;column-gap:24px}
#quyenLoi .flexWrap .vuTru{max-width:45%;width:100%}
#quyenLoi .flexWrap .desc{max-width:calc(55% - 24px)}
#quyenLoi .flexWrap .desc ul{background:#fff;padding:12px;border-radius:10px;list-style:none}
#quyenLoi .flexWrap ul li{padding-left:35px;background:no-repeat left top 3px url(../img/icon-check.png);background-size:20px;margin-bottom:8px}
#quyenLoi .btnStudyFree{display:block;width:fit-content;margin:24px auto 0;padding:6px 24px;background:#ffd153;border:1px solid #1f41a8;border-bottom:4px solid #1f41a8;border-radius:9px;text-decoration:none;font-family:NunitoBold;color:#1f41a8}
#listTeacherOnRoadTrain .title,#listTeachers #listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:none}
#listTeachers #listTeacherOnRoadTrain{padding:0}
div#listTeachers{padding:24px 0}
#listTeachers ul.tabSubject{display:flex;list-style:none;justify-content:flex-start;flex-wrap:wrap;column-gap:12px;row-gap:12px;margin-top:15px}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent{padding-left:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{text-decoration:none;font-size:24px;border:1px solid #103e7d;border-bottom:4px solid #103e7d;color:#2f59b9;display:block;width:fit-content;margin:0 auto;padding:10px 24px;text-align:center;border-radius:15px;font-family:NunitoBlack;text-transform:uppercase;background:#ffd153}
#listTeachers ul.tabSubject li{width:109px}
#listTeachers a.subject.active{color:#fff;background:#ff7b10}
#listTeachers a.subject{text-decoration:none;font-size:24px;border:1px solid #103e7d;border-bottom:4px solid #103e7d;color:#103e7d;width:100%;display:block;text-align:center;border-radius:99px;background:#fff}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:#2e58b9;padding:20px}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{background:url(../img/huan-chuong.png) top left/17px no-repeat;font-size:18px;color:#fff}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher{margin-top:24px}
#listTeachers .tabAvataTeacher{cursor:pointer}
#listTeachers .tabAvataTeacher::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
#listTeachers .tabAvataTeacher::-webkit-scrollbar{height:10px;background-color:#f5f5f5}
#listTeachers .tabAvataTeacher::-webkit-scrollbar-thumb{background-color:#0ae;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))}
#listTeachers .title.pc{width:45%;margin-bottom:36px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:auto;height:auto;background:unset}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active{display:flex;flex-wrap:wrap;padding-bottom:12px;row-gap:6px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{width:100%}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{background:unset;margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{width:90px;height:90px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent h3{display:none}
#viewListCourse{padding:30px 0;overflow:hidden}
.wrapScrollMenu{background:#ffda00;border-radius:99px}
#viewListCourse .tabSubject{margin:24px 0;display:flex;list-style:none;flex-wrap:wrap}
#viewListCourse .tabSubject li{flex-grow:1;flex-basis:0}
#viewListCourse .tabSubject li a{padding:10px 0;display:block;text-align:center;text-decoration:none;font-size:24px;color:#0772ec}
#viewListCourse .tabSubject li a:hover{background:#3b93f7;border-radius:99px;color:#fff}
#viewListCourse .tabSubject li.active a{background:#3b93f7;border-radius:99px;font-weight:700;color:#fff}
#viewListCourse .scrollTab{margin-bottom:24px}
#viewListCourse .scrollTab .listCourse{display:flex;justify-content:center}
#viewListCourse .scrollTab .listCourse a{text-align:center;color:#6a6a6a;border:2px solid #6a6a6a;margin-left:24px;padding-top:12px;padding-bottom:12px;font-size:24px;box-shadow:0 3px 0 0 #6a6a6a;display:block;width:fit-content}
#viewListCourse .scrollTab .listCourse a:first-child{margin-left:0}
#viewListCourse .scrollTab .listCourse a.active{background:#3b93f7;color:#fff;border:2px solid #02248f;box-shadow:0 3px 0 0 #ffda00;position:relative}
#viewListCourse .scrollTab .listCourse a.active::before{content:"";border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #3b93f7;position:absolute;bottom:-13px;left:50%;display:block;margin-left:-7px}
#viewListCourse .viewCourse .item{column-gap:12px;display:flex;margin-bottom:24px;border-bottom:2px dashed #c2c2c2;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:280px;object-fit:contain}
#viewListCourse .viewCourse .item .rightContent{width:calc(50% - 12px);display:flex;flex-direction:column;justify-content:space-between}
#viewListCourse .viewCourse .item .rightContent h3{margin-bottom:12px;font-size:18px}
#viewListCourse .viewCourse .item .rightContent ul{list-style:none}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child){padding-left:25px;background:url(../img/star.png) no-repeat left;margin-bottom:12px}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) a{text-decoration:none;color:#1c7ce7}
#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:20px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .btnStudyFree{border:2px solid #1f41a8;color:#fff;margin-right:12px;background:#43a1ff;border-bottom:5px solid #1f41a8}
#viewListCourse .viewCourse .item .rightContent .groupBtn .watchCourse{background:#ebebeb;color:#262626;border:2px solid #959595;border-bottom:5px solid #959595}
#viewListCourse .courseInfo{display:none}
#viewListCourse .courseInfo.active{display:block}
#viewListCourse .courseInfo .viewCourse{display:none}
#viewListCourse .courseInfo .viewCourse.active{display:block}
#viewListCourse .frameBtn{display:inline-block;padding:8px 20px;border-radius:12px;text-decoration:none;font-family:OpenSansBold,sans-serif}
#viewListCourse .laptop{width:958px;position:relative;display:flex;align-items:center;justify-content:center}
#viewListCourse .laptop .video{width:94%;position:absolute}
#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}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:url(../img/texture-vutru.png) 100%/cover,#69b4ff;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#0772ec;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/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#listCombo{background:repeat-x top left 100%/contain url(../img/cloud-blue-top.png),repeat-x bottom -1px left 100%/contain url(../img/cloud-blue-bottom.png),#baddff;padding:100px 0}
#listCombo .txtWarning{text-align:center;background:#fff;padding:12px;border-radius:15px;margin:24px auto 36px;width:80%}
#listCombo .txtWarning p:nth-child(1){font-size:24px;text-transform:uppercase;font-family:NunitoBold}
#listCombo .txtWarning p:nth-child(2){font-size:18px}
#listCombo .combo{display:flex;column-gap:12px;row-gap:28px;flex-wrap:wrap;list-style:none;justify-content:center}
#listCombo .combo li.item{width:291px;height:423px;padding:26px 18px 15px}
#listCombo .combo li.item h3.title{text-align:center;text-transform:uppercase;color:#fff;font-size:20px}
#listCombo .combo li.item .txt{text-align:center;color:#fff;height:50px}
#listCombo .combo li.combo1{background:url(../img/blue.png) no-repeat center/contain}
#listCombo .combo li.combo2{background:url(../img/orange.png) no-repeat center/contain}
#listCombo .combo li.combo3{background:url(../img/green.png) no-repeat center/contain}
#listCombo .combo li.combo4{background:url(../img/violet.png) no-repeat center/contain}
#listCombo .combo li.item{position:relative}
#listCombo .combo li.item .giaGoc{color:#e6e6e6;text-align:center;padding:5px 0}
#listCombo .combo li.item .salePrice{display:flex;align-items:center;margin-bottom:12px;flex-direction:column}
#listCombo .combo li.item .salePrice .chiCon{color:#ff0}
#listCombo .combo li.item .salePrice p:nth-child(2){font-size:33px;color:#fff;font-family:NunitoBold}
#listCombo .combo li.item .info{color:#fff;list-style:none;line-height:30px;margin-bottom:12px}
#listCombo .combo li.item .btnBuyCombo{background:#ed3800;color:#fff;text-transform:uppercase;font-size:24px;border-radius:99px;padding:10px 24px;display:block;width:fit-content;margin:0 auto;text-decoration:none}
#listCombo .combo li.item .btnBuyCombo:hover{background:#cb3305}
#listCombo .numberSale{width:78px;height:85px;position:absolute;left:-3px;top:-2px;transform:rotate(0);color:red;background:url(../img/saleNumber.png) 100%/contain no-repeat}
#listCombo .txtSale{width:68px;height:67px;position:absolute;right:-14px;top:-6%;font-size:13px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:NunitoBold;text-align:center;background:url(../img/boom.png) no-repeat 100%/contain}
#listCombo .numberSale span{transform:rotate(311deg) translate(0,2px);font-family:NunitoBold;display:block}
#listCombo.comboĐGNL{background:#ffe63b;padding:24px 0}
#listCombo.comboĐGNL .title{margin-bottom:30px}
#listCombo.comboĐGNL .combo li{height:auto}
#listCombo.comboĐGNL .combo li.combo2{background:#319f67}
#listCombo.comboĐGNL .combo li.combo3{background:#28316a}
#listCombo.comboĐGNL .combo li.combo4{background:#00b2e2}
#listCombo.comboĐGNL .combo li.item .info{background:0 0;padding:6px;border-radius:12px}
#listCombo.comboĐGNL .combo{column-gap:24px}
#listCombo.comboĐGNL .numberSale{background:url(../img/saleNumberCam.png) 100%/contain no-repeat;color:#fff}
#listCombo.comboĐGNL .combo li.item .btnBuyCombo{padding:6px 24px}
#listCombo.comboĐGNL .txtWarning{height:0;padding:0;margin:0}
#listCombo.comboĐGNL .bx-pager.bx-default-pager .bx-pager-item{width:calc(33.33% - 7px);font-size:11px}
#listCombo.comboĐGNL .blockWraning .bold{font-family:NunitoBlack;margin-bottom:10px;text-align:center;text-transform:uppercase;color:red;font-size:24px}
#listCombo.comboĐGNL .blockWraning{background:#fff;padding:12px;margin:24px auto 0;border-radius:12px;line-height:30px;font-size:20px}
#listCombo.comboĐGNL .blockWraning .text{background:no-repeat left 2px url(../img/hopQua.png);background-size:20px;padding-left:35px}
#sliderExam{padding:24px 0}
#sliderExam .wrapFlex{display:flex;column-gap:34px;row-gap:12px;margin-top:12px;align-items:center}
#sliderExam .wrapSliderImage{position:relative;width:100%}
#sliderExam .wrapSliderImage img{margin:0 auto;display:block}
#sliderExam .wrapSliderImage li img{height:500px;border:1px solid;border-radius:12px}
#sliderExam .bx-controls-direction{display:flex;justify-content:center;column-gap:24px;margin-top:12px}
#sliderExam #videoLeftStyle3{padding:0}
#sliderExam #videoLeftStyle3 .wrapperVideo{background:#43a1ff}
#sliderExam .title.pc{width:70%}
#chienTich{background:url(../img/texture-chien-tich.png) top/contain no-repeat,linear-gradient(91deg,#49a4ff,#68b4ff,#45a2ff);padding:130px 0 24px}
#chienTich .wrapFlex{display:flex;flex-direction:column;align-items:center;row-gap:12px}
#chienTich .title{width:86%;margin-bottom:12px}
#chienTich #videoLeftStyle3 .wrapperVideo{background:#fff}
#chienTich .student{list-style:none;display:flex;column-gap:12px}
#chienTich .student a{display:block;filter:brightness(.4);width:170px;animation:lacLu 1s infinite steps(2)}
#chienTich .student a.active,#chienTich .student a:hover{filter:brightness(1)}
#chienTich #videoLeftStyle3{padding:0}
#chienTich .wrapContent{display:flex;column-gap:12px;justify-content:center;margin-top:24px}
#chienTich .wrapContent .wrapSlider{max-width:360px;width:100%}
#chienTich .wrapContent .wrapSlider li{text-align:center}
#chienTich .wrapContent .wrapSlider li img{object-fit:contain;height:570px}
#chienTich .wrapContent .wrapSlider .bx-controls-direction{text-align:center;margin-top:12px}
#magazine3 .posts .title{width:80%}
#magazine3 .achievement .title{width:90%}
#magazine3 .wrap{padding:24px calc((100% - 1224px)/ 2)}
#magazine3 .achievement{padding:0 calc((100% - 1224px)/ 2) 12px}
#magazine3 .CompanysCooperated{margin-bottom:0}
#comment .flexWrapBottom{column-gap:12px;display:flex}
#comment .cmtFacebook{width:70%}
#comment .sidebar{width:30%}
#comment .titlestyle h3{text-align:center;background:#43a1ff;padding:12px;color:#fff}
#comment .comment_teacher{display:flex;row-gap:12px;column-gap:12px;align-items:flex-start}
#comment .comment_teacher a img{width:40px;height:40px;border-radius:99px;display:block}
#comment .comment_teacher img{width:100%;object-fit:cover}
#comment .clearfix{width:calc(100% - 50px)}
#comment .clearfix a{color:#06c;text-decoration:none}
#comment ul.list{margin-top:12px;display:flex;flex-direction:column;row-gap:12px}
#comment .btn_gray{color:green;margin:12px 0;display:block}
#comment .title{width:34%}
#comment{margin-top:24px}
@media all and (max-width:1024px){
#normalHeader .wrapperBanner .banner #imgGif{bottom:calc(43% + 4px)}
#loTrinhSun .wrapSlider{flex-direction:column}
#loTrinhSun .wrapSlider .listFeelVideo{margin:0 auto}
#loTrinhSun .roadLine{flex-wrap:wrap}
#viewListCourse .viewCourse .item .laptop,#viewListCourse .viewCourse .item .rightContent{width:50%}
#magazine3 .achievement,#magazine3 .wrap{padding:12px}
#chienTich .wrapFlex,#sliderExam .wrapFlex{flex-direction:column}
#chienTich{padding:74px 0 12px}
}
@media all and (max-width:768px){
.pc{display:none}
.mobi{display:block}
#kyThiQuanTam{margin-bottom:12px}
#normalHeader .wrapperBanner .banner #ufo{top:-13%}
#normalHeader .wrapperBanner{flex-direction:column;padding:24px 0 65px}
#normalHeader .wrapperBanner .headerForm #imgForm{width:95%;padding:12px 0}
#loTrinhSun .flexWrap{flex-wrap:wrap}
#loTrinhSun{padding:12px 0}
.wrapperBanner .headerForm{max-width:343px;width:auto;margin:auto}
#normalHeader .wrapperBanner .headerForm .formTitle{margin-bottom:0}
#normalHeader .wrapperBanner .headerForm{background:url(../img/background-form-mobi.png) no-repeat}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader{background-size:contain,contain;background-color:#43a1fe;background-position:top,bottom}
#normalHeader.png{background-image:url(../img/backgroundMobi.png),url(../img/may.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp),url(../img/may.png)}
#normalHeader .wrapperBanner .banner #imgGif{bottom:calc(43% + 7px);left:calc(12% + 8px);width:7%}
#loTrinhSun .listFeelVideo .bx-controls-direction{z-index:6}
#loTrinhSun .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:0}
#loTrinhSun .listFeelVideo .bx-controls-direction a.bx-next{margin-right:0}
#loTrinhSun .wrapperVideo{max-width:750px;width:auto;padding:10px;border-radius:10px}
#loTrinhSun .wrapperVideo .video iframe{border-radius:5px}
#loTrinhSun .roadLine{column-gap:12px}
#loTrinhSun{background-repeat:repeat;background-size:contain}
#loTrinhSun .roadLine .step:nth-child(1) a::after,#loTrinhSun .roadLine .step:nth-child(1) a::before{width:70px;height:70px}
#loTrinhSun .roadLine .step:nth-child(1) a::before{left:-66%;bottom:-44px}
#loTrinhSun .roadLine .step:nth-child(1) a::after{right:-66%;bottom:-44px}
#loTrinhSun .contentStep .step{flex-direction:column}
#loTrinhSun .contentStep .step .right{width:100%;border-left:none;padding-left:0;background-position:45%;border-top:2px solid #103e7d;padding-top:10px;margin-top:5px}
#loTrinhSun .contentStep .step .left{padding-left:40px;min-height:34px;width:fit-content}
#loTrinhSun .contentStep{padding:0;row-gap:12px;margin-top:12px}
#loTrinhSun .contentStep .step li{margin-bottom:12px;line-height:20px}
#loTrinhSun .wrapSunToanDien{display:block}
#loTrinhSun .loTrinhSunToanDien,#loTrinhSun .sunInfo{width:100%}
#loTrinhSun .bx-pager{display:flex;font-size:16px;column-gap:12px;justify-content:center;padding:12px 0}
#loTrinhSun .bx-pager .bx-pager-link{text-decoration:none;color:#fff}
#loTrinhSun .bx-pager .bx-pager-link.active{border-bottom:1px solid #ffd308;color:#ffd308}
#quyenLoi .flexWrap{flex-direction:column;row-gap:12px}
#quyenLoi .flexWrap .desc,#quyenLoi .flexWrap .vuTru{max-width:100%}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{margin:0 auto}
#listTeachers ul.tabSubject li{width:calc(25% + -9px)}
#listTeacherOnRoadTrain .container{padding:0}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#viewListCourse .title,.threeItem .title{margin:0 auto 15px}
#viewListCourse .wrapHiddenRadius{overflow:hidden}
#viewListCourse .wrapScrollMenu{overflow:auto;border-radius:99px}
#viewListCourse ::-webkit-scrollbar{width:10px}
#viewListCourse ::-webkit-scrollbar-track{background:#0072bc}
#viewListCourse ::-webkit-scrollbar-thumb{background:#0072bc}
#viewListCourse ::-webkit-scrollbar-thumb:hover{background:#0072bc}
#viewListCourse .wrapScrollMenu .tabSubject{display:block;white-space:nowrap;margin:0}
#viewListCourse .wrapScrollMenu .tabSubject li{width:13.5%;display:inline-block}
#viewListCourse .wrapScrollMenu .tabSubject li a{font-size:18px;padding:7px 0}
#viewListCourse .scrollTab .listCourse a{font-size:14px;margin-left:10px;padding:7px 15px}
#viewListCourse .scrollTab{margin:12px 0 24px}
#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:last-child{margin-right:0}
#viewListCourse .viewCourse .item .laptop .video{border-radius:15px}
#listCombo .combo{display:block}
#loTrinhSun .wrapSliderCombo{position:relative;display:flex;flex-direction:column-reverse;row-gap:12px}
.wrapSliderCombo{position:relative}
#listCombo .combo li.item{width:291px!important}
#listCombo .bx-pager.bx-default-pager{display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px;margin-bottom:12px}
#listCombo .bx-pager.bx-default-pager .bx-pager-item{width:48%;text-align:center}
#listCombo .bx-pager.bx-default-pager .bx-pager-item a{color:#000;text-decoration:none;padding:5px 12px;border-radius:5px;display:block}
#listCombo .bx-pager.bx-default-pager .bx-pager-item a.active{background:#ff9702;color:#fff}
#sliderExam .wrapSliderImage li{width:310px!important}
.bx-controls .bx-controls-direction{justify-content:space-between;display:flex;position:absolute;top:50%;width:100%;margin-top:-50px}
#listCombo .bx-controls .bx-controls-direction a.bx-prev{margin-left:-12px}
#listCombo .bx-controls .bx-controls-direction a.bx-next{margin-right:-12px}
#sliderExam .bx-controls .bx-controls-direction{position:static;justify-content:center}
#chienTich .wrapContent{flex-direction:column}
#chienTich .wrapContent .wrapSlider{margin:0 auto 24px}
#chienTich .bx-controls .bx-controls-direction{position:static;justify-content:center;display:flex;column-gap:25px}
#chienTich .wrapContent .wrapSlider li img{height:auto;width:100%}
#chienTich .wrapContent .wrapSlider{max-width:100%}
#chienTich .wrapSliderImage li{width:310px!important}
#loTrinhSun .giaiDoan{max-width:320px!important}
#listCombo{padding:48px 0 24px}
#chienTich .wrapFlex>img{width:300px;margin:12px 0}
#chienTich div#videoLeftStyle3{width:100%;padding:0}
#sliderExam #videoLeftStyle3,#sliderExam #videoLeftStyle3 .wrapperVideo{width:100%}
#popupListCourse4 .popup{position:relative;width:80%}
#comment .flexWrapBottom{flex-direction:column}
#comment .clearfix,#comment .cmtFacebook,#comment .sidebar{width:100%}
#comment .sidebar{font-size:14px!important}
}
@media all and (max-width:480px){
#loTrinhSun .title.mobi{width:65%}
#loTrinhSun .listFeelVideo .bx-controls-direction{margin-top:0}
#loTrinhSun .roadLine .step .btn{height:50px;font-size:12px}
#loTrinhSun .contentStep .step{font-size:14px}
#loTrinhSun .contentStep .step li{margin-bottom:5px}
#loTrinhSun .contentStep .step .left{background-size:22px!important;padding-left:28px}
#loTrinhSun .sunInfo .imgThayCo,#quyenLoi .flexWrap .vuTru{display:none}
#quyenLoi .flexWrap .desc{margin-top:12px}
#normalHeader .wrapperBanner .banner #imgGif{bottom:calc(43% + 4px);left:calc(12% + 5px);width:7%}
#viewListCourse .title.mobi{width:75%}
#sliderExam .title.mobi{width:90%}
#chienTich .title{width:95%}
#viewListCourse .scrollTab .listCourse{display:flex;flex-wrap:wrap;row-gap:12px;column-gap:5px;text-transform:uppercase;text-align:center}
#viewListCourse .scrollTab .listCourse a{width:calc(33.33% - 4px);font-size:13px;margin:0}
#viewListCourse .viewCourse .item .rightContent .groupBtn{display:flex;align-items:center;column-gap:12px;text-align:center;justify-content:center}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{width:136px;font-size:14px;margin-right:0;padding:5px 12px;border-radius:6px}
#viewListCourse .wrapScrollMenu::-webkit-scrollbar{width:2px;height:4px}
#viewListCourse .wrapScrollMenu::-webkit-scrollbar-track{background:#f1f1f1}
#viewListCourse .wrapScrollMenu::-webkit-scrollbar-thumb{background:#888}
#viewListCourse .wrapScrollMenu::-webkit-scrollbar-thumb:hover{background:#555}
#listTeacherStyle4,#sixPoint,.laptopVideo{padding-top:12px;padding-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-template-columns:auto auto auto auto auto}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{margin-left:0}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active{justify-content:center}
#viewListCourse{margin:8px 0;padding:12px 0}
#videoLeftStyle2>div .wrapperContent{padding:20px 12px 0}
#viewListCourse .viewCourse .item .laptop .video img{height:195px}
#viewListCourse .wrapScrollMenu .tabSubject li a{font-size:14px!important}
#viewListCourse .viewCourse .item .rightContent,#viewListCourse .viewCourse .item .rightContent h3{font-size:14px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{width:60%;height:auto;min-height:auto;min-width:auto}
div#listTeachers{padding:12px 0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:18px}
#listTeachers .title.mobi{width:80%}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{padding:12px}
#listTeachers ul.tabSubject li{width:calc(22% + 1px)}
#listTeachers a.subject{font-size:15px}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{font-size:14px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{width:50px;height:50px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{column-gap:7px}
#listTeachers #listTeacherOnRoadTrain .container{padding:0}
#listCombo .txtSale{width:45px;height:45px;font-size:8px;right:0;top:0}
#listCombo{padding:37px 0;background-size:700px}
#listCombo .txtWarning{width:100%;margin:19px auto}
#listCombo .txtWarning p:nth-child(1){font-size:18px}
#listCombo .txtWarning p:nth-child(2){font-size:16px}
#sliderExam{padding:0 0 24px}
#sliderExam .bx-controls-direction{justify-content:space-between}
#sliderExam .bx-controls .bx-controls-direction a.bx-next{margin-right:0}
#sliderExam .bx-controls .bx-controls-direction a.bx-prev{margin-left:0}
#magazine3 .achievement .title{width:100%}
#magazine3 .title{margin-bottom:12px}
#chienTich .wrapFlex>img{width:50%}
#chienTich{padding:40px 0 12px}
#chienTich ul.student li{width:calc(25% - 12px)}
#chienTich .student{flex-wrap:wrap;justify-content:center}
#chienTich .student a{width:auto}
#magazine3 .posts .title{width:100%}
#comment .title.mobi{width:35%}
#kyThiQuanTamForm label{font-size:14px}
.body-comment{margin-top:0;padding:0 12px!important}
#listCombo.comboĐGNL .blockWraning{font-size:14px;line-height:20px}
#comment .fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop iframe,.fb_iframe_widget_fluid_desktop span{max-width:100%!important;width:100%!important}
}
@media all and (max-width:376px){
#loTrinhSun .roadLine{column-gap:5px}
#loTrinhSun .roadLine .step .btn span{font-size:11px}
#loTrinhSun .roadLine .step{width:calc(33.33% - 5px)}
}