*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Regular.woff2) format('woff2'),url(../../../font/OpenSans-Regular.woff) format('woff'),url(../../../font/OpenSans-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Bold.woff2) format('woff2'),url(../../../font/OpenSans-Bold.woff) format('woff'),url(../../../font/OpenSans-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-ExtraBold.woff2) format('woff2'),url(../../../font/OpenSans-ExtraBold.woff) format('woff'),url(../../../font/OpenSans-ExtraBold.ttf) format('truetype');font-weight:800;font-style:normal;font-display:swap}
body,html{font-family:OpenSans,sans-serif;font-size:16px;width:100%;height:100%;color:#262626;font-display:swap;-webkit-text-size-adjust:100%}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
.title,.title h3{font-size:36px;font-weight:700;margin-bottom:24px;text-align:center}
img{vertical-align:middle;max-width:100%}
.button{display:block;width:fit-content;border-bottom:6px solid transparent;border-radius:10px;font-weight:700;padding:11px 24px;margin:0 auto;text-decoration:none;text-align:center}
b{font-weight:700}
#normalHeader .header{background:#fff}
#normalHeader .header a{color:#000}
.landingSaleBlog h3{color:#0c2f42}
#landingPopup .overlay{z-index:1000}
[id^=popupNotify_]>div .buttonWrapper{padding-bottom:12px}
#iconLoadingSubmit img{height:59px}
#normalHeader{background-position:top;padding-bottom:114px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#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/user.png) 0/17px no-repeat}
#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 12px;max-width:1224px}
#normalHeader .wrapperBanner .banner{width:calc(100% - 380px);position:relative}
#normalHeader .wrapperBanner .headerForm{max-width:393px;width:calc(100% - 24px);border-radius:0;padding:0;background:0 0}
#normalHeader .wrapperBanner .headerForm .txtWarning{text-align:center;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm form{height:90%;background:#fff;padding:20px;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form textarea{margin-bottom:17px;background:#f1f1f1;border:none;font-size:16px;position:relative;z-index:1}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#a6a9ae}
#normalHeader .wrapperBanner .headerForm form textarea{min-height:108px;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-family:NunitoBlack,sans-serif}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{position:absolute;bottom:7%;right:0;background:#f8c700;padding:9px 27px;border-radius:11px;color:#4a3ab7;font-size:1.6em;cursor:pointer;border:2px solid #fffde6;font-weight:700}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:23px;font-weight:700;background:#e41800;color:#fff;padding:11px 40px;margin-top:0;border-radius:99px;border-bottom:5px solid #9b0103}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit:hover{background:#ff2d15}
#normalHeader .wrapperBanner .headerForm .formTitle{color:#005ab3;font-size:20px}
.choiseExams{font-size:13px;display:flex;flex-wrap:wrap;row-gap:12px;column-gap:0;margin-bottom:25px}
.choiseExams p{width:100%;font-size:15px;text-align:left}
.choiseExams label{width:50%;text-align:left}
.choiseExams input{width:auto!important;margin-bottom:0!important;vertical-align:middle}
#choiseExamsForm{font-size:13px;display:flex;flex-wrap:wrap;row-gap:12px;column-gap:0;margin-bottom:25px}
#choiseExamsForm p{width:100%;font-size:15px;text-align:left}
#choiseExamsForm label{width:50%;text-align:left;font-size:18px}
#choiseExamsForm input{width:auto!important;margin-bottom:0!important;vertical-align:middle}
#examAbout{padding:36px 0}
#examAbout .parentContent li span{background:url(../img/iconCheck.png) no-repeat left top 6px}
#examAbout .parentContent li .childContent li{background:url(../img/tichXanh.png) no-repeat left top 4px}
#structureAndImg .wrapTitle .title{display:block;width:50%;text-align:center}
#structureAndImg .infoQuestion2020{margin-bottom:9px;display:flex;justify-content:space-between;padding:9px;background:#0375c0}
#structureAndImg .infoQuestion2020 a{display:block;text-decoration:none;color:#ffda6b}
#structureAndImg .content{margin-bottom:25px;display:flex;justify-content: center;flex-wrap:wrap;column-gap:12px}
#structureAndImg .content .left,#structureAndImg .content .right{width:calc(50% - 12px)}
#structureAndImg .content .right .btnDowload{content:'';position:absolute;top:0;right:0;z-index:10;width:52px;height:52px;background:url(data:image/png;base64,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) no-repeat center,#4c4c4c}
#structureAndImg .content .left table{border:1px solid #e1e1e1;border-collapse:collapse;width:100%}
#structureAndImg .content .left table tr td{border:1px solid #e1e1e1;padding:11px}
#structureAndImg .content .left table thead{background:#0375c0;color:#ffda6b}
#structureAndImg .content .left table thead tr td{text-align:center;padding:9px 0}
#structureAndImg .content .left table thead tr td:first-child{width:80%;border-right:none;padding-left:0}
#structureAndImg .content table ul li{list-style:none}
#structureAndImg .content table ul.listCauhoi li:not(.titleList){padding-left:12px}
#structureAndImg .content .left table tr td .socau{text-align:center}
#structureAndImg .content .left table tr td .socau .spacing{color:transparent;margin-bottom:10px}
#structureAndImg .content table .listCauhoi .titleList{margin-bottom:10px}
#structureAndImg .imgQuestion{height:476px;overflow:hidden;border:1px solid #e1e1e1;position:relative}
#structureAndImg .imgQuestion img{width:100%}
#structureAndImg .content .left .title-exam{margin-bottom:32px}
#structureAndImg .content .note{margin-top:12px;font-size:14px;font-weight:700;color:red}
#structureAndImg .content .left .guide{margin-top:12px;line-height:30px}
#structureAndImg .content .title-exam{text-align:center;font-size:24px;padding:10px 0;text-transform:uppercase;font-family:OpenSansBold,sans-serif;color:#0375c0}
#structureAndImg .examFree{border-bottom-color:#dd3f1c;background:#ec5230;color:#fff;font-size:24px}
#kyThiQuanTamForm{font-size:13px;display:flex;flex-wrap:wrap;row-gap:12px;column-gap:0;margin-bottom:25px}
#kyThiQuanTamForm p{width:100%;font-size:15px;text-align:left}
#kyThiQuanTamForm label{width:50%;text-align:left;font-size:18px}
#kyThiQuanTamForm input{width:auto!important;margin-bottom:0!important;vertical-align:middle}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#0375c0;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff;background:#0375c0;border-bottom:4px solid #0375c0;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}
#listTeacherOnRoadTrain .title,#listTeachers #listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:none}
#listTeacherOnRoadTrain .title h3{color:#fff}
#listTeachers #listTeacherOnRoadTrain{padding:0}
#listTeachers .title h3,.courses_sun h3.title{color:#fff}
div#listTeachers{padding:24px 0;background:#0979d9}
#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-weight:700;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}
#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>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}
#demoLesson .content{background:#ccc!important}
#demoLesson .title h3,#magazine3 .title{color:#0979d9}
#demoLesson #listClass{margin-top:-6px!important;background:#fff!important;border:1px solid #b01616}
#demoLesson .title>div ul li a{color:#0979d9}
#demoLesson .content .lessons ul li a{font-size:11px}
#demoLesson .content .lessons ul li a.active{background:#f8d542;color:#fff}
#demoLesson .title>div ul li a.active,#demoLesson .title>div ul li a:hover{background:#ff7300;color:#fff}
#demoLesson .content .lessons ul li a div p:first-child{color:#000}
#demoLesson{padding:36px calc((100% - 1200px)/ 2)}
#demoLesson .title>div>a{background:#2a70f2}
#demoLesson .title{font-size:16px}
#listCourse .title h3{color:#0979d9}
#demoLesson .content .video.disable::after{content:"";width:100%;height:100%;display:block;background:0 0;position:absolute;top:0;left:0;cursor:pointer}
#demoLesson .content .video{position:relative}
#popupRequestAdvisory>div>div input#advisory_problem{display:none}
#demoLesson .title>div{width:300px}
.courses_sun{background:#267fe5;padding:36px 0}
.courses_sun .tab-buttons{margin-bottom:18px}
.courses_sun .tab-buttons button{padding:10px;cursor:pointer;border:none;border-radius:99px;border:1px solid #0d5aba;color:#2881e6;background:#fff;text-transform:uppercase;font-weight:700;font-size:15px}
.courses_sun .stage-buttons{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:18px}
.courses_sun .stage-buttons button{border-radius:12px;padding:12px 24px;outline:0;background:#186dd4;border:1px solid #89c4fd;color:#89c4fd;text-transform:uppercase;cursor:pointer;font-size:20px}
.courses_sun .tab-buttons button.active{background:#fd9425;border:1px solid #fd9425;color:#fff}
.courses_sun .stage-buttons button.active{background:#89c4fd;color:#fff}
.courses_sun .course-list{display:none;padding:24px 0;margin-top:10px;row-gap:12px;flex-direction:column}
.courses_sun .tab-buttons{display:flex;gap:12px;flex-wrap:wrap}
.courses_sun .course-list p{display:flex;border-bottom:1px dashed #ccc;padding-bottom:12px;gap:10px}
.courses_sun .course-list p a{width:185px;text-align:center;padding:8px 0;background:#186dd4;color:#fff;font-weight:700;text-decoration:none;border-radius:6px}
.courses_sun .course-list p a:hover{background:#fff;color:#186dd4}
.courses_sun .course-list p span{flex-grow:1;color:#fff;font-weight:700}
#magazine3{padding:36px 0}
#magazine3 .achievement{margin-top:12px}
@media all and (max-width:768px){
#normalHeader{padding:0;background-color:#fff;margin-bottom:24px}
#normalHeader .wrapperBanner .headerForm form{padding-bottom:50px}
#normalHeader .wrapperBanner{padding-bottom:12px}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner .banner{width:100%}
#structureAndImg .infoQuestion2020 a{width:100%}
#structureAndImg .infoQuestion2020{flex-wrap:wrap;justify-content:space-between;text-align:center}
#structureAndImg .content .left table thead tr td:first-child{width:85%}
#structureAndImg .content .subTitle{font-size:14px}
#structureAndImg .content .right .btnDowload{width:34px;height:34px;background-size:64%}
#structureAndImg,#structureAndImg .content{margin-bottom:12px}
#structureAndImg .content .subTitle{margin:0 6px 12px}
#structureAndImg .content .left table{font-size:14px}
#structureAndImg .content .left,#structureAndImg .content .right{width:100%}
#normalHeader .header .rightContent .login{font-size:14px}
#comboStyle1 .title h3,#infoBottomImageStyle1 .title h3,#structureAndImg .content .title,.title h3{font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{margin:0 auto}
#listTeachers ul.tabSubject li{width:calc(25% + -9px)}
#examAbout .parentContent li span{background-position:left top 1px}
#examAbout .parentContent li .childContent li{background-position:left top 0}
#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}
#demoLesson{padding:12px 0}
#demoLesson{padding:30px 12px;background-size:cover,150px,150px,cover}
#demoLesson .title>div>a{background:#2a70f2}
#demoLesson .title>div{top:0}
#listCourse{padding:12px 0}
}
@media all and (max-width:480px){
#kyThiQuanTamForm label{font-size:14px}
.courses_sun h3.title{font-size:20px}
#viewListCourse .title.mobi{width:75%}
#sliderExam .title.mobi{width:90%}
#chienTich .title{width:95%}
#structureAndImg .content .left .title-exam{margin-bottom:0}
#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}
#demoLesson #listClass{margin-top:0!important}
#structureAndImg .examFree{font-size:16px;padding:6px 20px}
}