@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

img {
    vertical-align: middle;
	max-width:100%
}

html,body {font-family: 'Nunito';font-size:16px;width:100%;height:100%;}

.fl {float:left;}
.fr {float:right;}

.bgf{background-color:#fff;}
.bgblue{background-color:#0464b7;}
.bgorange{background-color:#ff6100;}
.bg-yellow{background-color:#ffd92c;}
.bggray{background-color:#cecece;}
.bggray2{background-color:#f5f4f4;}
.bgred{background-color:#e64f3f;}

.clf{color:#fff;}
.clblue{color:#0464b7;}
.clred{color:#e64f3f;}
.cloyellow{color:#f7be0c;}
.clorange{color:#ff6100;}
.clgray{color:#cecece;}

.pt12{padding-top:12px;}
.pt24{padding-top:24px;}
.pb12{padding-bottom:12px;}
.pb24{padding-bottom:24px;}
.pl12{padding-left:12px;}
.pl24{padding-left:24px;}
.pr12{padding-right:12px;}
.pr24{padding-right:24px;}

.mt12{margin-top:12px;}
.mt24{margin-top:24px;}
.mb12{margin-bottom:12px;}
.mb24{margin-bottom:24px;}
.ml12{margin-left:12px;}
.ml24{margin-left:24px;}
.mr12{margin-right:12px;}
.mr24{margin-right:24px;}

.over-hin{overflow:hidden}

.shadow{box-shadow:0px 0px 5px 1px #2626262b}

.s1607-full{width:100%;height:auto}
.s1607-center{width:100%;max-width:1200px;margin:auto;}

.s1607-header{height:46px;}

.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);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;float:right;}
.span2 {width:46px;height:46px;background:url(../img/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a;float:right;}

.s1607-top-action{width:calc(100% - 348px);padding:0px 12px;}
.s1607-top-action li{list-style:none}
.s1607-top-action li a{padding:12px;display:inline-block;text-decoration:none;color:#e3684c;}
.s1607-top-action li img{transform:translateY(-2px);margin-right:6px;}

.s1607-banner{width:100%;height:auto;position:relative;}
.btn-style{padding:8px 32px;display:inline-block;border-radius:100px;text-align:center;font-weight:700;text-decoration:none;font-size:50px;text-transform:uppercase;margin:24px auto}
.btn-good-news{border:3px solid #c83626;border-bottom:5px solid #c83626;color:#fff;}

.btn-signup{position:relative}
.s-bd1{position:absolute;left:0px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#cdcdcd;}

.m-banner{display:none;}

.bg-video{overflow:hidden;background-image:url(../img/bg-video.png);background-size:cover}
.bg-video .s1607-center{overflow:hidden;position:relative}
.s1607-video{width:calc(60% - 36px);padding:6px;margin:12px;position:absolute;top:50%;transform:translateY(-50%)}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.s1607-info1{width:calc(40% - 24px);margin:12px;}

.s1607-title{padding:8px 12px;display:inline-block;text-align:center;position:relative;font-size:24px;text-transform:uppercase;}
.s1607-title img{position:absolute;top:0px;height:100%;width:18px;}
.right{right:-18px;}	.left{left:-15px;}

.s1607-full .s1607-title{text-align:center;}

.s1607-list{width(100% - 24px);padding:12px;margin:12px 0px;border-radius:5px;}
.s1607-list li{list-style:none;margin-bottom:12px;}
.s1607-list li img{margin-right:6px;float:left;transform:translateY(4px)}  .s1607-list li span{display:table}

.s1607-action1{width:100%;height:auto;text-align:center}
.btn-action1{padding:10px 24px;border-radius:10px;display:inline-block;text-decoration:none;font-size:24px;font-weight:700;border:2px solid #e15509;border-bottom:4px solid #e15509;}
.s-form-teacher{width:calc(100% - 24px);padding:12px;background-image:url(../img/bg-teacher.png);overflow:hidden}

.box-teacher{width:100%;height:auto;overflow:hidden;margin:12px 0px;position:relative}
.s1607-list-teacher{width:100%;height:272px;overflow:hidden}
.s1607-list-teacher li{list-style:none;float:left;width:20%;text-align:center;display:table}
.s1607-list-teacher li a{display:block;}

.btn-next{position:absolute;top:50%;transform:translateY(-50%);right:0;}
.btn-preview{position:absolute;top:50%;transform:translateY(-50%);left:0;transform:rotate(180deg)}

.s-form-date{width:100%;height:auto;overflow:hidden;background-image:url(../img/bg-content.png);background-size:cover;padding:24px 0px;}
.s-date-col{width:40%;text-align:center}
.s-info-date{width:60%;}
.s-info-date li{padding:12px;display:block;background-color:#fffaaa;border-radius:100px;overflow:hidden;position:relative;margin-top:12px;}
.s-info-date li div{width:calc(100% - 72px);margin-left:12px;}
.s-info-date li img{position:absolute;top:50%;transform:translateY(-50%);left:6px;}
.s-info-date li strong{font-size:18px;}

.s-form-map{width:calc(100% - 24px);padding:12px;background-image:url(../img/bg-end.png);background-size:cover;}
.s-contact{width:100%;height:auto;position:relative;}
.s-contact ul{width:400px;margin:auto}
.s-contact ul li{list-style:none;margin-top:8px;}
.s-contact ul li strong{margin-right:12px;}
.s-contact ul li a{color:#0464b7;}

.box-map{width:60%;height:460px;border:6px solid #e1e1e1;border-radius:10px;margin:24px auto;}
.box-map iframe{width:100%;height:100%}

.s1607-opacity{position:fixed;width:100%;height:100%;background-color:#000000cf;top:0px;visibility:hidden;}
.s1607-opacity-show{visibility:visible;}

.s1607-popup{position:fixed;width:100%;max-width:600px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:9999;background-color:#fff;border-radius:15px;-webkit-transition:all ease 0.3s;overflow:hidden;visibility:hidden;}
.s1607-popup-show{visibility:visible;transform:translate(-50%,-50%) scale(1);-transition:all ease 0.3s;}

.close-pop{position:absolute;top:12px;right:12px;}
.s1607-title-popup{text-align:center;text-transform:uppercase;color:#fff;background-color:#1479c7;padding:12px;overflow:hidden;border-radius:10px;}
.s1607-title-popup span{width:calc(100% - 22px);float:left}


.form-popup{width:calc(100% - 48px);padding:24px;overflow:auto;max-height:520px}

.col100{width:100%;height:auto;}
.col50{width:calc(50% - 6px);height:auto;}

.input-style{width:calc(100% - 26px);padding:12px;display:block;border-radius:5px;border:1px solid #e1e1e1;outline:none}

.custom-select{position: relative;
  display: block;
  width: 100%;
  padding:10px 12px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  border-radius:5px;
  outline:none;
  z-index: 10}
  
.custom-select span{padding:12px; display: block;}

.s-list-check{text-align:center}
.s-list-check .s1607-center{width:calc(100% - 24px);padding:12px;max-width:1200px;margin:auto;}
.s-title2{font-size:18px;}
.btn-action2{padding:10px 24px;border-radius:10px;display:inline-block;text-decoration:none;font-size:24px;font-weight:700;border:2px solid #b1b1b1;border-bottom:4px solid #b1b1b1;color:#b1b1b1;text-transform:uppercase}

.btn-action3{padding:10px 24px;border-radius:10px;display:inline-block;text-decoration:none;font-size:24px;font-weight:700;border:2px solid #1479c7;border-bottom:4px solid #1479c7;text-transform:uppercase}

.btn-action4{padding:10px 24px;border-radius:10px;display:inline-block;text-decoration:none;font-size:24px;font-weight:700;border:2px solid #c83626;border-bottom:4px solid #c83626;text-transform:uppercase}


.box-list-check{width:100%;border-collapse:collapse;border:1px solid #e1e1e1;}
.box-list-check th,td{padding:24px 0px;border-right:1px solid #e1e1e1;}

.next-list-user{width:100%;height:auto;position:relative}
.s-next{display: flex;
    justify-content: center;
    align-items: center;}
.s-next li{float:left;list-style:none;margin:12px 0px;}
.s-next li a{padding:12px;text-decoration:none;font-weight:800;color:#aaa;}
.cl-active{color:#262626!important;}

.s-end{background-image:url(../img/bg-end2.png);background-size:cover;background-position:top;overflow:hidden}
.s1607-col{width:calc(50% - 24px);margin:24px 12px;}
.s1607-col h1{font-size:36px;text-transform:uppercase;}

.btn-more{color:#fff;border:3px solid #c83626!important;border-bottom:5px solid #c83626!important;font-size:50px;}
.btn-more p{font-size:14px;}

.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:0px 7px;color:#3e508a;font-weight:bold;display:inline-block}
.fa-angle-double-down {color:#94bf00;}
.fa-globe {color:#3e508a;}
.td-navbar-signup ul li span {color:#ff6c5e;padding-left:5px;}
.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 0.1s;opacity:0;}
.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:0px;color:#3e508a;padding-left:10px;}
.select-info-acount ul{margin-top:0px!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 0px!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) {.s1607-list-teacher li{width:100%;} .box-map{width:calc(100% - 12px);}
.btn-more{font-size:24px;}
}
@media screen and (max-width: 768px) {.btn-call{display:none!important;} 
.m-banner{display:block}	.pc-banner{display:none}
.s1607-video{width:calc(100% - 24px);margin:6px;}
.s1607-info1{width:calc(100% - 24px);}
.s1607-video{position:relative;top:0%;transform:translateY(0%)}
.s-date-col{width:100%;}
.s-info-date{width:calc(100% - 24px);padding:12px;}
.s1607-popup{width:calc(100% - 24px);}
.btn-signup{display:none!important;}
.s1607-col{width:calc(100% - 24px);padding:12px;margin:0px;text-align:center}
.s1607-col h1{color:#c83626;}
}

@media screen and (max-width: 640px) {
.span2{display:none;}
.s1607-top-action {width:calc(100% - 302px);}
.td-info-acount{position:absolute;right:-100px;}
}

@media screen and (max-width: 480px){.span1{width:64px;} .logo{width:100px;padding-top:6px;} .s1607-top-action {width: calc(100% - 232px);}
.btn-action1{font-size:18px}
.s1607-title{font-size:18px;max-width:calc(100% - 36px)}
}

@media screen and (max-width: 420px){.s1407-top-action li a{padding:12px 6px;} .s1607-top-action{width: calc(100% - 220px);padding:0px 6px;} 
.s-info-date li{border-radius:30px;}
.s-contact ul{width:100%}
.s-contact ul li strong{display:block;}
.form-popup{width:calc(100% - 24px);padding:12px;}
}

@media screen and (max-width: 360px){.btn-signin span{display:none!important;} 
.btn-signin img{margin-right:0px!important;}
.s-name{display:none}
.top-angle{left:16px;}
}

@media screen and (max-width: 335px){}