/*################################## Layout Home ####################################*/
.HPN-Home-main{
  width: 1000px;
  vertical-align: top;
  margin: 5px auto;
  font: 12px arial;
}
.HPN-Home-main a{
  text-decoration: none;
  color: oliver;
}
.HPN-Home-main a:hover{
  text-decoration: none;
  color: orange;
}
.HPN-Home-top{
  width: 100%;
  float:left;
}
.HPN-Home-body{
  width: 100%;
  float:left;
}
.HPN-Home-body-top{
  width: 100%;
  float:left;
}
.HPN-Home-body-left{
  width:75%;
  float:left;
}
.HPN-Home-body-right{
  display: block;
width: 24%;
float: right;
}
.HPN-Home-body-left-top{
  width:100%;
  float:left;
}
.HPN-Home-body-left-Left{
  width:50%;
  float:left;
}
.HPN-Home-body-left-Right{
  width:50%;
  float:left;
}
.HPN-Home-bottom{
  width: 100%;
  float:left;
}
/*################################## Menu Top ####################################*/

/*################################# Page ###############################*/
.page-b
{
  display:block;
  float: right;
  padding-right: 20px;
}
.page-t
{
  width:100%;
  display:block;
  text-align: center;
  padding-top: 20px;
}
.List-Pager
{
  width: 100%;
  display:block;
}
.List-Pager div
{
  margin-top:10px;
  width:90%;
  text-align: right;
}
.chi-tiet{
  margin-bottom:5px;
  font-weight: normal;
  font-style:italic;
  float:right;
  padding-right: 20px;
  display:block;
}
/*################################## Tiêu đề List ####################################*/
.List-Title{
  font-weight:bold;
  height:25px;
  line-height:25px;
  text-align: center;
  width:100%;
  border-bottom: 3px solid #1B59B7;
  border-radius: 5px;
  color:#1b59b7;
  margin-top:10px;
  text-transform: uppercase;
}

/*################################## Menu Left ####################################*/ 
.Center-left-Title
{
  background:#1b59b7;
  text-transform: uppercase;
  background:url("@Url.FrontUrl().ThemeFileUrl("img/HDB-menungang.png")");
  height: 20px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  padding-top: 6px;
  color:#FCFCFE;
}
.Center-left-Link li
{
  height:25px;
  line-height:25px;
  list-style:none;
  padding-left: 17px;
  padding-top: 3px;
  background: #B0E2FF;
  border-top: solid 1px #fff;
}
.Center-left-Link li:hover
{
  background: #FFF;
}
.Center-left-Link li a
{
  text-decoration: none;
  color: black;
}
.Center-left-Link li a:hover
{
  color: #8B4513;
}
.LuotTruyCap-tieude{
  
  background:#1b59b7;
  height: 22px;
  border-radius: 5px 5px 0px 0px;
  font-weight:bold;
  text-align: center;
  padding-top: 4px;
  color: white;
  font-size: 12px;
}
.LuotTruyCap-ndung{
  list-style:none;
  background-color:#E6E6FA;
}
.Center-left-Img li 
{
  vertical-align:top;
  list-style:none;
}
.Center-left-Img li img
{
  width:100%;
  height: 75px;
}

.quang-cao-trai{
  margin-top:5px
}
.quang-cao-trai li a img{
  width:100%;
}
.left-menu{
  list-style-type: none;
}
.left-menu li {
  display: block;
  position: relative;
}
.left-menu a {
  display: block;
}
.menu-right{
  display: none;
  position: absolute;
}
.left-menu li:hover .menu-right{
  display: block;
  z-index:1;
  margin-left:100%;
  margin-top:-27px;
  position: relative;
}
.menu-right li{
  display:block;
  width: 200px;
  margin: 0 !important;
  border-top: solid 1px #fff;
}
/*################################## Chú thích ####################################*/
.chuthich
{
  text-align: center;
  color: blue;
  margin-bottom:10px
}
/*################################## Chú thích ####################################*/

.center-tinmoi {
    width:100%;
     margin: 3px auto;
     height:342px;
}
.center-tin {
  width:100%;
	height: 377px;
	margin: 0 auto;
	float:left;
}
.center-tin-anh{
	height: 300px;
	position: relative;
	width:100%;
}
.slide-image-tinmoi {
	left: 0;
	position: absolute;
	top: 0;
	opacity:0;
	display:none;width: 100%;
}

.slide-image-tinmoi a, 
  .center-tin-tin-tieude ul li a{
    text-decoration:none;color:#000;
}
  .slide-image-tinmoi a:hover, 
  .center-tin-tin-tieude ul li a:hover{
    text-decoration:none;color:#0078b1;
}
.slide-image-tinmoi a img{
	z-index:-1;
  height:300px;
  width:100%;
  margin-top: -3px;
}
.tieudeanh {
    background-color:#ccc;
	height:40px;margin-top:-40px;width:100%;color:##1b59b7 
;position:absolute;
   
    
}

.slide-image-tinmoi:first-child{
	opacity:1;
	display:block;
}
.slide-pager1 {
	height: 20px;width: 100%;
}
.slide-pager1 ul {
	float: right;
	margin: 10px 0 0;
	padding: 0;
	width: auto;
}
.slide-pager1-slot {
	background: none repeat scroll 0 0 #999999;
	display: block;
	float: left;
	height: 15px;
	list-style: none outside none;
	margin: 0 5px 0 0;
	width: 15px;
	cursor:pointer;
}
.slide-pager1-slot:hover{
	background:red;
}
.slide-pager1 ul .focus{
	background:green;
}
.slide-control-prev1 {
	margin: 10px 40px 10px 10px;
text-align: center;
width: 15px;
height: 15px;
background: none repeat scroll 0% 0% #FFA500;
line-height: 12px;
color: #FFF;
cursor: pointer;
float: right;
}
.slide-control-next1{
	margin: 10px -50px 10px 10px;
text-align: center;
width: 15px;
height: 15px;
background: none repeat scroll 0% 0% #FFA500;
line-height: 12px;
color: #FFF;
cursor: pointer;
float: right;
}
.center-tin-tin
{
	width: 38%; 
     height:300px;	border: 1px dotted #FFFFFF;float:left;margin-left: 5px;
}
.center-tin-tin-tieude
{
width: 100%;color:#FFF;
height: 22px;
  background: #0288d1;
  background: -moz-linear-gradient( center top, #4cafe9 5%, #0288d1 100% );
  box-shadow: inset 0px 1px 0px 0px #b0d3eb;
font-size: 12px;
padding-left: 1px;
padding-top: 7px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border-radius: 3px 3px 0px 0px;
}
.center-tin-tin-tieude ul li
{
height: 26px;
background-color: #FFF;
color: #000;
padding-left: 5px;
text-align: left;
text-transform: none;
font-weight: normal;
    display: block;height:auto;
border-bottom: 1px dotted #ccc;padding:4px;text-align:justify;
}
.center-tin-tin-tieude ul
{
	height:295px;
     overflow:auto;
     margin:5px 0 0 5px;
     border-bottom:1px #999999;
}
.center-tin-tin-noidung ul
{
	display:block;border-bottom:1px  #999999;
}
.center-tin-tin-noidung ul li
{
	display:block;
}
/*################################## Tin Tuc Center ####################################*/
.HPN-cen-center-tin
  {
    width: 98%;  
    min-height: 530px;
    border: 1px solid #d5e1f2;;
    margin: 3px auto;
    border-radius: 5px 1px 5px 1px;
  }
  .HPN-cen-center-tin-tieude{
    text-transform: uppercase;
    /* height: 30px; */
    /* line-height: 30px; */
    background: #0288d1;
    background: -moz-linear-gradient( center top, #4cafe9 5%, #0288d1 100% );
    box-shadow: inset 0px 1px 0px 0px #b0d3eb;
    border-radius: 5px 1px 5px 1px;
    padding: 7px 20px;
    font-weight: bold;
    color: #fff;
  }
  .HPN-cen-center-tin-noidung
  {
    text-align: justify;width: 100%;
  }
  .HPN-cen-center-tin-ndung-tin{
    text-align: justify;
    /* margin: 3px; */
    width: 100%;
    float: left;
  }
  .HPN-cen-center-tin-ndung-tin a
  {
    font-weight: bold;
  }
  .HPN-cen-center-tin-ndung-list
  {
    float:left;
  }
  .HPN-cen-center-tin-ndung-list li
  {
    font-weight:normal;
    text-align: justify;    /*padding: 3px;*/
  height:34px;
  
  }
  .HPN-cen-center-tin-ndung-list li a
  {
    text-decoration:none;
    left top 5px no-repeat;
    padding-left:5px;
  }
  .HPN-tin-ndung-tin-TL{ 
  }
  .HPN-cen-center-tin-ndung-tin li img{
    height: 250px;
    margin: 3px;
    width: 365px;
  }
  .HPN-cen-center-tin-ndung-tin li{
    padding: 3px;
  }
  .HPN-cen-center-tin-ndung-list li img
  {
    width:3px;
  }
/*################################## Tin CM - List ####################################*/
.List{
  width:99%;
  margin: 7px;
  text-align: justify;
}
.Tin-List{
  width:100%;
  margin-top: 10px;
  border-bottom:1px dotted #ccc;
  padding-top: 5px;
  text-align: justify;
}
.Tin-List .Chitiet
{
  font-style:italic;
  text-align: right;
  display:block;
  padding-right:30px;
}
/*################################## Tin View ####################################*/

./*################################## Layout Home ####################################*/
.HPN-Home-main{
  width: 1000px;
  vertical-align: top;
  margin: 5px auto;
  font: 12px arial;
}
.HPN-Home-main a{
  text-decoration: none;
  color: oliver;
}
.HPN-Home-main a:hover{
  text-decoration: none;
  color: orange;
}
.HPN-Home-top{
  width: 100%;
  float:left;
}
.HPN-Home-body{
  width: 100%;
  float:left;
}
.HPN-Home-body-top{
  width: 100%;
  float:left;
}
.HPN-Home-body-left{
  width:75%;
  float:left;
}
.HPN-Home-body-right{
  display: block;
width: 24%;
float: right;
}
.HPN-Home-body-left-top{
  width:100%;
  float:left;
}
.HPN-Home-body-left-Left{
  width:50%;
  float:left;
}
.HPN-Home-body-left-Right{
  width:50%;
  float:left;
}
.HPN-Home-bottom{
  width: 100%;
  float:left;
}
/*################################## Menu Top ####################################*/

/*################################# Page ###############################*/
.page-b
{
  display:block;
  float: right;
  padding-right: 20px;
}
.page-t
{
  width:100%;
  display:block;
  text-align: center;
  padding-top: 20px;
}
.List-Pager
{
  width: 100%;
  display:block;
}
.List-Pager div
{
  margin-top:10px;
  width:90%;
  text-align: right;
}
.chi-tiet{
  margin-bottom:5px;
  font-weight: normal;
  font-style:italic;
  float:right;
  padding-right: 20px;
  display:block;
}
/*################################## Tiêu đề List ####################################*/
.List-Title{
  font-weight:bold;
  height:25px;
  line-height:25px;
  text-align: center;
  width:100%;
  border-bottom: 3px solid #1B59B7;
  border-radius: 5px;
  color:#1b59b7;
  margin-top:10px;
  text-transform: uppercase;
}

/*################################## Menu Left ####################################*/ 
.Center-left-Title
{
  background:#1b59b7;
  text-transform: uppercase;
  background:url("@Url.FrontUrl().ThemeFileUrl("img/HDB-menungang.png")");
  height: 20px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  padding-top: 6px;
  color:#FCFCFE;
}
.Center-left-Link li
{
  height:25px;
  line-height:25px;
  list-style:none;
  padding-left: 17px;
  padding-top: 3px;
  background: #B0E2FF;
  border-top: solid 1px #fff;
}
.Center-left-Link li:hover
{
  background: #FFF;
}
.Center-left-Link li a
{
  text-decoration: none;
  color: black;
}
.Center-left-Link li a:hover
{
  color: #8B4513;
}
.LuotTruyCap-tieude{
  
  background:#1b59b7;
  height: 22px;
  border-radius: 5px 5px 0px 0px;
  font-weight:bold;
  text-align: center;
  padding-top: 4px;
  color: white;
  font-size: 12px;
}
.LuotTruyCap-ndung{
  list-style:none;
  background-color:#E6E6FA;
}
.Center-left-Img li 
{
  vertical-align:top;
  list-style:none;
}
.Center-left-Img li img
{
  width:100%;
  height: 75px;
}

.quang-cao-trai{
  margin-top:5px
}
.quang-cao-trai li a img{
  width:100%;
}
.left-menu{
  list-style-type: none;
}
.left-menu li {
  display: block;
  position: relative;
}
.left-menu a {
  display: block;
}
.menu-right{
  display: none;
  position: absolute;
}
.left-menu li:hover .menu-right{
  display: block;
  z-index:1;
  margin-left:100%;
  margin-top:-27px;
  position: relative;
}
.menu-right li{
  display:block;
  width: 200px;
  margin: 0 !important;
  border-top: solid 1px #fff;
}
/*################################## Chú thích ####################################*/
.chuthich
{
  text-align: center;
  color: blue;
  margin-bottom:10px
}
/*################################## Chú thích ####################################*/

.center-tinmoi {
    width:100%;
     margin: 3px auto;
     height:338px;
     border-bottom: 1px  #ccc;
}
.center-tin {
  width:100%;
	height: 377px;
	margin: 0 auto;
	float:left;
}
.center-tin-anh{
	height: 300px;
	position: relative;
	width:100%;
}
.slide-image-tinmoi {
	left: 0;
	position: absolute;
	top: 0;
	opacity:0;
	display:none;width: 100%;
}

.slide-image-tinmoi a, 
  .center-tin-tin-tieude ul li a{
    text-decoration:none;color:#000;
}
  .slide-image-tinmoi a:hover, 
  .center-tin-tin-tieude ul li a:hover{
    text-decoration:none;color:#0078b1;
}
.slide-image-tinmoi a img{
	z-index:-1;height:300px; width:100%;
}
.tieudeanh {
    background-color:#ccc;
	height:40px;margin-top:-40px;width:100%;color:##1b59b7 
;position:absolute;
   
    
}

.slide-image-tinmoi:first-child{
	opacity:1;
	display:block;
}
.slide-pager1 {
	height: 20px;width: 100%;
}
.slide-pager1 ul {
	float: right;
	margin: 10px 0 0;
	padding: 0;
	width: auto;
}
.slide-pager1-slot {
	background:none repeat scroll 0 0 #80ccf3;
	display: block;
	float: left;
	height: 15px;
	list-style: none outside none;
	margin: 0 5px 0 0;
	width: 15px;
	cursor:pointer;
}
.slide-pager1-slot:hover{
	background:red;
}
.slide-pager1 ul .focus{
	background:#ce000c;
}
.slide-control-prev1 {
	margin: 10px 40px 10px 10px;
text-align: center;
width: 15px;
height: 15px;
background: none repeat scroll 0% 0% #FFA500;
line-height: 12px;
color: #FFF;
cursor: pointer;
float: right;
}
.slide-control-next1{
	margin: 10px -50px 10px 10px;
text-align: center;
width: 15px;
height: 15px;
background: none repeat scroll 0% 0% #FFA500;
line-height: 12px;
color: #FFF;
cursor: pointer;
float: right;
}
.center-tin-tin
{
	width: 38%; 
  height:300px;	border: 1px dotted #FFFFFF;float:left;margin-left: 5px;
}
.center-tin-tin-tieude
{
width: 100%;color:#FFF;
height: 22px;
  background: #0288d1;
  background: -moz-linear-gradient( center top, #4cafe9 5%, #0288d1 100% );
  box-shadow: inset 0px 1px 0px 0px #b0d3eb;
font-size: 12px;
padding-left: 1px;
padding-top: 7px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border-radius: 3px 3px 0px 0px;
}
.center-tin-tin-tieude ul li
{
height: 26px;
background-color: #FFF;
color: #000;
padding-left: 5px;
text-align: left;
text-transform: none;
font-weight: normal;
    display: block;height:auto;
border-bottom: 1px dotted #ccc;padding:4px;text-align:justify;
}
.center-tin-tin-tieude ul
{
	height:295px;
     overflow:auto;
     margin:5px 0 0 5px;
     border-bottom:1px #999999;
}
.center-tin-tin-noidung ul
{
	display:block;border-bottom:1px  #999999;
}
.center-tin-tin-noidung ul li
{
	display:block;
}
/*################################## Tin Tuc Center ####################################*/
.cen-center-tin
{
  width: 98%;
  overflow: auto;
  height: 450px;
  border: 1px solid #ccc;
  margin: 3px auto;
  border-radius: 5px 1px 5px 1px;
  
}
.cen-center-tin-tieude{
  text-transform:uppercase;
  height: 30px;
  line-height: 30px;
  background:#0288d1;
  background: -moz-linear-gradient( center top, #4cafe9 5%, #0288d1 100% );
  box-shadow: inset 0px 1px 0px 0px #b0d3eb;
  border-radius: 5px 1px 5px 1px;
  padding-left: 20px;
  font-weight:bold;
  color:#fff;
}
.cen-center-tin-noidung
{
  text-align: justify;
}
.cen-center-tin-ndung-tin{
  text-align: justify;
  margin: 3px 5%;
}
.cen-center-tin-ndung-tin a
{
  font-weight: bold;
}

.cen-center-tin-ndung-list
{
  height:auto;
  margin-top: 20px;
}
.cen-center-tin-ndung-list li
{
  display: block;
  font-weight:normal;
  margin: 3px 5%;
  text-align: justify;
}
.cen-center-tin-ndung-list li a
{
  text-decoration:none;
  left top 5px no-repeat;
  padding-left:5px;
}

/*################################## Tin CM - List ####################################*/
.HPN-TinTuc-ChuyenMuc{
   width: 100%;
}
.HPN-TinTuc-ChuyenMuc-Title{
      width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 5px;
  color: #676464;
    text-transform: uppercase;
}
.HPN-TinTuc-ChuyenMuc-List{
      text-align: justify;
    
    padding: 5px;    min-height: 80px;
}
.HPN-TinTuc-ChuyenMuc-List li img{
    width: 100px;
    padding: 5px;
    height: 60px;
}
.HPN-TinTuc-ChuyenMuc-List li{
  float: left;
  width: 100%;
  padding-top:3px;
    
}
.HPN-TinTuc-ChuyenMuc-Chitiet{
  
  text-align: right;
border-bottom: 1px dotted #ccc;
}
/*################################## Tin View ####################################*/
.HPN-TinTuc-View
{
  width:99%;
  margin:10px auto;
}
.HPN-TinTuc-View li
{
  height:auto;
}
.HPN-TinTuc-View-Tieude
{    
  height:20px;
  font-weight:bold;
}
.HPN-TinTuc-View-Thoigiandang{
  font-style: italic;
  color:gray;
  font-size:10px;
  vertical-align: top;
  height: 30px;
  margin-bottom: 10px;
}

.HPN-TinTuc-View-tacgia{
  float: right;
  text-align:right;
  padding-right: 30px;
  font-weight: bold;
  margin-top: 10px;     
}
.HPN-TinTuc-View-Modau{
  margin-bottom: 10px;
  text-align: justify;
  padding-right: 15px;
  margin-bottom: 10px;
}
.HPN-TinTuc-View-NoiDung{
  text-align: justify;

}
.HPN-TinTuc-View-NoiDung td{
  
  vertical-align:middle;
  padding: 0px 5px;
  font-family:Arial;
  border-collapse: collapse;
}
.HPN-TinTuc-View-NoiDung table{
  display:block;
  margin:0px auto;
}
.HPN-TinTuc-View-NoiDung img{
  
  width:90%;
  height:auto;
  margin:5px auto;
  position:relative;
  display:block;
}
.HPN-TinTuc-ListTin
{
  width:100%;margin-top:15px;
  list-style:none;
  
}
.HPN-TinTuc-ListTin-Tieude td,.TinTuc-ListTin-Tieude a{ 
  text-align: justify;
  padding-left:5px;
  padding-right:35px;
}
.HPN-TinTuc-ListTin-Tieude img{
  width: 3px;
  display:block;
  margin-top:5px;
  float:left; 
  padding-right: 5px;
}

/*################################## Tin CMOne ####################################*/
.CMOne{
  width:100%;
}
.CMOne-Info{
  width:100%;
  margin-top: 15px;
}
.CMOne-Title{
  border: 1px solid #1b59b7;
  width:32.5%;
  height: 30px;
  line-height: 30px;
  float:left;
  margin:0px auto;
  border-radius: 0px 5px 5px 5px;
  margin-top: 10px;
  margin-left: 2px;
}
.CMOne-Title img{
  width: 12px;
  padding-left:5px;
  display:block;
  float:left;
  margin-top:8px;
  
}
.CMOne-Title a{
  color:#1b59b7;
  width:100%;
  padding-left: 20px;
  font-weight:bold;
  display:block;
}
/*################################## Tin One ####################################*/
.Tin-One
{
  width:99%;
  list-style:none;
}
.Tin-One-Tieude
{
  padding: 4px 0px;
  font-weight: bold;
}
.Tin-One-Thoigiandang
{
  font-style: italic;
  color:gray;
  font-size:10px;
  vertical-align: top;
  height: 30px;
  margin-bottom: 10px;
}
.Tin-One-Modau
{
  text-align: justify;
  color: black;
  font-weight: normal;
}
.Tin-One-NoiDung
{
  text-align: justify;
  color: black;
  font-weight: normal;
}
.Tin-One-NoiDung td
{
  border:1px solid;
  
}
.Tin-One-NoiDung table
{
  display:block;
  margin:0px auto;
  width:auto;
}
.Tin-One-NoiDung img
{
  width:90%;
  height:90%;
  display:block;
  margin:5px auto;
}
.Tin-One-TacGia
{  
  text-align: right;
  font-weight: bold;
}
/*################################# Hỏi Đáp ###############################*/   
.HoiDap-Hoi{
  width:530px;
  
  border-radius: 5px;
}
.HoiDap-Tit{
  background:#DDE5F7;
  border-radius:5px 0px;
  font-size:14px;
  font-weight:bold;
  color:red;
  text-align:center;
} 
.HoiDap-Tit td{
  padding:5px 0 5px 0;
} 
.HoiDap-NgHoi input{width:100%;}
.HoiDap-Title input{width:100%;}
.HoiDap-NoiDung textarea{width:100%;
  height:200px;}
.HoiDap-Button a{
  background-color:#FBE5DB;
  color:black;
  text-decoration:none;
  font-style:italic;
  font-weight:bold;
  height:25px;
  border-radius:10px;
  padding:0px 15px;
}
.HoiDap-Button a:hover{
  background-color: #CCFF99;
}
.FAQ-FAQ{
  width:100%;
  border:1px solid red;
  border-radius: 5px;
}
.FAQ-FAQ-Title{
  font-weight:bold;
  color:blue;
  font-size:20px;
  border:1px solid red;
}.FAQ-FAQ-Ten{
  font-weight:bold;
  border:1px solid red;
}
.FAQ-FAQ-Noidung td{
  height:200px;
  border:1px solid red;
}

.FAQ-FAQ-Link a{
  background-color:green;
  color:black;
  text-decoration:none;
  font-style:italic;
  font-weight:bold;
  height:25px;
  border-radius:10px;
  padding:0px 5px;
}
.FAQ-FAQ-Link a:hover{
  background-color:yellow;
}
/*################################# Văn Bản View ###############################*/ 
.VanBan-View{
  width:100%;
}
.VanBan-View-ND{
  width:95%;
  margin:0px auto;
}
.VanBan-View-ND-Tomluoc td {
  font-weight:bold;
  padding-top:20px;
}
.VanBan-View-ND-info{
  width:100%;
  margin:0px auto;
}
.VanBan-View-ND-info td{
  border:1px solid #ccc;
  padding-top: 5px;
  height:25px;
}
.VanBan-View-ND-info-L{
  width: 30%;
}
.VanBan-View-ND-info td{
  padding-left: 10px;
}
.VanBan-View-ND-info img{
  width:20px;
  display:block;
  float:left;
  padding-left: 15px;
}
.VanBan-View-ND-info a{
  width:100%;
  text-decoration:none;
  display:block;
}
.VanBan-List{
  width:100%;
}
.VanBan-List-Tit{
  font-weight:bold;
  margin-top: 10px;
}
.VanBan-List-TD li{
  display:block;
  width: 100%;
}
.VanBan-List-TD li a{
  text-decoration:none;
  padding-left: 10px;
}
.VanBan-List-TD li a:visited{
  color:brown;
}
.VanBan-List-TD li img{
  width:15px;
  display:block;
  float:left;
}
.VanBan-List-TD li span{
  padding-left:5px;
}  
/*################################# Form CM - List ###############################*/
.Form{
  width: 95%;
  margin: 0px auto;
}
.Form-Title{
  text-align:center;
  margin: 10px auto;
}
.Form-Info{
  width:99%;
  height:auto;
  margin:0px auto;
}
.Form-Info img, .Form-Info video{
  padding-top: 10px;
  display:block;
  width: 99%;
  height:auto;
}
.Form-List{
  width: 49.5%;
  height: 200px;
  float: left;
  border: 1px #ccc dotted;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.Form-List p
{
  padding:0px;
  margin-top: -80%;
}
.Form-List img,.Form-List video{
  width: 99%;
  height: 190px;
  margin: 2px auto;
}
.Form-CMkhac{
  width: 50%;
  float:left;
  /*text-transform:uppercase;*/
  margin-top: 10px;
}
.Form-CMkhac a{
  color:#1b59b7;
  padding-left:5px;
}

.Form-CMkhac img{
  width: 4px;
  margin-bottom:2px;
  padding-left:10px;
}
.CMkhac{
  font-weight:bold;
  padding-left: 30px;
}
/*################################# Video ###############################*/    
.VideoMoi
{
  width:100%;
  list-style:none;
}
.VideoMoi-TieuDe
{
  width:100%;
  height:20px;
  text-align: center;
  font-weight:bold;
  color:blue;
  text-transform:uppercase;
  width:80%;
  margin:0px auto;
  margin-bottom:5px;
  border-bottom: 2px blue solid;
} 
.VideoMoi-TieuDe li
{
}
.VideoMoi-video 
{
  width:100%;
  margin: 0px auto;
  float:left;
  display:block;
  text-align:center;
}
.VideoMoi-video 

.VideoMoi-Link
{
  width:100%;
  text-align: left;
}
.VideoMoi-Link a
{
  color: blue;
  text-transform:uppercase;
  padding-left:20px;
}
.VideoMoi-Link a:active
{
  color: red;
}
/*################################# TTHC ###############################*/
.TTHC-List{
  width:100%;
  color:#666;
}
.List-Modau{
  margin-top:10px;
  font-weight:bold;
  padding-left:15px;
  font-size:14px;
}
.List-Table{
  width:99%;
  margin:10px auto;
  color: #000;
  font-size:12px;
}
.List-Table td{
  border: 1px solid black;
}
.List-Table a{
  color:#1b59b7;
}
.List-Head td
{
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
  height: 30px;
  line-height: 30px;
}
.List-Table tr{
  height:23px;
  line-height:23px;
}
.List-Sub-Title td{
  padding-left:3%;
  font-weight:bold;
  text-transform: uppercase;
}
.List-Info{
  width: 100%
}
.TTHC-td1{
  width: 30%;
  text-align:center;
  font-weight:normal;
  text-transform: uppercase;
}
.TTHC-td2{
  font-weight:normal;
  text-align:justify;
  padding:0px 5px ;
}
/*################################# Sơ đồ web ###############################*/    
.SDW
{
  width: 100%;
  vertical-align: bottom;
  padding-left: 15px;
  color: #0078B1;
}
.SDW-1 img
{
  width: 35px;
}
.SDW-2, .SDW-3, .SDW-4
{
  width: 300px;
  height: 20px;
}
.SDW-2 img,.SDW-4 img, .SDW-3 img
{
  width: 40px;
  height: 20px;
  margin-bottom: -7px;
}

.SDW-2
{
  margin-left: 35px;
}
.SDW-3
{
  margin-left: 75px;
}
.SDW-4
{
  margin-left: 115px;
}
/*################################# Footer ###############################*/  
.Bottom-Footer 
{
  width:100%;
  height:110px;
  float:left;
}
.Bottom-Title{
  width:100%;
  color: yellow;
  font-weight:bold;
  font-size:16px;
  height:30px;
  line-height:30px;
  padding-left: 70px;
}
.Bottom-Info{
  border-top: 1px solid orange;
  width:95%;
  padding-top:10px;
  padding-left: 5%;
  color:yellow;
}
.Bottom-Info span{
  font-weight:bold;
}TinTuc-View-NoiDung table{
  display:block;
  margin:0px auto;
}
.TinTuc-View-NoiDung img{
  border: 6px groove #ccc;
  width:90%;
  height:auto;
  margin:5px auto;
  position:relative;
  display:block;
}
.TinTuc-ListTin
{
  width:100%;margin-top:15px;
  list-style:none;
  
}
.TinTuc-ListTin-Tieude td,.TinTuc-ListTin-Tieude a{ 
  text-align: justify;
  padding-left:5px;
  padding-right:35px;
}
.TinTuc-ListTin-Tieude img{
  width: 3px;
  display:block;
  margin-top:5px;
  float:left; 
}

/*################################## Tin CMOne ####################################*/
.CMOne{
  width:100%;
}
.CMOne-Info{
  width:100%;
  margin-top: 15px;
}
.CMOne-Title{
  border: 1px solid #1b59b7;
  width:32.5%;
  height: 30px;
  line-height: 30px;
  float:left;
  margin:0px auto;
  border-radius: 0px 5px 5px 5px;
  margin-top: 10px;
  margin-left: 2px;
}
.CMOne-Title img{
  width: 12px;
  padding-left:5px;
  display:block;
  float:left;
  margin-top:8px;
  
}
.CMOne-Title a{
  color:#1b59b7;
  width:100%;
  padding-left: 20px;
  font-weight:bold;
  display:block;
}
/*################################## Tin One ####################################*/
.Tin-One
{
  width:99%;
  list-style:none;
}
.Tin-One-Tieude
{
  padding: 4px 0px;
  font-weight: bold;
}
.Tin-One-Thoigiandang
{
  font-style: italic;
  color:gray;
  font-size:10px;
  vertical-align: top;
  height: 30px;
  margin-bottom: 10px;
}
.Tin-One-Modau
{
  text-align: justify;
  color: black;
  font-weight: normal;
}
.Tin-One-NoiDung
{
  text-align: justify;
  color: black;
  font-weight: normal;
}
.Tin-One-NoiDung td
{
  border:1px solid;
  
}
.Tin-One-NoiDung table
{
  display:block;
  margin:0px auto;
  width:100%;
}
.Tin-One-NoiDung table tbody
{
  width:100%;
}
.Tin-One-NoiDung table tr
{
  width:100%;
}
.Tin-One-NoiDung img
{
  width:90%;
  height:90%;
  display:block;
  margin:5px auto;
}
.Tin-One-TacGia
{  
  text-align: right;
  font-weight: bold;
}
/*################################# Hỏi Đáp ###############################*/   
.HoiDap-Hoi{
  width:530px;
  
  border-radius: 5px;
}
.HoiDap-Tit{
  background:#DDE5F7;
  border-radius:5px 0px;
  font-size:14px;
  font-weight:bold;
  color:red;
  text-align:center;
} 
.HoiDap-Tit td{
  padding:5px 0 5px 0;
} 
.HoiDap-NgHoi input{width:100%;}
.HoiDap-Title input{width:100%;}
.HoiDap-NoiDung textarea{width:100%;
  height:200px;}
.HoiDap-Button a{
  background-color:#FBE5DB;
  color:black;
  text-decoration:none;
  font-style:italic;
  font-weight:bold;
  height:25px;
  border-radius:10px;
  padding:0px 15px;
}
.HoiDap-Button a:hover{
  background-color: #CCFF99;
}
.FAQ-FAQ{
  width:100%;
  border:1px solid red;
  border-radius: 5px;
}
.FAQ-FAQ-Title{
  font-weight:bold;
  color:blue;
  font-size:20px;
  border:1px solid red;
}.FAQ-FAQ-Ten{
  font-weight:bold;
  border:1px solid red;
}
.FAQ-FAQ-Noidung td{
  height:200px;
  border:1px solid red;
}

.FAQ-FAQ-Link a{
  background-color:green;
  color:black;
  text-decoration:none;
  font-style:italic;
  font-weight:bold;
  height:25px;
  border-radius:10px;
  padding:0px 5px;
}
.FAQ-FAQ-Link a:hover{
  background-color:yellow;
}
/*################################# Văn Bản View ###############################*/ 
.VanBan-View{
  width:100%;
}
.VanBan-View-ND{
  width:95%;
  margin:0px auto;
}
.VanBan-View-ND-Tomluoc td {
  font-weight:bold;
  padding-top:20px;
}
.VanBan-View-ND-info{
  width:100%;
  margin:0px auto;
}
.VanBan-View-ND-info td{
  border:1px solid #ccc;
  padding-top: 5px;
  height:25px;
}
.VanBan-View-ND-info-L{
  width: 30%;
}
.VanBan-View-ND-info td{
  padding-left: 10px;
}
.VanBan-View-ND-info img{
  width:20px;
  display:block;
  float:left;
  padding-left: 15px;
}
.VanBan-View-ND-info a{
  width:100%;
  text-decoration:none;
  display:block;
}
.VanBan-List{
  width:100%;
}
.VanBan-List-Tit{
  font-weight:bold;
  margin-top: 10px;
}
.VanBan-List-TD li{
  display:block;
  width: 100%;
}
.VanBan-List-TD li a{
  text-decoration:none;
  padding-left: 10px;
}
.VanBan-List-TD li a:visited{
  color:brown;
}
.VanBan-List-TD li img{
  width:15px;
  display:block;
  float:left;
}
.VanBan-List-TD li span{
  padding-left:5px;
}  
/*################################# Form CM - List ###############################*/
.Form{
  width: 95%;
  margin: 0px auto;
}
.Form-Title{
  text-align:center;
  margin: 10px auto;
}
.Form-Info{
  width:99%;
  height:auto;
  margin:0px auto;
}
.Form-Info img, .Form-Info video{
  padding-top: 10px;
  display:block;
  width: 99%;
  height:auto;
}
.Form-List{
  width: 49.5%;
  height: 200px;
  float: left;
  border: 1px #ccc dotted;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.Form-List p
{
  padding:0px;
  margin-top: -80%;
}
.Form-List img,.Form-List video{
  width: 99%;
  height: 190px;
  margin: 2px auto;
}
.Form-CMkhac{
  width: 50%;
  float:left;
  /*text-transform:uppercase;*/
  margin-top: 10px;
}
.Form-CMkhac a{
  color:#1b59b7;
  padding-left:5px;
}

.Form-CMkhac img{
  width: 4px;
  margin-bottom:2px;
  padding-left:10px;
}
.CMkhac{
  font-weight:bold;
  padding-left: 30px;
}
/*################################# Video ###############################*/    
.VideoMoi
{
  width:100%;
  list-style:none;
}
.VideoMoi-TieuDe
{
  width:100%;
  height:20px;
  text-align: center;
  font-weight:bold;
  color:blue;
  text-transform:uppercase;
  width:80%;
  margin:0px auto;
  margin-bottom:5px;
  border-bottom: 2px blue solid;
} 
.VideoMoi-TieuDe li
{
}
.VideoMoi-video 
{
  width:100%;
  margin: 0px auto;
  float:left;
  display:block;
  text-align:center;
}
.VideoMoi-video 

.VideoMoi-Link
{
  width:100%;
  text-align: left;
}
.VideoMoi-Link a
{
  color: blue;
  text-transform:uppercase;
  padding-left:20px;
}
.VideoMoi-Link a:active
{
  color: red;
}
/*################################# TTHC ###############################*/
.TTHC-List{
  width:100%;
  color:#666;
}
.List-Modau{
  margin-top:10px;
  font-weight:bold;
  padding-left:15px;
  font-size:14px;
}
.List-Table{
  width:99%;
  margin:10px auto;
  color: #000;
  font-size:12px;
}
.List-Table td{
  border: 1px solid black;
}
.List-Table a{
  color:#1b59b7;
}
.List-Head td
{
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
  height: 30px;
  line-height: 30px;
}
.List-Table tr{
  height:23px;
  line-height:23px;
}
.List-Sub-Title td{
  padding-left:3%;
  font-weight:bold;
  text-transform: uppercase;
}
.List-Info{
  width: 100%
}
.TTHC-td1{
  width: 30%;
  text-align:center;
  font-weight:normal;
  text-transform: uppercase;
}
.TTHC-td2{
  font-weight:normal;
  text-align:justify;
  padding:0px 5px ;
}
/*################################# Sơ đồ web ###############################*/    
.SDW
{
  width: 100%;
  vertical-align: bottom;
  padding-left: 15px;
  color: #0078B1;
}
.SDW-1 img
{
  width: 35px;
}
.SDW-2, .SDW-3, .SDW-4
{
  width: 300px;
  height: 20px;
}
.SDW-2 img,.SDW-4 img, .SDW-3 img
{
  width: 40px;
  height: 20px;
  margin-bottom: -7px;
}

.SDW-2
{
  margin-left: 35px;
}
.SDW-3
{
  margin-left: 75px;
}
.SDW-4
{
  margin-left: 115px;
}
/*################################# Footer ###############################*/  
.Bottom-Footer 
{
  width:100%;
  height:110px;
  float:left;
}
.Bottom-Title{
  width:100%;
  color: yellow;
  font-weight:bold;
  font-size:16px;
  height:30px;
  line-height:30px;
  padding-left: 70px;
}
.Bottom-Info{
  border-top: 1px solid orange;
  width:95%;
  padding-top:10px;
  padding-left: 5%;
  color:yellow;
}
.Bottom-Info span{
  font-weight:bold;
}
/*********************************** Right ******************************************/
.HPN-Right-TieuDe
  {
    color: #FFF;
    background: #f70374;
    font-size: 16px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;

  }
.HPN-Right-TieuDe a
{
  color: #FFF;
}
