@font-face {
 font-family:vni1;
 src:url('UTM Micra.ttf') format('truetype'),
 url('UTM Micra.ttf') format('embedded-opentype'),
 url('UTM Micra.ttf') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
    font-family: 'fonttitle';
    src: url('../font/fonttitle/architrn.eot');
    src: url('../font/fonttitle/architrn.eot?#iefix') format('embedded-opentype'),
         url('../font/fonttitle/architrn.woff2') format('woff2'),
         url('../font/fonttitle/architrn.woff') format('woff'),
         url('../font/fonttitle/architrn.ttf') format('truetype'),
         url('../font/fonttitle/architrn.svg#architectureregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{margin:0; padding:0; outline:none;}
img{border:none;}

.clear{clear:both;}

ul{list-style:none;}

a{text-decoration:none;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	
}

div#header
{
	width:980px;min-height:539px;
	margin:auto;
	
	
}
div#header .banner{border-left:1px #FFFFFF solid;border-right:1px solid #FFF;
					background: rgba(255,255,255,0.3);}
div#wap{background:url(images/back.png) repeat;}
div#wapper
{	 width:100%;
	background:url(images/bg_body.png) no-repeat center top;
	 margin: 0 auto;
	
	
}
div#wapper #content_page{
	
	margin:auto;
	width:980px;
	min-height:1000px;
	padding-bottom:20px;
	background:url(images/back.png) repeat-x repeat-y ;
	
	}
div#menu
{
	height: 62px;
    margin-left: -10px;
    margin-top: -13px;
    width: 1000px;
	line-height:35px;
	border-radius:0px;
	background:url(images/menu.png) no-repeat;
	position:relative;
}

div#bongmenu{
	background:url(images/dobong_mntop.png) no-repeat center bottom;
	width:990px;height:30px;
	position:absolute;
	margin-top:37px;
	z-index:900;
	}
div#menu ul
{
  float:left; padding-top:10px; position:absolute;
}
div#menu ul li
{
  float:left;
}
div#menu ul li:hover{
		background:#06C;
		color:#FF0;}
div#menu ul li img
{
	float:left;
}
div#menu ul li a
{
	color:#ffffff;
	padding:10px 40px;
	font-weight:bold;
}
div#menu ul li a.active,div#menu ul li a:hover
{
	
	background:url(images/menu_hover.png) center bottom no-repeat;
	color:#FF0;
}
div.show-pro_1{
	background:url(../images/content_bg.png) repeat-x top;
	padding:12px 0 0 0;
}
.box_news {
   	border-bottom: 1px dotted #898EAA;
	clear: both;
	padding-bottom: 23px;
	padding-top: 5px;
	margin: 0 0 20px 0;
}
.box_news h2 {
    font-size: 12px;
}
.box_news h2 a {
    color: #0C5BC0;
	text-transform: capitalize;
	font-weight: bold;
}
.box_news p {
    margin: 0;
    padding: 0;
}

.box_news p.news_mota{
	overflow: hidden;
	text-align: justify;
}

.box_news p.small {
    color: #666666;
    font-size: 11px;
}
.box_news h2 a:hover {
    color: #3FA502;
}


div#search
{
width:220px;
float:right;
background:#ffffff;
height:25px;
border-radius:10px;
margin-top:4px;
margin-right:5px;
}
div#search input
{
float:left;
width:166px;
padding:0px 10px;
margin-top:3px;
margin-left:10px;
border:none;
}
div#search img
{
margin-top:2px;
}

div#left 
{
width:220px;
float:left;
min-height:650px;

}

div#left dl{
		
		margin-top:3px;
		}
div#left dl dt{
	background:url(images/back_mnleft.jpg) no-repeat;
	height:40px;
	padding:0px 5px 0px 5px;
	border-radius:5px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #ccc;
	}
div#left dl dt a{
	color:#032698;
	font-weight:bold;
	font-size:12px ;
	
	line-height:40px;margin-left:10px;
}
div#left dl dt a:hover{color:#C00;}


div#quangcao a img
{
width:210px;
}
div#quangcao select
{
width:210px;
border-radius:10px;
border:1px solid #26bcf3;
height:27px;
line-height:27px;
margin-top:20px;
margin-bottom:10px;
}
div.tieude
{
background:url(images/back_thinghiem_03.png) no-repeat;
color:rgba(255,255,0,1);
font-weight:bold;
line-height:44px;
text-align:center;
font-size:18px;
height:40px;
}
div.tieude a{margin-left:-35px;}

div .item .tieude_congtrinh{
	background:url(images/back_congtrinh_03.png)no-repeat;
	background-size:750px 50px;
	width:740px;
	height:60px;font-size:14px;
	color:red;font-weight:bold;line-height:30px;
	}
div .item .tieude_congtrinh a{
	color:#000 !important;
	margin-left:40px;}
div .item_maymoc .tieude_maymoc{
	background:url(images/back_menmaymoc_03.png) no-repeat;
	width:220px;
	height:32px;
	margin-top:13px;
	}
div.item_maymoc .tieude_maymoc .mmtb{text-align:center;}
div .item_maymoc .tieude_maymoc a{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
div .item_maymoc .maymoc_thietbi{ background:#03F;}
div .item_maymoc  ul li img{margin-left:8px !important;background:none;margin-top:11px !important;padding:5px;border:1px solid #ccc;box-shadow:5px 6px 0px #ccc;}
div .item_maymoc  ul li{
	background:none !important;
	width:190px;
	margin-left:15px;
		}
div#thongke ul li
{
padding:7px;
font-weight:bold;
font-size:13px;
border-bottom:1px dashed #8a8a8a;
}

div#right
{
width:210px;
float:right;
color:#ff0101;
}
div#hotro h3
{
font-size:12px;
padding:10px 0px;
}
div#hotro h5
{
font-size:12px;

}
div#hotro h6
{
font-size:12px;
border-bottom:1px solid #000000;
padding-bottom:6px;

}
div#hotro h4 a img
{
margin-right:15px;
}
div#hotro h5 span
{
color:#000000;
display:block;
float:left;
margin-right:7px;
}
div#hotro h6 span
{
color:#000000;
display:block;
float:left;
margin-right:7px;
}

div.tieude2
{
	background:url(images/tieude.png) no-repeat;
	line-height:47px;
	color:#bd0101;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
}

div.tieude_giua
{
	background:url(images/back_congtrinh_03.png)  no-repeat;
	line-height:47px;
	color:#bd0101;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
	text-transform:uppercase;
	background-size:750px 50px;
}
div.tieude_giua span{margin-left:35px;}
div#center
{
width:740px;
margin-left:15px;
float:left;
overflow:hidden;
min-height:650px;

}
#hinh_welcome{
	float:right;width:30%;background:#fff;
	height:220px;
	margin-top:25px;margin-right:3px;
	border-radius:50%;
	box-shadow: 0px 12px 5px rgba(153,153,153,1);
	-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 10);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
	}
#hinh_welcome img{
	width:100%;
	height:100%;
border-radius:50%;

}


#box_about{width:67%;float:left;}
div.item_thinghiem{width:220px;}
div.item_maymoc{width:220px;}
div.item
{	
width:740px;min-height:100px;
margin:0px 0px;
}
div.item a img
{
	border: 1px solid #ccc;
    height: 400px;
    padding: 7px;
    width: 724px;
}
div.item a.chitiet img
{
width:59px;
height:20px;
float:right;
}


#footer
{
	width:100%;
	height:390px;
	}
#footer .footer_doitac{
	min-height:183px;
	background:url(images/back_doitac_03.png) repeat-x;}
	#footer .footer_doitac .line_dt{border-bottom:1px dashed #999999;}	
	#footer .footer_doitac .line_dt img{margin-top:7px;}
	#footer .footer_doitac .line_dt a{font-weight:bold;font-size:18px;color:#000 !important;}
	
#footer .footer_menu_bottom{
	height:45px;
	width:100%;
	background:url(images/back_mnbottom_27.png) repeat-x;
	}
	
	#footer .footer_menu_bottom .menu_b{
	
	height: 45px;
    margin:auto;
    
    width: 640px;
	line-height:45px;}


	#footer .footer_menu_bottom .menu_b ul
	{
 		 float:left;  
		}
	#footer .footer_menu_bottom .menu_b ul li
	{
	  float:left;
	}
	 #footer .footer_menu_bottom .menu_b ul li img
	{
		float:left;
	}
	#footer .footer_menu_bottom .menu_b ul li a
	{
		color:#ffffff;
		padding:16px 15px;
		font-weight:normal;
		font-size:11px;
	}
	#footer .footer_menu_bottom .menu_b ul li a.active,#footer .footer_menu_bottom .menu_b ul li a:hover
	{	background:#0166C0;	
		color:#FF0;
	}
#footer .footer_bottom{	
width:100%;
	height:168px;	
	background:url(images/back_footer_03.png) center top repeat-x;}
#footer .noidung{
	width:980px;
	margin:auto;}
	#footer .noidung .nd_left{width:50%;float:left;margin-top:20px;}
	#footer .noidung .nd_right{width:20%;float:right;height:167px;}
	#footer .noidung .nd_right .icon_fa{margin:auto;position:absolute;margin-top:25px;z-index:400;}
	#footer .noidung .nd_right .icon_fa img{float:left;padding-left:20px;}
	#footer .noidung .nd_right .luottruycap{
		height:135px;width:200px;
		background:url(images/luottruycap_03.png) no-repeat;
		position:relative;}
	#footer .noidung .nd_right .luottruycap ul{
		 color: white;
		margin-top: 0 !important;
		padding-left: 48px;
		padding-top: 84px !important;}
	#footer .noidung .nd_right .luottruycap ul li{margin-top:2px !important;}
	#footer .noidung .nd_right .luottruycap ul li span{color:#999 !important;}




#menunho{
		
		width:220px;
		height:auto;
		}
	*{
		padding:0;
		margin:0;
		}
#menunho li{
		position:relative;
		list-style-type:none;
		width:100%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
		background:url(images/back_mnleft.jpg) no-repeat left top;
		}
#menunho a{
	 color:#00F;
	 text-decoration:none;
	 padding:10px;
	 display:block;
	 font-weight:bold;
	 font-size:12px;
	}
#menunho a:hover{color:#F00;}
#menunho li ul{
	display:none;
	}

#menunho li ul a{
	text-indent:20px;
	}
.pika-stage{
	height:410px !important;
	}