*{
	margin: 0;
	padding: 0;
}
.cont_head{
	background-image: url('../img/ban-head.png');
	padding-top: 15px;
	padding-bottom: 15px
}
.cont_head .container{
	padding: 15px;
	width: 90%;
}
.div_center {
    margin: 0 auto;
}
.title1{
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	color: #2c5d93;
}
@media screen and (min-width: 100px){
body .title1 {
    font-size: 12px;
}
}
@media screen and (min-width: 500px){
body .title1{
    font-size: 15px;
}
}
@media screen and (min-width: 875px){
body .title1{
    font-size: 15px;
}
}
@media screen and (min-width: 1109px){
body .title1{
    font-size: 22px;
}
}
.title2{
	margin-top: 10px;
	font-size: 15px;
	text-align: center;
}
@media screen and (min-width: 100px){
body .title2 {
    font-size: 11px;
}
}
@media screen and (min-width: 500px){
body .title2{
    font-size: 12px;
}
}
@media screen and (min-width: 875px){
body .title2{
    font-size: 12px;
}
}
@media screen and (min-width: 1109px){
body .title2{
    font-size: 16px;
}
}
h1{
	display: block;
	text-align: center;
}
.clicon img{
	margin-left: 25px;
	margin-top: 10px
}
.ban{
	position: relative;
}
.ban img{
	width: 100%
}
.ban > div{
	position: absolute;
}
.titban{
	top: 20%;
	width: 33%;
	left: 33%;
}
.smlg1{
	width: 30%;
	margin-left: 16%;
	float: left
}
.smlg2{
	width: 30%;
	margin-left: 5%;
	float: left
}
.debanl{
	width: 25%;
	bottom: 5%;
	left: 13%
}
.debanr{
	width: 25%;
	bottom: 5%;
	right: 4%
}
.deban1{
	color: white;
}
.deban2{
	color: #093569;
	font-weight: bold
}
.deban3{
	color: #18537c;
}
.deban4{
	font-weight: bold;
	text-transform: uppercase;
	color: #093569;
}
.fx{
	color: #0c4da2;
}
.pc{
	color: #f27021;
}
.tx{
	color: #4db947;
}
@media screen and (min-width: 100px){
body .debanr,.debanl {
    font-size: 70%
}
}
@media screen and (min-width: 500px){
body .debanr,.debanl{
    font-size: 100%
}
}
@media screen and (min-width: 875px){
body .debanr,.debanl{
    font-size: 150%
}
}
@media screen and (min-width: 1109px){
body .debanr,.debanl{
    font-size: 200%
}
}
.container{
	width: 76%;
	padding: 15px;
	position: relative
}
.jus{
	text-align: justify
}
.gt{
	font-weight: bold;
	text-transform: uppercase;
	color: #093569;
	font-size: 135%;
	padding-top: 50px;
}
.pbanner img{
	width: 100%
}
.con-menu img{
	float: left;
	width: 100%;
}
.con-menu{
	width: 90%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 3em;
	padding-bottom: 1em;
	margin-top: 2em;
	margin-left: 12em
}
.img-grid1{
	position: relative;
	z-index: 20
}
.img-grid2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gridm{
		margin-top: 1em
	}
.gridm:hover .img-grid2{
	top: 50%
}
.de-grid{
	position: absolute;
	z-index: 30;
	width: 100%;
	margin-top: 0.5em
}
.de-grid p{
	color: white;
	font-size: 3em;
	font-weight: bold;
	padding-left: 0.3em;
	margin-bottom: -0.3em;
}
.de-grid a{
	color: #0a4b93;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	font-size: 1em;
	text-align: center;
	font-weight: bold
}

.gt1{
	font-weight: bold;
	text-transform: uppercase;
	color: #093569;
	font-size: 135%;
	text-align: center;
}
.bold-text{
	color: black;
	font-weight: bold
}
.mtkh{
	padding: 15px;
	width: 90%
}
.gv{
	margin-top: 1em
}
.gv .gv-img{
	width: 30%;
	float: left;
	margin-left: 3em
}
.gv .gv-chitiet{
	width: 100%;
	color: #054e6e!important;
}
.gv .text-bold{
	color: #054e6e
}
.gv .blue{
	color: #0c00ff;
	font-style: italic;
	font-weight: bold;
}
.gv .orange{
	color: #ff7800;
	font-style: italic;
	font-weight: bold;
}
.gv .green{
	color: #0faf17;
	font-style: italic;
	font-weight: bold;
}
h2{
	text-transform: uppercase;
	text-align: center;
	color: #083183;
	margin-bottom: 10px;
}
.box-respon{
	clear: both;
}
.ttkh{
	border-bottom: 3px solid #f99a1c;
}
.box-text{
	border: 1px solid #fbd42c;
	padding: 1em 0.5em 1em 1em;
	width: 100%
}
.box-text2{
	padding: 15px;
	margin-top: 20px;
	border: 1px solid #e5e5e5;
}
.box-text2 ul{
	margin-left: 3.5em
}
.box-text2 li{
	padding-left: 1.5em;
	margin-top: 1em
}
.linel{
	position: absolute;
	top: 0em;
	left: -15em
}
.aaa{
	font-size: 0.9em;
	margin-top: -0.8em
}
.liner{
	position: absolute;
	bottom: 0em;
	right: -11em
}
.item{
	margin: 0 auto;
	display: block;
	margin-top: 2em
}
.ndkh{
	color: #ed9818;
	background-color: #064770;
	font-size: 150%;
	font-weight: bold
}
.tit-grid{
	background-color: #386c8d;
	line-height: 3em;
	text-align: center;
	margin-bottom: 0;
}
.tit-grid a{
	color: white;
	text-decoration: none;
	display: block
}
.tit-grid .ct{
	font-weight: bold;
	font-size: 1.1em
}
.banner-c .row img{
	width: 100%;
	max-height: 126px;
	margin-bottom: 1em;
}
.congviec{
	border-top: 1px solid #f99a1c;
	border-bottom: 1px solid #f99a1c;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px
}
.congviec div{
	width: 85%
}
.congviec img{
	width: 100%
}
.section10_text {
    background: url(../img/bg_section10.png) no-repeat center top;
    text-align: center;
    width: 100%
}
th {
    text-align: center;
}
.section10_text p:first-child {
    font-weight: normal;
    color: #666666;
    font-size: 30px;
    margin-top: 20px;
    text-align: center;
}
.section10 p:first-child {
    font-size: 30px;
    color: #083183;
    font-weight: bold;
    margin-top: 20px;
}
.text-bold {
    font-weight: bold;
    color: #000;
}
.color_red {
    color: red;
}
.section10_text table {
    font-weight: bold;
}
.btn-dangky:hover {
    color: white;
}
.btn-dangky {
    background-color: #28bbef;
    border-radius: 0;
    font-size: 24px;
    font-weight: bold;
    color: white;
    padding: 9px 22px;
}
.section_lienhe span {
    font-size: 30px;
    color: white;
    font-weight: bold;
}
.section_lienhe p{
	font-size: 30px;
    font-weight: bold;
}

footer {
    margin-top: 61px;
    background-color: #323644;
    min-height: 316px;
    padding-top: 23px;
}
.section_lienhe span {
    border-bottom: 4px solid #f65959;
    padding-bottom: 2px;
    color: #323644;
}
.col_footer2 p.text-title {
    color: #f65959;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: bold;
}
.col_footer2 p {
    color: white;
}
.col_footer1 p {
    font-size: 18px;
    color: white;
    padding-left: 15px;
    padding-top: 0px;
}
.col_footer1 p span {
    color: white;
}
.lienhe{
	color: white;
    font-size: 30px;
    color: white;
    font-weight: bold;
    padding-left: 15px;
}
.col_footer1 {
    border-left: 4px solid #f65959;
}
.logoitplus a{
	display: block;
}
.logoitplus a img{
	margin: 0 auto
}
footer .icon {
    margin-right: 26px;
}
.icon-container {
    margin-top: -3em;
    float: right;
    margin-right: 3em
}
/*responsive*/
@media screen and (min-width: 100px) {
	.disap{
		display: none
	}
}

@media screen and (min-width: 768px) {
	.disap{
		display: block
	}	
}
@media screen and (max-width: 768px) {
	.logoitplus{
		margin: 0 auto
	}
	i{
		font-size: 12px
	}
}
@media screen and (min-width: 1109px) {
	.disap{
		display: block
	}
}
@media screen and (min-width: 100px) {
	.linel, .liner{
		display: none
	}
}
@media screen and (min-width: 1308px) {
	.linel, .liner{
		display: block
	}
}
@media screen and (min-width: 100px) {
	.text-respon{
		font-size: 1.5em
	}
	.ttkh{
		border-bottom: none
	}
}
@media screen and (min-width: 600px) {
	.text-respon{
		font-size: 2.5em
	}
	.ttkh{
		border-bottom: 3px solid #f99a1c;
	}
}

@media screen and (min-width: 100px) {
	.box-respon{
		margin-left: 0em;
		margin-right: 0em;
		width: 100%
	}
}
@media screen and (min-width: 100px) {
	.ndkh{
		font-size: 1em
	}
}
@media screen and (min-width: 992px) {
	.ndkh{
		font-size: 1.5em
	}
}

@media only screen and (max-width: 500px)  {
	.section10 p, .section10 p span, .section10_text p, .section10_text .btn-dangky{
       font-size: 17px!important;
       font-weight: bold!important;
    }
    footer p{
    	font-size: 13px!important;
    }
    .section_lienhe p{
    	font-size: 30px!important;
    }
}
@media screen and (max-width: 750px) {
	.container{
		width: 100%;
		padding-left: 1em;
		padding-right: 1.5em;
	}
	.grid-respon{
		padding: 0
	}
	.item-re{
		width: 60%;
	}
}
@media screen and (max-width: 992px) {
	.colres{
		margin-left: 1em
	}
	.icon-container{
		display: none
	}
	.lienhe{
    	display: none
    }
    .section_lienhe p, .section_lienhe span{
    	color: white;
    }
    .col_footer1, .col_footer2{
    	border: 0;
    	text-align: center;
    }
}
@media screen and (min-width: 991px) {
	.section_lienhe p{
		color: #323644
	}
}
@media screen and (min-width: 100px) {
	.mtkh{
		margin: 0;
		padding: 0;
		margin-top: 15px
	}	
}

@media screen and (max-width: 768px) {
	.box-text2 ul{
		margin-left: 0.8em
	}
	.box-text2 ul li{
		padding-left: 0.1em
	}
	.gridm{
		margin-top: 3em
	}
	p, li{
		font-size: 13px;
	}
	.section_lienhe p{
		margin-bottom: -0.7em;
	}
	.mtkh{
		width: 100%;
		padding-right: 6px;
	}	
}
}
@media screen and (min-width: 1165px) {
	.box-text2 ul{
		margin-left: 3.5em;
	}
	.box-text2 ul li{
		padding-left: 1.5em
	}
}
@media screen and (min-width: 115px) {
	.con-menu{
		margin-left: 0.7em;
		margin-right: 0
	}
}
@media screen and (min-width: 500px) {
	.con-menu{
		margin-left: 1.5em;
		margin-right: 0
	}
}
@media screen and (min-width: 700px) {
	.con-menu{
		margin-left: 2.5em;
		margin-right: 0;
		width: 90%;
	}
}
@media screen and (min-width: 992px) {
	.con-menu{
		//margin-left: 0em;
		//margin-right: 0;
		width: 90%;
		margin: 3em auto
	}
}
@media screen and (min-width: 100px) {
	.de-grid a{
		font-size: 1em
	}
	.bbb{
		margin-left: 25%;
	}
}
@media screen and (min-width: 768px) {
	.bbb{
		margin-left: 8em
	}
}
@media screen and (min-width: 992px) {
	.bbb{
		margin-left: 0
	}
}
@media screen and (min-width: 992px) {
	.de-grid a{
		font-size: 0.9em;
	}
	.de-grid p{
		font-size: 1em
	}
}
@media screen and (min-width: 1155px) {
	.de-grid a{
		font-size: 0.9em;
	}
	.de-grid p{
		font-size: 1em
	}
}
@media screen and (min-width: 1310px) {
	.de-grid p{
		font-size: 3em
	}
}
@media screen and (max-width: 513px) {
	.de-grid p{
		font-size: 1em
	}
	.de-grid a{
		font-size: 0.7em;
		margin-top: -0.5em
	}
}
.modal-content {
    background-color: #386c8d;
}
.modal-title {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
}
.btn-dangkykhoahoc {
    position: absolute;
    right: 20px;
    bottom: -40px;
    font-weight: bold;
    color: white;
    background-color: #032439;
    border: 0;
    padding: 5px;
    font-size: 20px;
}
.btn-dangkykhoahoc:hover {
	color: white
}
.btn-dangkykhoahoc span {
    color: #f9b62d;
    font-weight: bold;
}
.modal-body {
    position: relative;
}
.modal-content img{
	width: 85% !important;
	margin: 0 auto
}
.modal-header .close {
    color: white;
    font-size: 26px;
}
.modal-body ul {
    margin-left: 40px !important;
    padding-left: 40px
}
.modal-body ul li {
    color: white !important;
    padding-top: 15px;
}
@media only screen and (max-width: 500px){
	.modal-content h4 {
    	font-size: 17px!important;
}
	.modal-content ul {
		margin-left: 0 !important;
		padding-left: 20px;
	}
	.btn-dangkykhoahoc {
    right: 0!important;
    bottom: -35px!important;
    font-size: 17px!important;
}
}
@media only screen and (max-width: 1200px){
	.gv{
		margin-top: -1em!important
	}
}
@media only screen and (max-width: 1250px){
	.gv-chitiet{
		margin-top: 2.5em!important
	}
}
.gv-chitiet{
	margin-top: 3em
}
@media only screen and (max-width: 1086px){
	.gv-img{
		margin-left: 1em!important
	}
}
@media only screen and (max-width: 992px){
	.gv{
		margin-top: 1.5em!important
	}
	.gv-img{
		margin-left: 5em!important
	}
}
@media only screen and (max-width: 500px){
	.gv-img{
		margin-left: 3em!important
	}
}
@media only screen and (max-width: 400px){
	.gv-img{
		margin-left: 1em!important
	}
}