*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
body,html{font-family:OpenSans,sans-serif;font-size:18px;width:100%;height:100%;color:#262626}
.title h3{clip-path:unset!important;background:unset!important;font-size:36px!important;height:auto!important}
.courseExamInfo .title,.title h3:not(#stepJoinEvent.title>h3){color:#e00000!important}
.courseExamInfo .title{text-align:center;font-size:36px;margin-bottom:24px}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
b,strong{font-weight:700}
#demoLesson,#eventList1,#magazine3,#stepJoinEvent{padding-top:36px;padding-bottom:36px}
#normalHeader{position:relative;overflow:hidden}
#normalHeader .wrapperBanner .banner img{position:relative;z-index:1}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header{background:#fff;position:relative;z-index:50;top:0;width:100%}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{background:#fff}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine.webp) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.webp) 0/17px no-repeat}
#normalHeader .header>div>ul a{color:#363636}
#normalHeader .header>div{position:relative;z-index:10}
#normalHeader .wrapperBanner .banner{cursor:pointer;align-items:flex-start;position:relative}
#normalHeader .wrapperBanner{padding:0;position:relative;z-index:20;align-items:center}
#normalHeader .header>div>ul>li:not(:first-child)>a{background-size:19px}
#normalHeader .txtWarning{font-size:16px;text-align:center;color:#00546e}
#normalHeader .wrapperBanner .headerForm{width:380px;height:fit-content;border:8px solid #ff4a4a;border-radius:24px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px;color:#e00000}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{border-radius:99px}
#normalHeader .wrapperBanner .headerForm .luuY{font-size:14px}
#normalHeader .wrapperBanner .banner{width:calc(100% - 380px)}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#e00000;color:#fff;font-weight:700;font-size:18px;border-bottom:4px solid #a60000}
.courseExamInfo{position:relative;padding:24px 0;background:no-repeat bottom left 100%/contain url(../img/bottom-bg.png),no-repeat top left 100%/cover url(../img/bg-sky.png)}
.courseExamInfo .container{position:relative}
.courseExamInfo .loiIch{display:flex;justify-content:space-between;gap:12px}
.courseExamInfo .loiIch li{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(0deg,#fb001c,#b9000d);color:#fff;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 18px 36px 18px;width:100%;max-width:33.33%;border-bottom:unset;position:relative;border-top:5px solid #fff}
.courseExamInfo .loiIch{margin-bottom:36px}
.courseExamInfo .loiIch li p{min-height:129px}
.courseExamInfo .loiIch li img{width:56px;height:auto}
.courseExamInfo .listCourseExam tbody.none{display:none}
.courseExamInfo .listCourseExam{width:100%;background:#fff;border-collapse:collapse}
.courseExamInfo .listCourseExam td,.courseExamInfo .listCourseExam th,.courseExamInfo .listCourseExam tr{padding:12px}
.courseExamInfo .listCourseExam td{border-right:1px solid #ccc;text-align:center}
.courseExamInfo .listCourseExam td:nth-child(2){font-weight:700;text-align:left}
.courseExamInfo .listCourseExam th{background:#e00000;color:#fff}
.courseExamInfo .listCourseExam th:nth-child(1),.courseExamInfo .listCourseExam th:nth-child(3){width:15%}
.courseExamInfo .listCourseExam tr:nth-child(even){background:#ebebeb}
.courseExamInfo .listCourseExam th select{font-size:18px;background:#e00000;color:#fff;outline:0;border:none;border:3px solid #fff;padding:5px 7px;border-radius:22px}
#demoLesson .title>div{top:20px}
#demoLesson .title>div>a{background:#de0013!important}
#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:#e00000!important}
#demoLesson .content .lessons ul li a{background:#ba0000}
#demoLesson .content .lessons ul li a.active{background:#ff4242}
#demoLesson .content .lessons ul li a div p:first-child{color:#fff}
#demoLesson .content .lessons ul li a div p.time{display:none}
#demoLesson .title>div ul{background:#fff}
#demoLesson .title>div ul li a{color:#3d3d3d}
#demoLesson .title>div ul li a.active,#demoLesson .title>div ul li a:hover{background:#fda035;color:#fff}
.body-comment .title h3{font-size:36px;color:#4922e8}
#normalHeader .star{background-size:contain}
#buyOneGetOne{padding:32px calc((100% - 1200px)/ 2);background:#fff}
#buyOneGetOne .title{padding:0}
#buyOneGetOne .title h3{margin:10px 0;color:#0f7c8d}
#buyOneGetOne .wrapperCourses{display:flex;flex-direction:column;gap:12px}
#buyOneGetOne .wrapperCourses>div{border:8px solid #b90016;margin-top:0;background:#ffefef;border-radius:10px}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{border:1px solid #cfcfcf}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div textarea,[id^=popupNotify_]>div .buttonWrapper a{border:none}
#popupRequestAdvisory>div>div button,[id^=popupNotify_]>div .buttonWrapper a{color:#fff;background:#ff631e;border-bottom:4px solid #ec4900}
[id^=popupNotify_]>div .buttonWrapper{padding-bottom:12px}
.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop iframe,.fb_iframe_widget_fluid_desktop span{max-width:100%!important;width:100%!important}
[id^=popupNotify_]{z-index:100}
.listSubject h1, #magazine3 .title{text-align:center;color:#e00000}
.listSubject .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-top:30px}
.listSubject .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.listSubject .card h2{margin-top:0;font-size:18px;color:#e00000}
.listSubject .subjects{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.listSubject .chip{background:#fff;color:#606060;padding:6px 10px;border-radius:999px;font-size:17px;text-decoration:none;border:1px solid #e1e1e1;transition:background .2s;width:calc(33.33% - 6px)}
.listSubject .chip:hover{background:#e00000;color:#fff}
#magazine3 .CompanysCooperated{margin-bottom:36px !important}
#eventList1 .fullname{word-break: break-all;}
.textbold{font-weight:700;}
.textLineThrough{text-decoration: line-through;}
@media (max-width:768px){
#normalHeader{background-size:contain;background-color:#d6461c}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner .banner #ufo{top:-13%}
#normalHeader .wrapperBanner{flex-direction:column;padding:0 0 24px}
#normalHeader .wrapperBanner .banner{width:100%;padding:0}
.title h3{font-size:24px!important}
#stepJoinEvent .content>div{background:#fedb36}
#stepJoinEvent .content>div>div{color:#000}
#demoLesson .title{padding-bottom:inherit}
#eventList1 .title h3{font-size:24px!important}
.listSubject .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
}
@media (max-width:500px){
body{font-size:14px}
#eventList1 .title h3,.courseExamInfo .title,.listSubject h1,.title h3{font-size:20px!important}
#demoLesson .content .lessons ul li a img{width:100px}
.listSubject .chip{font-size:14px}
#demoLesson,#eventList1,#magazine3,#stepJoinEvent{padding-top:20px;padding-bottom:20px}
.courseExamInfo .loiIch li p{min-height:auto}
.courseExamInfo .loiIch{flex-direction:column}
.courseExamInfo .loiIch li{max-width:100%}
.courseExamInfo .listCourseExam,.courseExamInfo .listCourseExam th select{font-size:14px}
.courseExamInfo .listCourseExam th:nth-child(1){width:10%}
.courseExamInfo .listCourseExam th:nth-child(2){width:70%}
.courseExamInfo .listCourseExam td,.courseExamInfo .listCourseExam th,.courseExamInfo .listCourseExam tr{padding:6px}
.courseExamInfo{padding:12px 0}
.star{width:25px;height:25px}
#stepJoinEvent .content>div>img{width:60px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{margin-bottom:12px}
}