*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  clear: both;
  padding: 0px;
  margin: 0px;
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
  clear: both;
}
.col {
  display: block;
  float: left;
  margin: 0;
  min-height: 1px;
}
[class*='col-']{
  display: block;
  float: left;
  margin: 0;
  min-height: 1px;
}
.col-1-6{ width: 16.66%; }
.col-2-6{ width: 33.33%; }
.col-3-6{ width: 50%;    }
.col-4-6{ width: 66.66%; }
.col-5-6{ width: 83.33%; }
.col-6-6{ width: 100%;   }
.col-1-8{ width:12.5%    }
.col-2-8{ width:25%      }
.col-3-8{ width:37.5%    }
.col-4-8{ width:50%      }
.col-5-8{ width:62.5%    }
.col-6-8{ width:75%      }
.col-7-8{ width:87.5%    }
.col-8-8{ width:100%     }
/*Sprite*/

/*End Sprite*/

body{ margin: 0}
/* Button Scroll Top Start */
.wrap-back-to-top{
    position: fixed;
    bottom:10px;
    right:10px;
    z-index: 1001;
}
.wrap-back-to-top:hover{
    opacity: 0.5;
}
.cd-top {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top img{
    width:35px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .8;
}
/* Button Scroll Top End */
/*Block*/
body{
    font-family: arial, verdana,Segoe UI,tahoma,sans-serif;
    font-size: 13px;
    color: #1A1A1A;
  /*  background-image: url("../alert/pntd-bg.png");*/
}
blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid #eceeef;
}
.wrap-page{
    margin:auto 0;
}
.wrap-group-header{
    /*position: fixed;*/
    width:100%;
    /*z-index: 999;*/
}
.wrap-banner{
    max-width: 1080px;
    background: #fff;
    height:120px;
    border:solid 1px #c1acac;
}
.wrap-logo{
    float:left;
    width:25%;
    padding:16px;
    height:120px;
    background: #fff;
}
.wrap-fb{
    float:left;
    width:75%;
    padding:16px;
    height:120px;
    background: #fff;
}
.wrap-address{
    color:#0055DF;
    text-align: right;
    font-size: 13px;
    font-family: Segoe UI;
    font-weight:bold;    
    line-height: 18px;
}
.wrap-address a{
    text-decoration: none;
}
.wrap-address a:hover{
    color:#f00;
}
.wrap-search{
    padding-top:15px;
}
.search input{
    border-radius: 10px;
    height: 25px;
}
input[type=submit] {
    background: url("../alert/search.png");
    border: 0;
    display: block;
    width:15px;
    height:15px;
}
.search img{
    width:15px!important;
    height:15px!important;
    position: absolute;
    margin-left:-22px;
    margin-top:5px;
}
.search img:hover{
    cursor: pointer;
}
.search{
    float:right;
    padding-top:5px;
}
.wrap-zalo{
    float:right;
    padding-right: 5px;
    padding-left: 12px;
}
.wrap-zalo img{
    width:25px!important;
    height:25px!important;
    margin:5px;
}
.wrap-zalo img:hover{
    cursor: pointer;
}
.wrap-logo img, .wrap-fb img{
    width:100%;
}
.wrap-banner{
     max-width: 1080px;
}
.w-title-du-hoc{
    width:100%;
    max-width:700px;
}
.w-title-du-hoc img{
    width:100%;
}
.w-chuong-trinh{
    clear:both;
}

.w-title-lien-he{
    font-size:28px;
    line-height: 26px;
    text-align: left;
    font-weight:bold;
    color:#0055df;
   /* padding-left: 5%*/
    border-bottom: solid 4px #f00;
    padding-bottom: 13px;    
}
.w-du-hoc{
    width:100%;
    padding-left: 10px;
    padding-right: 10px;
}
.w-du-hoc img{
    width:100%;
    border: solid 1px #ccc;
}

.w-img-du-hoc{
    padding:5px;
}
.min-320px{
    min-width: 320px;
}
.wrap-caption{
    text-align: center;
    font-weight: bold;
    font-size:16px;
    color:#fff;
    margin-top: -5px;
    padding: 10px;
    background:#0055df;
}
.w-visa{
    clear:both;
   /* background:#f00;*/
}
.w-title-visa{
   font-weight: bold;
font-size: 48px;
color: #0055df;
text-align: left;
padding: 11px;
width: 100%;
border-bottom: solid 4px #f00;
}
.w-lien-he{
    background: #e3dfdf;;
   /* max-width: 800px;*/
    margin:auto;
    margin-top:35px;
    /*border-radius:20px;*/
    padding-left: 15px;
    padding-right: 15px;
    clear:both;
}
.email-image{
    padding:0px;
    text-align: left;
    
    float:left;
}
.email-image img{
    width:35px
}
.email-text{
    padding-top:10px;
    float:left;
    color:#0055df;
    text-align: left;
    line-height: 18px;
}
.email-text a{
    color:#0055df;
    text-decoration: none;
}
.email-text a:hover{
    color:#900;
}
.w-img-info{
    padding-left:20px;
}
.read-more{
    text-align: right;
}
.read-more a{
    color:#fff;
    font-size: 14px;
    text-decoration: none;
}
.read-more a:hover{
    color:#0055DF;
}
.read-more-1{
    padding:10px;
    text-align: center;
    background: #0055df;
    border-radius: 8px;
    width:120px;
    clear:both;
}
.read-more-1 a{
    color:#fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    display: block;
}
.read-more-1 a:hover{
    color:#f00;
}
.w-hotnews{
   padding:15px;   
}
.w-title-hotnews{
    color:#fff;
    background:#f00;
    padding:10px;
    font-weight: bold;
    font-size:24px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.w-news-block{
    border:solid 1px #ccc;
}
.w-img-map img{
    width:100%;
    border-radius: 20px;
    padding:0px
}
.w-img-map{
    padding:5px;
    width:38%;    
}
.w-dh-footer{
    width:28%;    
}
.w-menu{
    max-width: 1080px;
    clear:both;
    height: 40px;
    background: #f00;
}
.wrap-contact{
    position: fixed;
    top:30%;
    right: 20px;
    width:80px;
    background:#f00;
    padding:12px;
    border-radius: 8px;
  
}
.wrap-contact-mobile{
    position: fixed;
    bottom:0;
    width:100%;
    background:#f00;
    padding:12px;
    z-index: 999;
}
.img-contact-mobile img{
    width:50px;
}
.img-contact img{
    width:50px;
    /*border:solid 1px #efefef;*/
    padding:3px;
}
.w-block-du-hoc{
    margin: auto 13%;
}
/*****MENU****/
.arrow-down{
    float: right;
    padding-right: 10px;
}
.margin-auto-4p{
    margin:auto 4.8%!important;
}
.no-border-right{
    border-right:0!important; 
}
.w-menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    z-index: 999;
}
.w-menu li {
    display:inline-block;
    float: left;
   /* margin-right: 1px;*/
}
/*Style for menu links*/
.w-menu li a {
    display:block;
    min-width:119px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: Segoe UI;
    color: #fff;
    background: #f00;
    text-decoration: none;
    font-size:16px;
    border-right: solid 1px #ff3f3f;
}
.w-menu li:hover a {
	background: #C60606;
}
.w-menu li:hover ul a {
	background: #900;
	color: #fff;
	height: 40px;
	line-height: 40px;
        font-size:14px;
        text-align: left;
}
.w-menu li:hover ul a:hover {
	background: #900;
	color: #fff;
       /* border:solid 1px #efefef;*/
}
.w-menu li:hover ul a:hover{
    background: #a00;
}
.w-menu li ul {
    display: none;
}
.w-menu li ul li {
	display: block;
	float: none;
}
.w-menu li ul li a {
	width: auto;
	min-width: 200px;
	padding: 0 20px;
}
.w-menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}
.show-menu {
	font-family:Segoe UI;
	text-decoration: none;
	color: #fff;
	background: #fff;
	display: none;
        padding:7px;
        height: 50px;
        cursor: pointer;
}
.show-menu img{
    float:right;
    width:40px;
}
.show-menu img:nth-child(2){
    float:left;
    width:120px;
    margin-right:10px;
}
/*Hide checkbox*/
.w-menu input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.w-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*****END MENU****/
.w-gioithieu{
    width:100%;
}
.w-gioithieu img{
    width:100%;
}
.w-content{
    max-width:1080px;
    clear:both; 
    border-top: solid 1px #0055df;
}
.w-left-content{
    border:solid 0px #000;
    padding-right: 15px;
}
.w-right-content{
    border:solid 0px #000;
    padding-left: 15px;
}
.w-image-1{
    padding-top:10px;
    width:540px;
    height:360px;
    overflow: hidden;
    position: relative;
}
.w-image-2{
    padding-top:10px;
    padding-left:10px;
    width:270px;
    height:180px;
    overflow: hidden;
    position: relative;
}
.w-image-1 img{
    min-width: 540px;
    min-height: 360px
}
.w-image-2 img{
    width:100%;
    min-height: 180px;
   /* min-width: 270px;*/
}

.w-image-4{
    text-align: left;
    padding-top:5px;
    height: 110px;
    
}
.w-image-4 img{
    width:100%;
    
}
.w-image-5 {
    width: 100%;
    max-width:360px;
    height: 270px;
    overflow: hidden;
    position: relative;
    padding:5px;
}
.w-image-5 img{
    width:100%;
   /* min-width: 360px;
    min-height: 270px;*/
}
.w-image-6 {
    width: 100%;
    max-width:270px;
    height: 190px;
    overflow: hidden;
    position: relative;
    padding:10px;
}
.w-image-6 img{
    width:100%;
    /*min-width: 270px;
    min-height: 190px;*/
}
.w-title-1{
    bottom: 10%;
    text-align: justify;
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    line-height:24px;
    width:100%;
    padding: 8px 10px 8px 15px;
    
}
.w-title-2{
    bottom: 10%;
    text-align: justify;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 8px 10px 8px 15px;
    width:100%;
}
.w-title-3{
    padding-top:25px;
    clear:both;
}
.w-title-4{
   padding-top:10px;
   line-height: 25px;
   text-align: justify;
   font-size: 21px;
}
.w-title-4 a{
    color: #555;
    text-decoration: none;
 
}
.w-title-4 a:hover{
    color: #f2cf21;
}
.w-title-5{
   padding-top:2px;
   line-height: 20px;
   text-align: left;
   font-size: 14px;
   padding-left: 10px;
   padding-right: 5px;
}
.w-title-5 a{
    color: #111;
    font-weight: bold;
    text-decoration: none;
}
.w-title-5 a:hover{
    color: #0055DF;
}
.w-title-6{
    margin-top: -15%;
    text-align: justify;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
    width:100%;
    padding: 8px 10px 8px 15px;
}
.left-title{
    width:60%;
    float:left;   
}
.right-bottom-border{
    width:40%;
    float:left;
    height:36px;
}
.block-title{
    width:120px;
    color:#fff;
    padding:10px;
    float:left;
}
.block-title-1{
    width:180px;
    color:#fff;
    padding:10px;
    float:left;
}
.w-summary{
    padding-top:10px;
    text-align: justify;
    line-height: 18px;
    color:#777;
}
.w-summary-1{
    padding-top:5px;
    text-align: justify;
    line-height: 18px;
    color:#777;
    font-size:13px;
}
.block-sub{
    clear:both;
    padding-top: 15px;
    padding-left: 5px;
}
.block-news{
    padding-top:15px;
    /*padding:10px;*/
}
.top-news{
    padding-top:10px;
}
.w-block-sub{
    padding-left:20px;
    margin-top:-10px
}
.w-news-menu{
    text-align:left;
    padding-left:10px;
   
    color:#bb9e9e;
}
.w-news-menu a{
    color:#bb9e9e;
    text-decoration:none;
}
.w-news-menu a:hover{
    color:#000;
}
.w-title-news h1{
    font-size:21px;
    line-height:24px;
}
.w-time-published{
    color:#bb9e9e;
}
.w-content-news{
    text-align:justify;
    line-height:24px;
    font-size:14px;
    padding: 10px;
    clear:both;
}
.w-relate{
    padding-bottom:35px;
}
/*Paging*/
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}
/*End Paging*/
/*End Block*/
/*Common*/
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    color: #111111;
}
.version-mobile{
    display:none;
}
.max-width-1080px{
    max-width: 1080px;
}
.float-right{
    float:right;
}
.padding-5px{
    padding:5px;
}
.padding-top-10px{
    padding-top:10px;
}
.padding-top-15px{
    padding-top:15px;
}
.padding-top-20px{
    padding-top:20px;
}
.padding-top-26px{
    padding-top:26px;
}
.padding-top-35px{
    padding-top:35px;
}
.padding-bottom-35px{
    padding-bottom:35px;
}
.padding-right-10px{
    padding-right:10px;
}
.padding-top-10px{
    padding-top:10px;
}
.padding-left-10px{
    padding-left:10px;
}
.padding-left-20px{
    padding-left:20px;
}
.padding-left-0{
    padding-left:0!important;
}
.clear-both{
    clear:both;
}
.bg-81D742{
    background:#81D742;
}
.bg-D73232{
    background:#D73232;
}
.bg-DD9933{
    background:#DD9933;
}
.bg-EA35B7{
    background:#EA35B7;
}
.bg-1E4DCE{
    background:#1E4DCE;
}
.bg-107A56{
    background:#107A56;
}
.bg-8224E3{
    background:#8224E3;
}
.bg-D36EE5{
    background:#D36EE5;
}
.bg-fff{
    background:#fff;
}
.border-bottom-81D742{
    border-bottom: solid 2px #81D742;
    height:36px;
}
.border-bottom-D73232{
    border-bottom: solid 2px #D73232;
    height:36px;
}
.border-bottom-DD9933{
    border-bottom: solid 2px #DD9933;
    height:36px;
}
.border-bottom-EA35B7{
    border-bottom: solid 2px #EA35B7;
    height:36px;
}
.border-bottom-1E4DCE{
    border-bottom: solid 2px #1E4DCE;
    height:36px;
}
.border-bottom-107A56{
    border-bottom: solid 2px #107A56;
    height:36px;
}
.border-bottom-8224E3{
    border-bottom: solid 2px #8224E3;
    height:36px;
}
.border-bottom-D36EE5{
    border-bottom: solid 2px #D36EE5;
    height:36px;
}
.w-content-news img {
  max-width: 100% !important;
  height: auto !important;
}
.w-content-news iframe {
  width: 100% !important;
  
}
.w-content-news table {
  width: 100% !important;
  border-collapse: collapse; 
  margin: 0 !important;
}
.padding-bottom-50px{
    padding-bottom: 50px;
}
.w-item:hover{
    cursor:pointer;
}
.arrow-button{
    border: solid 1px #ccc;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
    background: #2953a2;
    color: #fff;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    cursor: pointer;    
}
/*popup*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #999;
	color: #000;
	border-radius: 5px;
        box-shadow: -1px 6px 23px 6px #373737;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #fff;
	background: #15507B;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(alert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(alert/info.gif);
}

#popup_content.confirm {
	background-image: url(alert/important.gif);
}

#popup_content.prompt {
	background-image: url(alert/help.gif);
}

#popup_message {
	padding-left: 48px;
  line-height: 20px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
  border-radius: 5px;
}
.frame-video{
    width:100%;
    max-width:500px;
    height:280px;
}
.wrap-block-left{
    text-align: left;
    line-height: 21px;
    font-size: 13px;
}
.wrap-block-left ul{
   margin-top: 0px;
   margin-bottom: 0px;
}
.w-title-footer-du-hoc{
    text-align: left;
    font-weight:bold;
    color:#0055df;
    font-size:18px;
    padding-left:50px;
}
.w-du-hoc{
    line-height: 20px;
    /*padding-left:50px;*/
}
.w-copyrights{
    clear:both;
    text-align: center;
    padding-top:20px;
    color:#0055df;
}
.w-copyrights a{
    color:#0055df;
} 
.w-dh a{
   color:#0055df;
   text-decoration: none;
}
.w-dh a:hover{
   color:#900;
}
.w-dh{
    text-align: left;
    padding-left:50px;
}
.w-title-footer-du-hoc a{
  text-decoration: none; 
  color: #0055df 
}
.w-title-footer-du-hoc a:hover{
  color:#f00;
}
/*End Common*/

@media all and (max-width:768px){
  .col-1-6{ width: 100%; }
  .col-2-6{ width: 100%; }
  .col-3-6{ width: 100%; }
  .col-4-6{ width: 100%; }
  .col-5-6{ width: 100%; }
  .col-6-6{ width: 100%; }
  .col-2-8{ width: 100%; }
  .col-3-8{ width: 100%; }
  .col-4-8{ width: 100%; }
  .col-5-8{ width: 100%; }
  .col-6-8{ width: 100%; }
  
  .min-320px {
  min-width: 180px;
}

.w-dh-footer{
    padding-top:20px;
}
.w-title-footer-du-hoc{
    text-align: center;
}
  .wrap-contact{
      opacity: 0.3;
  }
  .version-pc{
      display:none;
  }
  .version-mobile{
    display:block;
    }
    .margin-auto-4p{
        margin:auto 0px!important;
    }
    
    /*****MENU****/
	.w-menu ul {
            position: static;
            display: none;
	}
	.w-menu li {
            margin-bottom: 0px;
	}
       .w-menu  li a {
            text-align: left;
            padding-left:10px;
        }
       .w-menu  .arrow-down{
            float:right;
            margin-right:5px;
            font-size:16px;
            font-weight:bold;
        }
	.w-menu  ul li, .w-menu  li a {
     	    width: 100%;
	}
	.show-menu {
		display:block;
	}
    /*****END MENU****/
    .w-image-1{
        width: 100%;
        height: 65vw;
    }
    .w-image-2{
        width: 50%;
         height: 31vw;
        padding:5px;
    }
    .w-title-2{
        margin-top: -25%;
    }
    .top-news{
        padding:5px;
    }
    .w-image-4{
        width: 33.3%;
    }
    .w-title-4{
        padding:5px;
    }
    .w-title-5{
        width: 66.6%;
    }
    .w-left-content{
        padding-right: 0;
    }
    .w-right-content {
    padding-left: 0;
    }
    .w-image-1 img{
        min-width: 0;
        min-height:0;
        width:100%;
    }
    .w-image-5{
        max-width: 100%;
        height: 100%;
    }
    .block-sub{
        padding-right: 10px;
        padding-left: 10px;
    }
    .w-block-sub{
        padding-left:0;
    }
    .w-summary{
        padding:5px;
    }
    .w-title-news h1{
        font-size:18px;
        line-height:21px;
    }
    .w-relate.col-2-6 {
        width:32.8%;             
    }
    .w-relate .w-title-5{
        width: 100%;
    }
    .w-sec-news.col-2-6 {
        width:32.8%;  
    }
    .w-sec-news .w-title-5{
        width: 100%;
    }
    .w-block-du-hoc{
        margin:auto 0;
    }
    .frame-video{
        height:48vw;
    }
    .w-copyrights{
        padding-bottom: 50px;
    }
}
@media all and (max-width:480px){
  .col-1-6{ width: 100%; }
  .col-2-6{ width: 100%; }
  .col-3-6{ width: 100%; }
  .col-4-6{ width: 100%; }
  .col-5-6{ width: 100%; }
  .col-6-6{ width: 100%; }
  .col-1-8{ width: 100%; }
  .col-2-8{ width: 100%; }
  .col-3-8{ width: 100%; }
  .col-4-8{ width: 100%; }
  .col-5-8{ width: 100%; }
  .col-6-8{ width: 100%; }
  .col-7-8{ width: 100%; }
  
    .min-320px {
  min-width: 130px;
}

  .w-title-2{
       font-size: 10px;
       line-height: 13px;
      
    }
   .w-image-2 {
        width: 50%;
        height: 30vw;
    }
   .w-image-4{
        width: 33.3%;
    }
    .w-title-5{
        width: 66.6%;
    }
    .w-image-6{
        min-height:initial;
        height:initial;
        max-width:100%;
    }
    .w-image-6 img{
        min-height:initial;
        max-width:100%;
    }
    
    .w-sec-news.col-2-6 {
        width:100%;             
    }
    .w-title-lien-he{
        line-height: 40px;
        font-size: 36px;
        padding-left:10px;
    }
}
@media all and (max-width:400px){
     .min-320px {
        min-width: 115px;
      }
}
@media all and (max-width:320px){
  .col-1-6{ width: 100%; }
  .col-2-6{ width: 100%; }
  .col-3-6{ width: 100%; }
  .col-4-6{ width: 100%; }
  .col-5-6{ width: 100%; }
  .col-6-6{ width: 100%; }
  .col-1-8{ width: 100%; }
  .col-2-8{ width: 100%; }
  .col-3-8{ width: 100%; }
  .col-4-8{ width: 100%; }
  .col-5-8{ width: 100%; }
  .col-6-8{ width: 100%; }
  .col-7-8{ width: 100%; }
  .w-image-4{
        width: 33.3%;
    }
    .w-title-5{
        width: 66.6%;
    }
      .min-320px {
        min-width: 100px;
      }
}