@font-face{font-family:Muli;src:url(../font/Muli-Regular.eot),url(../font/Muli-Regular.eot?#iefix) format('embedded-opentype'),url(../font/Muli-Regular.woff2) format('woff2'),url(../font/Muli-Regular.woff) format('woff'),url(../font/Muli-Regular.ttf) format('truetype'),url(../font/Muli-Regular.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Muli;src:url(../font/Muli-Bold.eot),url(../font/Muli-Bold.eot?#iefix) format('embedded-opentype'),url(../font/Muli-Bold.woff2) format('woff2'),url(../font/Muli-Bold.woff) format('woff'),url(../font/Muli-Bold.ttf) format('truetype'),url(../font/Muli-Bold.svg) format('svg');font-weight:700;font-style:normal}
@font-face{font-family:Muli-black;src:url(../font/Muli-Black.eot);src:url(../font/Muli-Black.eot?#iefix) format('embedded-opentype'),url(../font/Muli-Black.woff2) format('woff2'),url(../font/Muli-Black.woff) format('woff'),url(../font/Muli-Black.ttf) format('truetype'),url(../font/Muli-Black.svg) format('svg');font-weight:800;font-style:normal}
.s08-box1{width:calc(100% - 24px);padding:0 12px;height:auto;text-align:center}
.s08-center{width:100%;max-width:1200px;margin:auto}
.logo{width:186px;text-align:center;background-color:#fff;border-radius:0 0 50px 50px}
.share span{line-height:46px;text-align:center;font-size:16px;background-size:contain;background-position:center}
.span1{width:90px;height:46px;background:url(../img/share.png) no-repeat;display:inline-block;padding-left:20px;color:#fff;float:right}
.span2{width:46px;height:46px;background:url(../img/share2.png) no-repeat;display:inline-block;color:#2a4a8a;float:right}
.s08-top-action{width:calc(100% - 366px);padding:0 12px}
.s08-top-action li{list-style:none}
.s08-top-action li a{padding:12px;display:inline-block;text-decoration:none;color:#fff;position:relative}
.s08-top-action li a:hover{text-decoration:underline;font-weight:700}
.s08-top-action li img{transform:translateY(-2px);margin-right:6px}
.s-bd1{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#fff}
.m-banner{display:none}
@media screen and (max-width:768px){
    .span2{display:none}
    .s08-top-action{width:calc(100% - 296px);padding:0}
    .s08-full{width:calc(100% - 12px);padding:0 6px}
    .btn-signup{display:none!important}
    .span1{width:72px}
    .btn-call{display:none!important}
}
@media screen and (max-width:640px){
    .logo{width:120px;border-radius:0 0 15px 15px}
    .logo img{width:100px}
    .s08-top-action{width:calc(100% - 212px)}
}
@media screen and (max-width:420px){
    .span1{height:36px}
    .share span{line-height:36px}
    /*.s08-top-action li a{padding:8px!important}*/
}
@media screen and (max-width:360px){
    .btn-signin span{display:none}
}
.td-navbar-signup{position:relative}
.td-navbar-signup ul{margin-top:8px}
.td-navbar-signup ul li{float:left;padding-top:7px}
.td-navbar-signup ul li a{padding:0 7px;color:#3e508a;font-weight:700;display:inline-block}
.fa-angle-double-down{color:#94bf00}
.fa-globe{color:#3e508a}
.td-navbar-signup ul li span{color:#ff6c5e;padding-left:5px}
.s-name{color:#fff!important}
.avt-signup{width:29px;height:29px;float:left;margin-top:-5px;border-radius:50%;border:1px solid #e0e0e0}
.avt-signup img{width:25px;height:25px;border-radius:50%;margin:2px;transform:translateX(0px)!important}
.top-angle{position:absolute;top:25px;left:60px;visibility:hidden;opacity:0;z-index:10002}
.top-angle img{width:100%!important}
.td-navbar-signup ul li:hover .top-angle{visibility:visible;top:34px;opacity:1;width:16px}
.top-angle i{color:#e0e0e0;font-size:16px}
.td-info-acount{width:305px;height:auto;border-radius:5px;border:1px solid #e0e0e0;position:absolute;z-index:10001;background:#fff;top:52px;visibility:hidden;-webkit-transition:all ease .1s;opacity:0;right:-100px}
.td-navbar-signup ul li:hover .td-info-acount{visibility:visible;top:47px;opacity:1}
.info-acount-container{width:275px;height:auto;margin:15px;overflow:hidden}
.select-info-acount{width:calc(100% - 86px)}
.img-acount{width:86px;height:86px;margin-top:5px}
.img-acount img{width:86px;height:86px;border-radius:50%;overflow:hidden}
.select-info-acount i{padding-right:0;color:#3e508a;padding-left:10px}
.select-info-acount ul{margin-top:0!important}
.select-info-acount ul li a{font-weight:400}
.select-info-acount ul li img{width:6px}
.td-button-acount{width:275px;height:auto;margin:12px 15px}
.td-button-acount a{padding:7px 0!important;border-radius:5px;width:100px;display:inline-block;text-align:center}
.td-button-acount .td-button-add{background-color:#529839;color:#fff}
.td-button-acount .td-button-out{background-color:#e0e0e0;color:#666}
@media screen and (max-width:960px){
    .td-navbar-signup ul li:hover .td-info-acount{right:-100px}
}
@media screen and (max-width:480px){
    .s-name{display:none}
    .td-navbar-signup ul li a{padding:0 8px!important}
    .top-angle{left:15px}
    .td-navbar-signup ul{margin-top:4px}
    .td-navbar-signup ul li .td-button-acount a{padding:8px 0!important}
}
*{margin:0;padding:0}
body,html{font-family:Muli,sans-serif;font-size:16px;width:100%;height:100%}
img{vertical-align:middle;max-width:100%}
.fl{float:left}
.fr{float:right}
.over-hin{overflow:hidden}
.opacity{position:fixed;width:100%;height:100%;background-color:#000000cf;display:none;top:0}
.popup{position:fixed;width:calc(100% - 72px);padding:24px;max-width:600px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:9999;border-radius:10px;-webkit-transition:all ease .3s;overflow:hidden;background-color:#ff7000;color:#fff;visibility:hidden}
.popup-show{visibility:visible;transform:translate(-50%,-50%) scale(1);transition:all ease .3s}
.close-pop{position:absolute;top:2px;right:2px}
.popup h3{text-transform:uppercase;text-align:center;display:block}
.form-info li{width:100%;list-style:none}
.form-info li input{width:calc(100% - 24px);padding:12px;display:block;border-radius:5px;border:0;margin:12px 0;outline:0;background-color:#db6509;color:#fff}
.form-info textarea{width:calc(100% - 24px);padding:12px;background-color:#db6509;outline:0;border:0;border-radius:5px;margin:12px 0;color:#fff;height:60px;font-family:Arial,sans-serif}
.form-info textarea::placeholder{color:#fff}
.pop-successfully{position:fixed;bottom:25px;left:20px;background-color:#fff;width:300px;height:85px;border-radius:100px;box-shadow:0 0 5px 1px #2626262b;z-index:99}
.pop-successfully img{float:left}
.info-successfully{width:calc(100% - 85px);height:85%;font-size:14px;text-align:center}
.info-successfully p{padding-top:4px;color:#394f8b}
.s08-box9{width:calc(100% - 48px);height:auto;padding:24px;background-color:#ff9b1f}
.s08-center9{width:100%;max-width:1200px;margin:auto;position:relative}
.s08-title9{display:block;text-align:center;font-size:36px;color:#394f8b;font-weight:800;text-transform:uppercase}
.s08-info9{text-align:center}
.box-countdown{position:relative;width:100%;height:70px}
.s-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px}
.s-countdown li{width:49px;list-style:none;float:left;padding:0 12px;border-left:1px solid #c35d08}
.s-countdown li:nth-child(1){border:0}
.s-countdown li strong{color:#fff;font-size:24px}
.s-countdown li p{color:#c35d08;font-weight:800}
.btn-cart9{padding:8px 24px;display:inline-block;color:#fff;border-radius:100px;background-color:#394f8b;text-decoration:none;margin-top:12px}
.box-list-check{width:100%;border-collapse:collapse;background-color:#fff;border-radius:15px;overflow:hidden;text-align:center;margin-top:12px}
.box-list-check th,td{padding:24px 0;border-right:1px solid #ccc}
.box-list-check th{color:#fff}
.box-list-check strong{color:#fe6c43}
.not-sale{color:#262626;text-decoration:line-through}
table tbody tr:nth-child(odd){background-color:#e1e1e1}
table tbody tr.bgorange{background-color:#ff7000}
@media screen and (max-width:768px){.s08-box9{width:calc(100% - 24px);padding:12px}
    .s08-title9{font-size:24px}}
.bg-orange{background:#d3671b}
.cl-orange{color:#d3671b}
.clear{clear:both}
.dnone{display:none}
.s08-banner{background:url('../img/backgroundPc.png')  center 47px no-repeat}
#introText{margin-bottom:24px}
#introText h3,#stepJoin h3,#giftProgram h3,#purposeProgram h3,#tableBottom h3{text-align:center;color:#2b4a5c}
#stepJoin{text-align:center;margin-bottom:24px}
#stepJoin .step div,#stepJoin .step img{margin-bottom:24px}
#stepJoin .wrapStep{display:flex;justify-content:space-between}
#giftProgram{margin-bottom:48px}
#giftProgram .wrapImg{width:40%;text-align:center}
#giftProgram .wrapImg img{width:95%}
#giftProgram ul{width:60%}
#purposeProgram{margin-bottom:24px}
#purposeProgram .leftContent p{width:60%}
#purposeProgram .wrapImg{width:40%;text-align:center}
#purposeProgram img{width:75%}
#tableBottom{margin-bottom:24px;position:relative}
#tableBottom table{width:100%;border-collapse:collapse}
#tableBottom td,#tableBottom th{padding:10px}
#tableBottom tr td:last-child,#tableBottom tr th:last-child{border-right:0}
#tableBottom .wrapTab a{text-decoration:none}
#tableBottom .tfoot{text-align:center}
#popup{width:100%;height:100%;position:fixed;display:none;justify-content:center;align-items:center;z-index:99;top:0;left:0}
#popup .thePopUp{z-index:100;background:#fff;max-width:700px;padding:24px;box-sizing:border-box;position:relative;margin:0 5px}
#popup .thePopUp h3{text-align:center;text-transform:uppercase}
#popup .PopupClose{position:absolute;right:12px;top:12px;width:16px;height:16px;background:url(../img/close.png) no-repeat center}
#popup .none{display:none}
.s08-top-action li a.btn-call{font-weight:700}
.td-navbar-signup ul li span{color:#368bb5!important}
.s08-center{max-width:1176px;padding:0 12px;box-sizing:border-box}
.s08-box1{width:100%;padding:0}
.s08-banner{margin-bottom:24px}
.s08-top-action li a{padding:13px;color:#2b4a5c;font-weight:700}
.s08-top-action li a.btn-suatt{font-weight:normal}
.btn-signin,.btn-signup{padding:13px 8px!important;position:relative}
.btn-signin::after{content:'';display:block;position:absolute;right:-1px;top:14px;height:20px;width:1px;background-image:linear-gradient(#fff,#ccc,#fff);z-index:2}
.btn-signup{margin-left:-4px}
.td-navbar-signup ul li{padding-top:5px}
.titleBold{font-size:24px;text-transform:uppercase;font-family:Muli-black,sans-serif;margin-bottom:16px}
#introText ul li{font-size:24px;color:#fff;background:url(../img/bullet.png) no-repeat 0 3px;padding-left: 32px;list-style:none}
#introText .wrapIntro{position:relative;width:calc(100% - 271px);margin:0 auto}
#introText ul{background:#4aa8ff;padding:21px 16px;position:relative;z-index:2}
#introText ul li span{font-weight:700}
#introText .wrapIntro::after,#introText .wrapIntro::before{content:'';width:175px;height:150px;display:block;background:url(../img/shapeLeft.png) center/contain no-repeat;position:absolute;z-index:0;top:21px}
#introText .wrapIntro::after{background:url(../img/shapeRight.png) center/contain no-repeat}
#introText .wrapIntro::before{left:-103px}
#introText .wrapIntro::after{right:-103px}
#stepJoin .step div{font-weight:700}
#stepJoin .step div,#stepJoin .step p{text-transform:uppercase}
.baodiemngay{font-size:32px;font-weight:700;text-decoration:none;text-transform:uppercase;border-radius:50px;padding:16px 26px;color:#fff;box-shadow:2px 5px 1px -1px #bc5913;display:inline-block}
#stepJoin .step img{width:237px;margin-bottom:25px}
#stepJoin .step div{margin-bottom:9px;color:#262626}
#stepJoin .wrapStep{margin-bottom:14px}
/*#giftProgram>ul .introLi{list-style:none;font-weight:700;margin-bottom:10px}*/
/*#giftProgram>ul li{font-size:16px;margin-bottom:24px;list-style-image:url(../img/gift.png);padding-left:13px;color:#262626;text-align:justify}*/
#giftProgram>ul{list-style:none}
#giftProgram>ul .introLi{font-weight:700;margin-bottom:10px;background:none}
#giftProgram>ul li{font-size:16px;margin-bottom:10px;padding-left:27px;color:#262626;text-align:justify;background:url(../img/gift.png) no-repeat left 1px}
#giftProgram>ul li:last-child{margin-bottom:0}
#wrapWarning #giftProgram>ul li:last-child{background:none}
#purposeProgram .leftContent{text-align:justify;color:#262626}
#wrapWarning{background:#2b4a5c;padding:20px 0}
#wrapWarning #giftProgram{margin-bottom:0}
#wrapWarning .wrapImg{width:55%}
#wrapWarning .wrapImg img{width:80%}
#wrapWarning ul{width:45%}
#wrapWarning ul li{list-style:none;padding-left:0;color:#fff}
.chuchay{background:#ffe617;padding:16px 0;color:#276da2;margin-bottom:24px;width:100%;overflow:hidden}
.chuchay span{margin-right:50px;display:inline-block}
.btnBaodiem{text-align:center}
.btnBaodiem .baodiemngay{margin-bottom:24px}
#tableBottom table{position:relative;margin-top:-16px}
#tableBottom tr th{background:#226f94;color:#fff;font-weight:400;text-transform:uppercase}
#tableBottom tr:nth-child(even){background:#f3f3f3}
#tableBottom tr:nth-child(odd){background:#fff}
#tableBottom td,#tableBottom th{border-right:1px solid #e2e2e2}
#tableBottom td{color:#262626}
#tableBottom tr{border-radius:10%}
#tableBottom tr td:first-child,#tableBottom tr th:first-child{border-radius:10px 0 0 10px}
#tableBottom tr td:last-child,#tableBottom tr th:last-child{border-radius:0 10px 10px 0}
#tableBottom .tfoot{background:#fff;padding:24px 0 0}
#tableBottom .tfoot a{padding:5px;color:#8d8d8d;text-decoration:none}
#tableBottom .tfoot a:hover,#tableBottom .tfoot a.active{color:#000;font-weight:700}
#tableBottom .wrapTab{text-align:left;position:relative}
#tableBottom .wrapTab a{padding:10px 24px 25px;display:inline-block;background:#ccc;color:#fff;margin-right:-4px;border-radius:30px 30px 0 0;box-shadow:0 -4px 1px -1px #c2c2c2}
#tableBottom .wrapTab .current{background:#d3671b;box-shadow:0 -4px 1px -1px #bc5913}
#tableBottom .titleBold{margin-bottom:18px}
.overlay{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.5);z-index:99;top:0;left:0}
::placeholder{color:#bbbaba}
#popup .thePopUp{border:1px solid #388eb7;border-radius:10px}
#popup .titleBold{font-size:16px;color:#388eb7}
#popup .infoStudent{width:100%;padding:6px 12px;border:1px solid #e1e1e1;border-radius:15px;margin-bottom:12px;box-sizing:border-box;outline:0}
#popup .wrapMxt{width:100%}
#popup .inputMxt{width:75%;padding:6px 12px;border:1px solid #e1e1e1;border-radius:15px;margin-bottom:12px;box-sizing:border-box;outline:0;float:left}
#popup #captchaCode{width:95px;height:30px;float:right;border-radius:30px;object-fit:cover}
#popup .choiseFile{margin-bottom:10px;height:37px}
#popup .choiseFile input{display:none}
#popup .choiseFile label{width:38px;height:40px;background:url(../img/image.png) no-repeat center;display:block;cursor:pointer}
#popup #popupBaoDiem .choiseFile span{width:92%;padding-left:12px;box-sizing:border-box;text-align:left;height:40px;display:-webkit-box}
#popup .btnSubmit{padding:9px 18px;font-size:16px;border:none;outline:0}
#popup #popupBaoDiem .choiseFile{height:auto;width:100%}
#popup #popupBaoDiem .content,#popup #popupNotify .content{text-align:center}
#popup #popupBaoDiem .resultImage{position:relative;display:none;margin:0 15px 15px 0}
#popup #popupBaoDiem .removeResultImage{width:16px;height:16px;background:url(../img/close2.png) no-repeat center #c2c2c2;border-radius:30px;position:absolute;top:-5px;right:-5px;cursor:pointer}
#popup #popupBaoDiem .avatar{width:85px;height:85px;background:#ccc;display:block;object-fit:cover;border-radius:10px}
#popup #popupBaoDiem .choiseFile span{width:calc(100% - 38px);padding-top:7px}
#popup #popupBaoDiem .choiseFile label{margin-top:6px}
/*#popup #popupThele ul>li{list-style:none;margin-bottom:16px}*/
/*#popup #popupThele h3{padding-right:27px!important}*/
/*#popup #popupThele .content{text-align:justify!important}*/
/*#popup #popupThele .content{height:500px;overflow:auto;padding-right:18px}*/
/*#popup #popupThele .content::-webkit-scrollbar{width:10px}*/
/*#popup #popupThele{padding:24px 0 24px 24px!important}*/
/*#popup #popupThele .content::-webkit-scrollbar-track{background:#f1f1f1}*/
/*#popup #popupThele .content::-webkit-scrollbar-thumb{background:#d7d7d7}*/
/*#popup #popupThele .content::-webkit-scrollbar-thumb:hover{background:#d7d7d7}*/
#popup .popupThele ul>li{list-style:none;margin-bottom:16px}
#popup .popupThele ul>li:last-child{margin-bottom:0}
#popup .popupThele h3{padding-right:27px!important}
#popup .popupThele form{text-align:justify!important}
#popup .popupThele .content{max-height:calc(100% - 68px);overflow:auto;padding-right:10px}
#popup .popupThele .content::-webkit-scrollbar{width:10px}
#popup .popupThele{padding:24px 0 24px 24px!important;max-height:90%;overflow:auto}
#popupThele{overflow:hidden;height:90%}
#popup .popupThele .content::-webkit-scrollbar-track{background:#f1f1f1}
#popup .popupThele .content::-webkit-scrollbar-thumb{background:#d7d7d7}
#popup .popupThele .content::-webkit-scrollbar-thumb:hover{background:#d7d7d7}
.blueBlur{color: #368bb5;}
#popup .wrapBox{height: 100%;overflow: auto}
#popupThongbao .content{text-align:justify}
#markTableMobile{display:none}
@media screen and (max-width:1200px){#introText ul li{font-size:19px}
    #introText .wrapIntro::after,#introText .wrapIntro::before{width:178px;height:126px;position:absolute;top:21px}
    #introText{margin-bottom:0}
    #stepJoin .step{width:20%}
    #stepJoin .step p{font-size:14px}
    .baodiemngay{font-size:24px}}
@media screen and (max-width:968px){
    .m-banner{display:block;width:100%}
    .pc-banner{display:none}
    #markTableMobile{display:block}
    #markTablePc{display:none}
    #introText .wrapIntro::after,#introText .wrapIntro::before{top:30px}
    #introText{margin-bottom:24px;height:auto}
    #giftProgram .wrapImg{width:100%}
    #giftProgram ul{width:97%}
    #giftProgram .wrapImg img{width:30%;margin-bottom:24px}
    #wrapWarning #giftProgram ul{margin-left:0}
    .baodiemngay{font-size:17px}
    .btn-call,.btn-signup{display:none!important}}
@media screen and (max-width:600px){body{background:#f1f3f5}
    .s08-banner{background:url('../img/backgroundMobi.png')  center 57px no-repeat}
    .s08-box1 .s08-center{background:#fff}
    .btn-signin::after,.s08-center-container>a.share,.s08-top-action li a.btn-signin>span{display:none}
    .s08-top-action li a.btn-thele,.s08-top-action li a.btn-suatt{width:25px;height:20px;overflow:hidden;padding:0!important;margin:21px 12px 15px;display:block;float:left}
    .s08-top-action{width:calc(100% - 229px)}
    .s08-top-action li a.btn-signin{color:#000;font-size:14px;text-transform:uppercase}
    .logo{width:229px}
    .logo img{max-height:unset!important;width:169px}
    .btn-signin,.btn-signup{padding:21px 12px 15px!important;position:relative}
    .td-navbar-signup ul li{padding-top:14px}
    .td-navbar-signup ul li:hover .td-info-acount{right:0;top:55px}
    .td-navbar-signup ul li:hover .top-angle{top:41px}
    .s08-banner,.titleBold{margin-bottom:12px}
    h3.titleBold{font-size:14px}
    #introText{margin-bottom:12px}
    #introText .wrapIntro::after,#introText .wrapIntro::before{display:none}
    #introText .wrapIntro{width:100%}
    #introText ul li{font-size:14px;margin-bottom:7px;background-size:13px;padding-left:21px;background-position:0 2px}
    #introText ul li:last-child{margin-bottom:0}
    #introText ul{padding:12px;border-radius:10px;text-align:justify}
    #stepJoin .wrapStep{display:flex;flex-direction:column;margin-bottom:12px}
    #stepJoin .step{width:100%;display:flex;position:relative;margin-bottom:12px;border:1px solid #c8e3f0;border-radius:60px;overflow:hidden;background:#fff}
    #stepJoin .step::after{content:'';display:block;width:51px;height:112px;position:absolute;left:61px;border-radius:0 71px 71px 0;border-top:5px solid #fff;border-right:5px solid #fff;border-bottom:5px solid #fff;box-sizing:border-box}
    #stepJoin .step img{width:28%;height:100%;margin-bottom:0}
    #stepJoin .step div{font-weight:700;position:absolute;left:29%;top:18px;text-transform:none}
    #stepJoin .step p{font-size:14px;padding:40px 4px 0;text-transform:none;width:70%;text-align:justify}
    #stepJoin .step2 p,#stepJoin .step3 p,#stepJoin .step4 p{padding-top:52px}
    #stepJoin .step2 div,#stepJoin .step3 div,#stepJoin .step4 div{top:30px}
    #giftProgram{margin-bottom:12px}
    #giftProgram .wrapImg img{width:60%;margin-bottom:0}
    #giftProgram ul{width:100%;margin-left:0}
    #giftProgram>ul li{padding-left:24px}
    #giftProgram>ul .introLi{margin-left:-25px}
    #wrapWarning #giftProgram>ul .introLi{margin-left:0;margin-bottom:0}
    #wrapWarning #giftProgram>ul li{padding-left:0;line-height:28px}
    #giftProgram .wrapImg{margin-bottom:12px}
    #purposeProgram .leftContent{text-align:justify;color:#262626;display:flex;flex-direction:column-reverse}
    #purposeProgram .leftContent p,#purposeProgram .wrapImg{width:100%}
    #purposeProgram .wrapImg{margin-bottom:12px}
    #purposeProgram img{width:100%}
    #wrapWarning{position:relative;margin-top:255px;padding:12px 0}
    #wrapWarning ul{width:100%;margin-left:0}
    #wrapWarning .wrapImg{position:absolute;left:0;top:-240px}
    #wrapWarning .wrapImg img{width:100%}
    .chuchay{padding:7px 0;margin-bottom:12px}
    .chuchay span{font-size:14px}
    .btnBaodiem .baodiemngay{margin-bottom:19px}
    #tableBottom .wrapTab a{padding:12px 12px 22px;font-size:14px}
    .btnBaodiem{padding:0}
    .btnBaodiem .titleBold{padding:0 12px}
    #tableBottom .tfoot{background:#f1f3f5}
    #tableBottom table{font-size:14px}
    #tableBottom tr td:first-child,#tableBottom tr td:last-child,#tableBottom tr th:first-child,#tableBottom tr th:last-child{border-radius:0}
    #tableBottom tr th{text-transform:none}
    #popup .thePopUp{width:calc(100% - 24px)}
    #popup .inputMxt{width:68%}
    #popup #popupBaoDiem .choiseFile{width:100%}
    #popup #popupBaoDiem .choiseFile span{width:89%;height:65px;-webkit-line-clamp:3}
    #popup span.titlePersonalImage{width:89%;height:40px;-webkit-line-clamp:2}
    #popup .wrapMxt label{padding:5px 20px}
    #popupThongbao{margin-top:-91px!important}
    #popup #popupBaoDiem .choiseFile{width:100%;margin:0 0 5px;height:auto}
    #popup #popupBaoDiem .choiseFile label{margin-top:0}
    #popup #popupBaoDiem .choiseFile span{width:calc(100% - 38px);padding-top:0;-webkit-line-clamp:4;text-align:justify;height:100%}
    #popup .thePopUp .content{margin-bottom:5px}
    #popup #popupThele .content{height:420px}}
@media screen and (max-width:473px){#popup .inputMxt{width: 67%;}}
@media screen and (max-width:414px){#stepJoin .step::after{width:51px;height:110px;left:60px}}
@media screen and (max-width:375px){.s08-top-action li a.btn-signin>span{display:none}
    .btn-signin span{display:block}
    .s08-top-action li a{padding:23px 8px 10px!important}
    #stepJoin .step::after{width:51px;height:99px;left:49px}
    #stepJoin .step div{left:30.4%;text-transform:none;font-size:14px}
    #stepJoin .step p{text-transform:none;font-size:14px;padding:0 8px}
    #stepJoin .step1 p{padding-top:31px}
    #stepJoin .step1 div{top:10px}
    #giftProgram>ul .introLi{margin-left:-27px}
    #wrapWarning{margin-top:229px}
    #wrapWarning .wrapImg{top:-215px}
    #stepJoin .step2 div,#stepJoin .step3 div,#stepJoin .step4 div{top:18px}
    #stepJoin .step2 p,#stepJoin .step3 p,#stepJoin .step4 p{padding-top:39px}
    #popup .inputMxt{width:62%}
    #popup #popupBaoDiem .choiseFile span{width:87%}
    .s08-top-action li a.btn-thele, .s08-top-action li a.btn-suatt {margin: 21px 5px 15px;}}
@media screen and (max-width:320px){.logo{width:186px}
    .s08-top-action{width:calc(100% - 186px)}
    .s08-top-action li a{padding:21px 0 10px!important}
    .td-navbar-signup ul li:hover .td-info-acount{right:-6px}
    #stepJoin .step::after{height:86px;left:35px}
    #stepJoin .step p{font-size:11px}
    #giftProgram ul{width:100%;margin-left:0}
    #wrapWarning{margin-top:195px}
    #wrapWarning .wrapImg{top:-184px}
    #wrapWarning #giftProgram ul{width:100%;margin-left:0}
    #tableBottom td,#tableBottom th{padding:5px}
    #popup .inputMxt{width:55%}
    #popup #popupBaoDiem .choiseFile span{width:84%}
    .s08-top-action li img{transform:translateY(-2px);margin-right:0}
    .td-navbar-signup ul li a{padding:0!important}
    #popup .infoStudent{padding:3px 12px;margin-bottom:6px}}