*{margin:0;padding:0;box-sizing:border-box;font-size:16px;scroll-behavior:smooth}
@font-face{font-family:RobotoBold;src:url(../../../font/Roboto-Bold.eot);src:url(../../../font/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/Roboto-Bold.otf) format("opentype"),url(../../../font/Roboto-Bold.svg) format("svg"),url(../../../font/Roboto-Bold.ttf) format("truetype"),url(../../../font/Roboto-Bold.woff) format("woff"),url(../../../font/Roboto-Bold.woff2) format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:Roboto;src:url(../../../font/Roboto-Regular.eot);src:url(../../../font/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Roboto-Regular.otf) format("opentype"),url(../../../font/Roboto-Regular.svg) format("svg"),url(../../../font/Roboto-Regular.ttf) format("truetype"),url(../../../font/Roboto-Regular.woff) format("woff"),url(../../../font/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal}
body,html{font-family:Roboto,sans-serif;font-size:16px;width:100%;height:100%;color:#262626}
img{vertical-align:middle;max-width:100%}
.fl{float:left}
.fr{float:right}
.bold{font-family:RobotoBold,sans-serif}
.clear{clear:both}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.bgBlueBold{background:#483da5}
.title{text-transform:uppercase;font-size:24px;text-align:center}
.clYellowBold,.clYellowBold a{color:#fff79a}
.hiddenPC{display:none}
.clRed{color:#cf3b18}
.wrapBtnFrame{text-align:center}
.wrapBtnFrame .btnFrame{font-size:20px;padding:14px 24px;text-transform:uppercase;display:inline-block;text-decoration:none;border-radius:10px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp);background-position:top}
#normalHeader a{color:#ffea39}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine.png) left center no-repeat}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.png) left center no-repeat}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{background:#ede055}
.header.png{background:url(../img/backgroundPC.png) center 100%/cover no-repeat}
.header.webp{background:url(../img/backgroundPC.webp) center 100% no-repeat}
.header{padding-bottom:3px;position:relative}
.header .bannerPC{display:block}
.header .bannerMobi{display:none}
.header .wrapLogo{width:694px;height:110px;background:#fff;position:absolute;display:flex;justify-content:space-around;border-radius:0 0 30px 30px;align-items:center;left:50%;top:0;margin-left:-347px;z-index:11}
.header .wrapLogo a{display:inline-block;width:40%}
.header .wrapLogo img{width:100%;display:inline-block}
.header .wrapContent{position:relative;padding-top:114px}
.header .wrapContent .container{padding:0}
.header .wrapContent .wrapBtn{position:absolute;bottom:0;height:93px;width:100%;z-index:10;text-align:center}
.header .wrapContent .wrapBtn .btnDownload{background:#e7b80a;padding:14px 35px;color:#483da5;display:inline-block;border-radius:7px;text-decoration:none;margin-right:227px}
.header .wrapContent .wrapBtn .btnDownload:hover{filter:brightness(0.9)}
.videoIntro{background:#eaeaea;padding:24px 0 46px}
.videoIntro .wrapVideo{width:calc(100% - 303px);margin:0 auto 24px;background:#fff;border-radius:5px;padding:12px}
.videoIntro .wrapVideo .video{position:relative;padding-bottom:56.24%}
.videoIntro .wrapVideo .video iframe{width:100%;height:100%;position:absolute}
.videoIntro .contentBottom{text-align:center}
.videoIntro .contentBottom span{padding:17px 15px 14px;text-transform:uppercase;text-align:center;display:inline-block;font-size:24px}
.videoIntro .contentBottom .textLeft{background:#01304e;color:#fff;clip-path:polygon(5% 0,100% 0,100% 100%,5% 100%,0 50%);padding:17px 57px}
.videoIntro .contentBottom .textRight{background:#cf3d6c;color:#ffea38;clip-path:polygon(95% 0,100% 50%,95% 100%,5% 100%,0 50%,5% 0);padding:17px 54px;margin-left:-38px}
.stepJoinFree{padding:25px 0;background:linear-gradient(90deg,#003ec1,#0064e2,#003ec1)}
.stepJoinFree .title{margin-bottom:27px}
.stepJoinFree .wrapStep{width:calc(100% - 280px);margin:0 auto}
.stepJoinFree .wrapStep p{margin-bottom:20px;color:#fff;display:flex}
.stepJoinFree .wrapStep p span{min-width:100px;display:block;line-height:29px}
.stepJoinFree .wrapStep p a{color:#fff;text-decoration:none;border-radius:99px}
.stepJoinFree .wrapStep p .btnDangNhap{background:#cf3d6c;color:#fff;}
.stepJoinFree .wrapStep p .btnDangKy{background:#ffffff;color: #262626}
.stepJoinFree .wrapStep p .btnAction{padding:2px 12px;transition:all .2s;display:inline-block}
.stepJoinFree .wrapStep p .btnAction:hover{transform:scale(1.09);box-shadow: 0px 0px 5px 0px #fff;}
.stepJoinFree .wrapBtnShare{text-align:center;padding-left:93px}
.stepJoinFree .wrapBtnShare>a.btnShare{background:#ffea38;color:#262626;border:2px solid #262626;text-transform:uppercase;padding:11px 53px}
.stepJoinFree .wrapBtnShare .wrapCourseBuy,.stepJoinFree .wrapBtnShare a{display:inline-block}
.stepJoinFree .wrapBtnShare .btnFrame{padding:14px 53px;font-size:18px;border-radius:7px}
.stepJoinFree .wrapBtnShare .wrapCourseBuy{vertical-align:top;margin-left:45px}
.stepJoinFree .wrapBtnShare .wrapCourseBuy .btnShare{background:#fd3e9e;color:#fff;text-transform:uppercase}
.stepJoinFree .wrapBtnShare .wrapCourseBuy .warrning{width:309px;color:#fff;margin:17px auto 0}
.stepJoinFree .wrapBtnShare a{text-decoration:none}
.stepJoinFree .wrapBtnShare .btnShare:hover{filter:brightness(0.9)}
.listCourse{padding:36px 0}
.listCourse .btnRegistered{color:#818181!important;border:1px solid #818181!important}
.listCourse .wrapTitle{text-align:center;margin-bottom:24px}
.listCourse .wrapTitle .warning{color:#cf3b18}
.listCourse .title{padding:21px 69px;background:#01304e;display:inline-block;margin:0 auto 23px;color:#ffea38;clip-path:polygon(100% 0,97% 50%,100% 100%,0 99%,3% 50%,0 0)}
.listCourse .course{margin-bottom:24px}
.listCourse .course .left{width:126px;height:126px;object-fit:cover}
.listCourse .course .content{width:calc(100% - 345px);font-size:18px;padding-left:24px}
.listCourse .course .content a{color:#112b4e;text-decoration:none}
.listCourse .course .content a:hover{text-decoration:underline}
.listCourse .course .wrapBtnRegister{width:219px;text-align:right}
.listCourse .course .wrapBtnRegister .btnRegister{padding:15px 36px;border:1px solid #004bcc;color:#004bcc;display:inline-block;border-radius:10px;text-decoration:none;text-transform:uppercase;width:196px;text-align:center}
.listCourse .course :last-child{margin-bottom:0}
.table{padding:32px 0 37px}
.table .wrapTitle{text-align:center;margin-bottom:24px}
.table .wrapTitle .titleTable{color:#cf3b18;font-size:24px;text-transform:uppercase;margin-bottom:17px}
.table .wrapTitle .lastTitle{color:#483da5;font-size:18px}
.table table{width:100%}
.table table .dateTime,.table table .saleprice{color:#828282}
.table table .saleprice{text-decoration:line-through;margin-left:35px}
.table table .titleCourse{margin-bottom:17px}
.table table tr th:nth-child(1){width:96px}
.table table tr th:nth-child(2){width:25%}
.table table tr th:nth-child(3){width:calc(75% - 96px)}
.table table tbody tr:nth-child(odd){background:#ebebeb}
.table table tbody tr td:nth-child(1),.table table tbody tr td:nth-child(2){text-align:center}
.table table,.table td,.table th{border:1px solid #ccc;border-collapse:collapse;padding:14px}
.table td{border-bottom:none!important;border-top:none}
.footer{padding:36px 0 45px;color:#fff;background: linear-gradient(90deg, #003ec1, #0064e2, #003ec1);}
.footer .left,.footer .right{width:50%}
.footer .titleBottom{text-transform:uppercase;font-size:18px;margin-bottom:17px}
#normalHeader .wrapperBanner{cursor:pointer}
#normalHeader .wrapperBanner .bannerPC{max-width:1100px}
.stepJoinFree .wrapStep p .link{color:#fff799}
.stepJoinFree .wrapStep p .link:hover{color:#fd3e9e;text-decoration:underline}
.footer .tel{font-family:RobotoBold,sans-serif;color:#fd3e9e;text-decoration:none}
@media all and (min-width:960px) and (max-width:1024px){.container{padding:0 12px}
.header .wrapLogo{width:570px;height:80px;margin-left:-285px}
.videoIntro .contentBottom span{font-size:17px}
.listCourse .wrapTitle{width:90%;margin:0 auto 24px}}
@media all and (max-width:768px){.header .wrapContent{padding-top:0}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}}
@media all and (max-width:480px){.stepJoinFree .wrapStep p{display:flex;flex-direction:column;border-bottom:1px dashed;margin-bottom:12px;padding-bottom:12px}}
@media all and (min-width:320px) and (max-width:768px){*{font-size:14px}
.container{padding:0 12px}
.hiddenPC{display:block}
.header.png{background:url(../img/backgroundMobi.png) center 100% no-repeat}
.header.webp{background:url(../img/backgroundMobi.webp) center 100% no-repeat}
.header .bannerPC{display:none}
.header .bannerMobi{display:block}
.header .wrapLogo{position:unset;display:none;width:100%;margin:0;height:36px;border-radius:0;justify-content:space-between;padding:0 12px}
.header .wrapLogo a{width:14%}
.header .wrapContent .wrapBtn{text-align:unset;display:flex;align-items:center;justify-content:center}
.header .wrapContent .wrapBtn .btnDownload{padding:14px 35px;color:#483da5;display:inline-block;border-radius:7px;text-decoration:none}
.spacePage{padding:12px 0}
.spacePage .title{font-size:16px}
.videoIntro{padding:12px 0}
.videoIntro .wrapVideo{width:100%;margin-bottom:12px}
.videoIntro .contentBottom span{display:block;font-size:14px;padding:17px 21px!important}
.videoIntro .contentBottom .textLeft{margin-bottom:12px;clip-path:polygon(100% 0,95% 50%,100% 100%,5% 100%,0 50%,5% 0)}
.videoIntro .contentBottom .textRight{margin-left:0}
.stepJoinFree{padding:16px 0}
.stepJoinFree .wrapStep{width:100%;margin-bottom:18px}
.stepJoinFree .wrapStep p a{text-decoration:underline}
.stepJoinFree .wrapStep p:last-child{margin-bottom:0}
.stepJoinFree .wrapBtnShare{display:flex;justify-content:center;padding-left:0;align-items:baseline}
.stepJoinFree .wrapBtnShare .btnFrame{text-transform:uppercase;padding:12px 26px;font-size:16px;border-radius:7px}
.stepJoinFree .wrapBtnShare .wrapCourseBuy .warrning{width:auto}
.stepJoinFree .wrapBtnShare .wrapCourseBuy{width:62%;margin-left:0}
.listCourse{padding:18px 0}
.listCourse .title{margin-bottom:18px;font-size:16px;padding:11px 26px}
.listCourse .course{margin-bottom:18px}
.listCourse .course:last-child{margin-bottom:0}
.listCourse .course .left{width:110px;height:110px}
.listCourse .course .content{width:calc(100% - 110px);margin-bottom:12px;font-size:14px;padding-left:15px}
.listCourse .course .wrapBtnRegister .btnRegister{padding:5px 36px;border-radius:5px}
.table{padding:18px 0}
.table .wrapTitle{margin-bottom:12px}
.table .wrapTitle .titleTable{font-size:14px;margin-bottom:5px}
.table .wrapTitle .lastTitle{font-size:14px}
.table tbody tr td:first-child,.table thead tr th:first-child{display:none}
.table tr th:nth-child(2){width:37%}
.footer{padding:18px 0 21px}
.footer .titleBottom{font-size:16px}
.footer .left,.footer .right{width:100%;line-height:24px}
.footer .left{border-bottom:1px solid #fff;margin-bottom:14px;padding-bottom:14px}}
@media all and (min-width:320px) and (max-width:500px){.header .wrapLogo a{width:25%}
.header .wrapContent .wrapBtn{height:60px;text-align:unset;display:flex;align-items:center;justify-content:center}
.header .wrapContent .wrapBtn .btnDownload{padding:5px 15px;color:#483da5;display:inline-block;border-radius:7px;text-decoration:none;margin-right:156px}
.wrapBtnFrame .btnFrame{font-size:15px;padding:14px 17px}
.stepJoinFree .title{font-size:16px;margin-bottom:18px}}