*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
@font-face{font-family:Montserrat;src:url(../../../font/Montserrat-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:MontserratExtraBold;src:url(../../../font/Montserrat-ExtraBold.woff) format("woff");font-display:swap}
@font-face{font-family:MontserratBold;src:url(../../../font/Montserrat-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:OpenSansExtraBold;src:url(../../../font/OpenSans-ExtraBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
body,html{font-family:Montserrat,sans-serif;width:100%;height:100%;color:#262626}
.title h3,h3.title{text-align:center;font-size:48px!important;font-family:OpenSansExtraBold;line-height:normal;background:-webkit-linear-gradient(0deg,#1370fe,#ee2563)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;clip-path:unset!important;-webkit-text-stroke:1px #fff;filter:drop-shadow(0 0 2px rgba(0, 0, 0, .432));text-transform:uppercase;height:auto!important}
.bold{font-family:MontserratExtraBold}
#demoLesson,#eventList1,#listSubject,#magazine3 .achievement,#soTayHuongDan,#videoLeft{padding:24px calc((100% - 1224px)/ 2)}
.wrapBackgroundStep{padding:36px 0}
#normalHeader .header{background:0 0}
#normalHeader .header a{color:#f13357}
#landingPopup .overlay{z-index:1000}
[id^=popupNotify_]>div .buttonWrapper{padding-bottom:12px}
#iconLoadingSubmit img{height:59px}
#normalHeader{background-position:top}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header>div>ul .hotline a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAAAAUWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/Fg/81wAAABV0Uk5TABBvr+//UGDAcKCQ8LAwj+Dfn0CADVj/kAAAAIpJREFUeJxVT0kSwzAIAwe8xSbp8v+3FuR02ugAHlkSQOTgtInKlpguZNEFyYso+kOBQv/hKoal5kspTC16R9Q+vDSaUIzSPMP8PSl4G8U/jChsUfTQhF9kQQMMozMacnwPq0ZdocSsPRYD4bM4bGKUH8vL9yOw852SdX7+zvP+XBS3OfSshV69vj9UXAYXrOPQ6QAAAABJRU5ErkJggg==) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAMAAABYi/ZGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADxQTFRFAAAAUWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/UWn/F4BXBwAAABR0Uk5TACCf7/8wEHCwoPBAr79f4GBQ39Dv3/eIAAAAdklEQVR4nG3OURKDIAxF0RcJIChCy/73WqgSUbhfzJkwCfCPFsVqIXRpxTWlbzInFTRilltWbBVzYm5is7/GX+TvHdAnerll28NBznN0lMK+VUp1oijoCPX56e5tlbstv7Pdva0VcbAvBmKeWh4oT/ciPSdzwg/JCAXX/PRD6gAAAABJRU5ErkJggg==) 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{align-items:center;max-width:1224px}
#normalHeader .wrapperBanner .banner{width:calc(100% - 380px);position:relative}
#normalHeader .wrapperBanner .headerForm{max-width:356px;width:calc(100% - 24px)}
#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 .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-family:MontserratExtraBold,sans-serif}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:19px;font-family:MontserratExtraBold,sans-serif;background:linear-gradient(to right,#146ffd,#eb2664);color:#f4ec99;padding:9px 40px;margin-top:0;cursor:pointer;margin-top:24px}
#normalHeader .wrapperBanner .headerForm{padding:24px 12px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-family:MontserratExtraBold,sans-serif;color:#256cf5;font-size:22px}
#normalHeader .wrapperBanner{justify-content:space-between}
#demoLesson .title>div{top:20px}
#demoLesson .title>div>a{background:#ffd300!important;color:#262626;font-family:MontserratExtraBold}
#demoLesson .title>div>a img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTUxRTQ2NkNDRjlFODExQjUxMkNGREI3NUJFMzkyQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMDRGMEZDNEIzNjIxMUU5ODAxMkI5NTlENDUwNEVBMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ZjZhOTQ2NS1iYjhiLTcxNGQtOGFjNC1iMGRkZWEwODkwZjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA0LTA5VDEwOjA2OjE1KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5Rjc0RDBBRDVCMUU5MTFBOTBCQTA5RDY1ODMxOUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1NTFFNDY2Q0NGOUU4MTFCNTEyQ0ZEQjc1QkUzOTJCIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRmNmE5NDY1LWJiOGItNzE0ZC04YWM0LWIwZGRlYTA4OTBmMCIgc3RFdnQ6d2hlbj0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUqVeEAAABLSURBVAiZfcqxDYAgFEXR7wSuoj1bsRfjaEPnFlocGzSGBF/3bk5g978tkHAOwIUUCOQByogHTSgdKK2/KDCjNlDbjx4FFhxYv/0GEre/wvcW/WkAAAAASUVORK5CYII=);width:9px;height:6px;padding-left:9px}
#demoLesson .content{background:#d7d7d7!important}
#demoLesson #listClass{background:#5c33b7!important}
#demoLesson .title>div ul li a{color:#e7bd25}
#demoLesson .title>div ul li a.active,#demoLesson .title>div ul li a:hover{background:#4e26a8;color:#fff;font-family:MontserratExtraBold}
#demoLesson .content .lessons ul li a.active{background:#f8d542}
#listGift{padding:12px 0 34px}
#listGift .container{background:url(../img/vienPhongBiNgang.jpg) repeat-x top,url(../img/vienPhongBiNgang.jpg) repeat-x bottom,url(../img/vienPhongBiDoc.jpg) repeat-y left,url(../img/vienPhongBiDoc.jpg) repeat-y right;background-size:100px,100px,12px,12px;padding:24px;border-radius:10px}
#listGift ul.content{list-style:none;color:#262626}
#listGift .promoInfo ul>li span{width:112px;display:inline-block}
#listGift ul.content>li.itemPromo{margin-top:20px;border:1px solid #e0e0e0;padding:12px;border-radius:5px;background:#fff}
#listGift ul.content>li.itemPromo>.promoInfo{margin-top:18px}
#listGift ul.content>li.itemPromo>.promoInfo>ul{list-style:none;padding-left:25px}
#listGift .titleInfo{margin-bottom:10px}
#listGift .title{width:fit-content;margin:0 auto 5px;font-weight:800;color:#5375f6;font-size:36px;text-align:center;text-transform:uppercase;font-family:OpenSansExtraBold;background:0 0}
#listGift .title label{color:#ea486a}
#listGift .btnConfirmGift{text-decoration:none;display:block;width:fit-content;margin:0 auto;padding:10px 24px;color:#000;background:#e8e8e8;border-bottom:5px solid #ccc;border-radius:10px}
#listGift .btnConfirmGift:hover{background:#a7a7a7}
#listGift ul.content>li .wrapPromo .btnGift{width:306px;text-align:right}
#listGift ul.content>li .wrapPromo{margin-bottom:10px}
#listGift .promoInfo ul{list-style:none}
#listGift .promoInfo ul>li{padding:3px 0;margin-bottom:12px}
#listGift .promoInfo ul>li input,#listGift .promoInfo ul>li textarea{width:100%;outline:0;border:none;border-bottom:1px dashed #ccc;padding:10px 0 2px;border-radius:5px;font-size:16px;color:#0f2475;font-family:Montserrat,sans-serif;transition:all .1s;font-style:italic}
#listGift .promoInfo ul>li textarea{resize:vertical}
#listGift .promoInfo ul>li input:focus,#listGift .promoInfo ul>li textarea:focus{border-bottom:1px dashed #0f2475}
#listGift .promoInfo ul>li input:focus~label,#listGift .promoInfo ul>li textarea:focus~label{color:#0f2475;font-size:14px}
#listGift .btnConfirmGift.btnChooseBook{padding:5px 18px;border-radius:20px;font-size:16px}
#listGift .confirmGift #thongBaoXacNhan{padding:5px;background:#fdda76;color:brown;margin-top:12px;border-radius:5px;display:none;font-style:italic}
#listGift ul.content>li.itemPromo ul{padding:0 20px}
#listSubject .content>div{background:#ffe88f!important;display: flex;flex-direction:column;gap: 12px;}
#listSubject .content>div p{color:#1969f4!important;font-family:MontserratBold;margin-bottom:8px;}
#listSubject .content>div ul li a{background:#fff!important;color:#000}
#listSubject .content>div ul li a:hover{background:#1969f4!important;color:#fff}
#listSubject,#magazine3{background:linear-gradient(to right,#f5af1a,#f8d730)}
#soTayHuongDan.animation .danhSachSoTay li,.tieuDe{animation:fadeInLoadItem .4s forwards}
#soTayHuongDan .tieuDe{font-size:36px;text-align:center;text-transform:uppercase}
#soTayHuongDan .tacGia{text-align:center;font-weight:700;font-size:16px;margin-bottom:18px}
#soTayHuongDan .tacGia span{color:#7150bb;padding-bottom:8px;display:inline-block}
#soTayHuongDan .danhSachSoTay{grid-template-columns:1fr 1fr 1fr 1fr 1fr;row-gap:34px;column-gap:34px;justify-content:center}
#soTayHuongDan .danhSachSoTay li{text-align:center;list-style:none}
#soTayHuongDan .danhSachSoTay li img{width:100%;max-width:273px;position:relative;transition:all .2s;margin-bottom:20px}
#soTayHuongDan .danhSachSoTay li img:hover{transform:scale(1.05) rotate(2deg);filter:drop-shadow(5px 5px 0 #cfcfcf) drop-shadow(4px 5px 8px rgba(0,0,0,.321))}
#soTayHuongDan .danhSachSoTay li span{width:100%;display:inline-block;font-family:Roboto,sans-serif}
#soTayHuongDan .danhSachSoTay li .soLuong{color:#ea4657;margin-bottom:12px}
#soTayHuongDan .danhSachSoTay li .xemNgay{width:136px;height:36px;text-align:center;color:#fff;border:1px solid #fff;background:#f26522;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;border-radius:6px;box-sizing:border-box;transition:all .2s}
#soTayHuongDan .danhSachSoTay li .xemNgay:hover{background:#f32121;color:#fff;letter-spacing:1px}
#soTayHuongDan .content .lessons ul li a.active{background:#f8d542}
#listClassChonLop{margin-top:-5px;background:#5c33b7!important;list-style:none;width:100%;overflow:hidden;display:none;grid-template-columns:auto auto;border-radius:0 0 5px 5px}
#listClassChonLop a:hover{background:#492698;color:#fff;font-family:MontserratExtraBold}
ul#listClassChonLop.active{display:flex;max-width:200px;flex-wrap:wrap;position:absolute;z-index:99;left:50%;transform:translateX(-50%);top:100%}
ul#listClassChonLop>li{width:50%;text-align:center}
ul#listClassChonLop>li>a{text-decoration:none;display:block;padding:7px 2px}
#soTayHuongDanChonLop{margin:10px 0 25px;position:relative}
#soTayHuongDanChonLop>a{width:200px;margin:0 auto;padding:10px 20px;display:block;text-align:center;background:url(../img/arrowDown.png) no-repeat center right 15px,#1969f4;color:#fff;text-decoration:none;position:relative;border-radius:5px;font-family:MontserratExtraBold,sans-serif}
#soTayHuongDanChonLop>a img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTUxRTQ2NkNDRjlFODExQjUxMkNGREI3NUJFMzkyQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMDRGMEZDNEIzNjIxMUU5ODAxMkI5NTlENDUwNEVBMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ZjZhOTQ2NS1iYjhiLTcxNGQtOGFjNC1iMGRkZWEwODkwZjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA0LTA5VDEwOjA2OjE1KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5Rjc0RDBBRDVCMUU5MTFBOTBCQTA5RDY1ODMxOUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1NTFFNDY2Q0NGOUU4MTFCNTEyQ0ZEQjc1QkUzOTJCIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRmNmE5NDY1LWJiOGItNzE0ZC04YWM0LWIwZGRlYTA4OTBmMCIgc3RFdnQ6d2hlbj0iMjAyMS0wNC0wOVQxMDowNjoyOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUqVeEAAABLSURBVAiZfcqxDYAgFEXR7wSuoj1bsRfjaEPnFlocGzSGBF/3bk5g978tkHAOwIUUCOQByogHTSgdKK2/KDCjNlDbjx4FFhxYv/0GEre/wvcW/WkAAAAASUVORK5CYII=);width:9px;height:6px;padding-left:9px}
#soTayHuongDanChonLop ul li a{color:#f4c20d}
#soTayHuongDan .danhSachSoTay{display:none}
#soTayHuongDan .danhSachSoTay.active{display:grid}
#infoLeftImage{background:#fcec8b}
#stepRegister{padding-bottom:0}
#infoLeftImage .title h3,#stepRegister .title h3{background:#6fc8cb!important;margin:10px 0}
#stepRegister .content li img{width:126px;height:126px}
#stepRegister .content .listStep li div{color:#4db4b7}
.wrapBackgroundStep{background:linear-gradient(to right,#f5af1a,#f8d730)}
#videoLeft>div{border:none;padding:0}
#videoLeft .wrapperContent h3{font-family:MontserratExtraBold}
#videoLeft>div .wrapperContent div #btnVideoIntro{background:linear-gradient(to right,#146ffd,#eb2664);border-radius:10px;border:3px solid #f4ec99;color:#f4ec99;padding:10px 25px}
#videoLeft>div .wrapperVideo .video{border:12px solid #fbaf5d}
#videoLeft>div .wrapperContent h3{margin:12px 0}
#videoLeft>div .wrapperContent ul{margin-bottom:12px}
#stepJoinEvent .content>div>div>p{text-transform:initial;color:#fff}
#stepRegister .content .wrapperButton li:nth-child(1) a{background:#f26522}
#stepRegister .content .wrapperButton li:nth-child(2) a{background:#0072bc}
#stepRegister .content .wrapperButton li:nth-child(3) a{background:#1fb700}
#stepRegister .content .wrapperButton{column-gap:22px;justify-content:center}
#stepRegister .content .wrapperButton li{padding:0;max-width:240px}
#stepJoinEvent .content{column-gap:70px;justify-content:center}
#stepJoinEvent .content>div>div>strong{font-family:MontserratExtraBold;color:var(--clYellow)}
#videoLeft>div .wrapperContent ul li{background:url(../img/iconCheck.png) 0 3px/17px no-repeat}
#stepRegister .content{padding-top:0}
.container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.btnFrame{border-radius:5px;padding:2px 5px;background:#1969f4;color:#fff;display:inline-block;margin:2px;cursor:pointer;text-decoration:none;border:1px solid #262626}
.btnDangKy{background:#fff;color:#262626}
#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/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#popupNotify_PDF>div .content iframe{min-height:400px}
#popupNotify_PDF>div,#popupNotify_PDF>div .content{height:100%}
#popupNotify_PDF{padding:50px 0}
#magazine3 .CompanysCooperated,#magazine3 .achievement,#magazine3 .posts{padding:24px calc((100% - 1224px)/ 2)}
#magazine3 .achievement{background:linear-gradient(to right,#f5af1a,#f8d730)}
#listSubject .content>div ul{gap:10px;}
#listSubject .content>div ul li{margin:0;}
.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 (max-width:1023px){
.container .title .frameTitle{font-size:14px!important}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader .wrapperBanner{flex-wrap:wrap}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{max-width:100%;margin:0 auto;border-radius:0}
#normalHeader .wrapperBanner .headerForm form>div{margin:0}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{bottom:-20px;right:unset}
#normalHeader .wrapperBanner .banner{margin-bottom:39px}
}
@media all and (max-width:768px){
.title h3{font-size:22px!important;margin-bottom:12px}
#stepRegister .content .listStep li div{color:#fcec8b!important}
#normalHeader{background-size:contain;background-color:#f8b830}
#normalHeader .wrapperBanner .banner{margin-bottom:12px}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner .headerForm{width:auto}
#listGift{padding:12px}
#listGift ul.content>li .wrapPromo{display:block}
#listGift ul.content>li .textPromo{width:100%}
#listGift ul.content>li .wrapPromo .btnGift{width:100%;text-align:center;margin-top:20px}
#listGift ul.content>li.itemPromo>.promoInfo{margin-top:10px}
#stepRegister .content .listStep li{background:#ff897b}
#stepJoinEvent .content>div{color:#a32c4e;background:#fff;border:1px solid #ccc}
#stepJoinEvent p{margin-top:10px}
#listSubject .content{padding-top:0}
#demoLesson .title>div{top:0}
#normalHeader .wrapperBanner{padding:12px}
#soTayHuongDan .tacGia{font-size:14px;margin-bottom:18px}
#videoLeft>div .wrapperContent,.wrapBackgroundStep{padding:12px}
#stepRegister .content .wrapperButton li{margin:0 auto}
#stepJoinEvent .content>div>div>strong{color:var(--clPinkExtrarExtraBold)}
#stepJoinEvent .content>div>div>p{color:#262626}
#stepJoinEvent{padding:0}
#listGift ul.content>li.itemPromo ul{padding:0}
.title h3,h3.title{font-size:24px!important}
#soTayHuongDan .luuY{width:100%}
#soTayHuongDan .danhSachSoTay{grid-template-columns: 1fr 1fr 1fr;}
#videoLeft,#listSubject{padding:12px}
#demoLesson{padding:12px}
}
@media all and (max-width:480px){
#soTayHuongDan .danhSachSoTay{grid-template-columns: 1fr 1fr;}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px;margin-bottom:12px}
#videoLeft{padding:12px}
#soTayHuongDan .danhSachSoTay{grid-template-columns:repeat(auto-fill,48%);row-gap:12px;column-gap:12px}
#listSubject{padding:12px}
#demoLesson .content .lessons ul li a div p:first-child{font-size:14px;text-align:initial}
.title h3,h3.title{font-size:20px!important}
#stepJoinEvent .content{padding-top:0}
#videoLeft>div .wrapperContent h3{font-size:20px}
#eventList1 *{font-size:18px!important}
#eventList1 table tr th:nth-child(2){width:30%}
#eventList1 table tr>*{word-break:break-all}
#soTayHuongDan .luuY{font-size:16px}
#listSubject .content>div ul li a{font-size:14px}
}