/* CSS Document */
html {
	SCROLLBAR-BASE-COLOR: #CCCCCCC;
	SCROLLBAR-ARROW-COLOR: #000000;
}

body {	
	background: #000;	 	
	FONT-FAMILY:arial ;
	font-size: 12px;
	line-height:20px;
	color:#4d4d4d;
	width:100%;
}
@font-face {
	font-family: "UTM_AvoBold";
	src: url(../font/UTM_AvoBold.ttf) format("truetype");
}

@font-face {
	font-family: "UTM_Avo";
	src: url(../font/UTM_Avo.ttf) format("truetype");
}
#vnt-wrapper {
	width:100%;
	background:#fff;
}

/*======================== css su dung cho header ================================*/
.bg_header{
	background:url(../images/bg_head.png) top;
	//background:#555555;
	padding:0px;
	border-bottom:#85af36 solid 2px;
	position:fixed;
	top:0px;
	z-index:50;
	width:100%;
}

#vnt-header	{
	max-width:1000px;
	margin:auto;
}
#vnt-header	.logo {float:left; width:15%; }
#vnt-header	.header-tool {float:right; width:85%;  }
#vnt-header	.header-tool .header_member {text-align:right; padding-bottom:10px; padding-top:10px; color:#fff;}
.header_member span.menu{
	padding:0px 5px;
}
.header_member span a{
	color:#fff;
}
.header_member span a.i-register{
	background:url(../images/icon_register.png) 0px 1px no-repeat;
	padding-left:15px;
}
.header_member span a.i-login{
	background:url(../images/icon_login.png) 0px 0px no-repeat;
	padding-left:18px;
}
.header_member span a.i-cart{
	background:url(../images/icon_cart.png) 0px -1px no-repeat;
	padding-left:18px;
}
/*======================== css su dung cho menutop ================================*/
#vnt-header .menutop {
	 float:right;
}

#vnt-header .menutop > ul > li {
	display:block;
	float:left;
	text-transform:uppercase;
	font-family:UTM_Avo;
	padding:5px 10px;
	position: relative;
	font-weight:normal;
}
#vnt-header .menutop > ul > li > a { display:block; line-height:28px; color:#fff; font-size:14px; font-weight:bold; }
#vnt-header .menutop > ul > li > a.current, #vnt-header .menutop > ul > li > a:hover{
	color:#99ca3c;
	line-height:26px;
	border-bottom:#99ca3c solid 1px;
	border-top:#99ca3c solid 1px;
} 


 /*submenu*/
#vnt-header .menutop ul ul {
	display: none;
	top:100%;
	left:0px;
	position: absolute;
	z-index: 12;
	max-width: 800px;
	min-width:200px;	

	padding-top: 10px;

}
#vnt-header .menutop ul li:hover > ul {
	display: block;
}

#vnt-header .menutop ul ul li {
	float: none;
	position: relative;
	text-align:left;
	background: #0f0e47 none repeat scroll 0 0;  
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#vnt-header .menutop ul ul li:last-child {	 }
#vnt-header .menutop ul ul li a {
	font-family:UTM_Avo; 
	padding:3px 15px;
	padding-left: 20px;
	line-height:25px;
	color:#ffffff;
	display:block;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	white-space: nowrap;
}
#vnt-header .menutop ul ul li a:hover { 
	font-weight: normal;
	color: #FFFF00;
} 
  
#vnt-header .menutop ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
	padding-top: 0;
}




#vnt-header .menutop li.hSearch{
 position:relative;
}

#vnt-header .menutop li.hSearch.active { 
 position:relative;
}

#vnt-header .menutop li.hSearch .icon_search { 
	background:url(../images/icon_search.png) right no-repeat;
	height:28px; 
	width:20px; 
	cursor:pointer;
	text-indent:-9999px;
}
.menutop .dropdown-search {
	position:absolute;
	width:400px;
	right:0;
	top:45px;
	background:#fff;
	border:#99ca3c solid 2px;
	padding:2px;
	z-index:20;
	display:none;
}
.menutop .dropdown-search .textfiled{
	background:#fff;
	border:#fff;
	font-style:italic;
	padding-left:5px;
	color:#666;
}
.close_mailist{
	position:absolute;
	top:  10px;
	right:10px;
}
.advertise{
	margin-bottom:10px;
}
.cycle_mid{
	width:100%;
	height:300px;
}

.pic_mid{
	width:100%;
	height:300px;
	overflow:hidden;
}
.banner_top{
	position:relative;
}

#buttons #prev2{
 background: url("../images/page_arrow_prev.png") no-repeat ;
  left: 5%;
	width:43px;
	height:43px;
	top:45%;
	position:absolute;
	z-index:10;
}
#buttons #prev2:hover{
 background: url("../images/page_arrow_prev_over.png") no-repeat ;
}
#buttons #next2{
	background: url("../images/page_arrow_next.png") no-repeat ;
  right: 5%;
	width:43px;
	height:43px;
	top:45%;
	position:absolute;
	z-index:10;
}
#buttons #next2:hover{
	background: url("../images/page_arrow_next_over.png") no-repeat ;
}


/*======================== css navation ================================*/
#vnt-navation{
	background:url(../images/bg_navation.gif) bottom repeat-x;
	padding-bottom:2px;
}
.navation{
	max-width:1000px;
	margin:auto;
	padding:10px 0px;
	color:#555555;
	text-align:right;
	text-transform:uppercase;
	font-size:10px;
}
.navation a{
	color:#555555;
	white-space:nowrap;
}
.navation span.home{
	background:url(../images/icon_address.png) 0px -2px no-repeat;
	padding-left:0px;
	padding-right:10px;
	text-indent:-9999px;
}
.navation span.home a{
	text-indent:-9999px;
}
.navation span{
	background:url(../images/icon_navation.png) 0px 3px no-repeat;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.navation .last{
	color:#555555;
}
.navation .last a{
	color:#555555;
}
/*======================== css su dung chung cho trang ================================*/
#vnt-container {
	max-width:1000px;
	margin:0px auto;
	background:#FFFFFF;
}
#vnt-content {
	padding:20px 0px;
}

a.go_top{background: url(../images/gotoTop.png) no-repeat;display:block;position:fixed;z-index:9999;bottom:5px;right:10px;width:40px;height:44px;  }
a.go_top:hover{background: url(../images/gotoTop.png) no-repeat;display:block;position:fixed;z-index:9999;bottom:5px;right:10px;width:40px;height:44px; }


/*------------ css cho footer ------------*/
.bg-footer {
	//background:url(../images/bg_head.png) top;
	background:#0f0e47;
	padding:10px 0px;
	padding-top:15px;
	width:100%;
	position:relative;
	margin-top:-50px;
}
#vnt-footer {
	max-width:1000px;
	margin:0px auto;
}
#vnt-footer .menu_footer { text-align:center}
#vnt-footer .social-network {
	float:left;
}
#vnt-footer .social-network td{
	padding-right:5px;
}
#vnt-footer .copyright {
	text-align:right;
	color:#989898;
	font-size:11px;
	float:right;
}
#vnt-footer .copyright strong{
	text-transform:uppercase;
	color:#9bcb3e;
}
#vnt-social-network { text-align:center; padding:10px 0px;}

/*#vnt-sidebar {
	float:left;
	width:235px;
}
#vnt-main {
	float:right;
	width:745px;
}
 */
 
.form_search{
	background:none;
	border:#999 solid 1px;
	padding:0px 5px;
}
.textfiled_2{
	border:none;
	background:none;
	color:#999;
}
.header_search{
	display:none;
}
#menu{
	display:none;
}
.menu_full_mobile{
	display:none;
	position:fixed;
	top:50px;
	right:0px;
	width:90%;
	z-index:100;
}
.menu_full_mobile li{
}
.menu_full_mobile li a{
	background: none repeat scroll 0 0 #0c0c47;
	border-bottom: 1px solid #0c0c47;
	border-top: 1px solid #fff;
	display:block;
	line-height:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	padding-left:10px;
} 
.menu_full_mobile li a:hover{
	background:#0c0c47;
	color:#333;
}

.module_cont{ display:block; width:100%; position:relative; background:#fff; font-size:0; text-align:center;}
.module_cont .module_box { display:inline-block; width:30%; height:100%; box-sizing:border-box; vertical-align:top; overflow:hidden; border-right:1px solid #f7f7f7; box-sizing:border-box;}
.module_cont .module_box .box_title{ width:100%; height:35%; text-align:center; margin-top:10%; margin-bottom:6.5%; position:relative; z-index:1;}
.module_cont .module_box .box_title .title_logo { display:block; width:21.575%; height:67.8%; margin:0px auto 4%; overflow:hidden; position:relative; box-sizing:border-box;}
.module_cont .module_box .box_title .title_logo img { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease;}
.module_cont .module_box .box_title .title_logo img.img_2 { opacity:0;}
.module_cont .module_box .box_title .title_font {  display:block; text-align:center; font-size:14px; font-weight:bold; line-height:26px; color:#004080; font-family:UTM_Avo; font-style:normal;  }
.module_cont .module_box .box_cont { width:100%; height:48%; z-index:2; position:relative;}
.module_cont .module_box .icon_list { width:92%; height:92%; font-size:0; overflow:hidden; margin:0px auto; position:relative;}
.module_cont .module_box .icon_list .icon_item { display:inline-block; width:23%; height:42.9%; margin:0 1% 4% 1%; vertical-align:top; position:relative;}
.module_cont .module_box .icon_list .icon_item .icon_img { display:block; width:80%; overflow:hidden; border:0px solid #45428d; box-sizing:border-box; border-radius:50%; margin:0px auto 12%;}
.module_cont .module_box .icon_list .icon_item .icon_img img { width:100%; height:100%;}
.module_cont .module_box .icon_list .icon_item .icon_font { display:block; text-align:center; font-size:12px; line-height:14px; color:#100f48; font-family: Tahoma; font-style:normal;}
.module_cont .module_box .icon_list .icon_item .code_em { display:block; width:165px; height:165px; padding:10px; border:2px solid #eb6100; position:absolute; top:-208px; left:50%; margin-left:-92.5px; display:none; opacity:0;background:#fff;}
.module_cont .module_box .icon_list .icon_item .code_em img { width:100%; height:100%;}
.module_cont .module_box .icon_list .icon_item .code_em i { display:block; width:32px; height:16px; background:url(../images/index/code_arrow.png) no-repeat; background-size:100% 100%; position:absolute; bottom:-16px; left:50%; margin-left:-16px;}
.module_cont .module_box .icon_list .icon_item .icon_img:hover { border:1px solid #eb6000;}
.module_cont .module_box .icon_list .icon_part { display:block; width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.module_cont .module_box .icon_list .icon_num { width:100%; text-align:center; position:absolute; top:65%; height:12px;}
.module_cont .module_box .icon_list .icon_num .icon_text { display:inline-block; width:10px; height:10px; border:1px solid #c7c7c7; background:#fff; border-radius:50%; box-sizing:border-box; margin:0 5px; cursor:pointer;}
.module_cont .module_box .icon_list .icon_num .icon_text.cur { border:1px solid #eb6000; background:#eb6000;}
.module_cont .module_box.noflow .icon_list .icon_item:hover .icon_img { border:1px solid #eb6000;}
.module_cont .module_box.noflow .icon_list .icon_item:hover .code_em { display:block; -webkit-animation:opcity .6s linear 0s 1 forwards;-moz-animation:opcity .6s linear 0s 1 forwards;animation:opcity .6s linear 0s 1 forwards; }
.module_cont .module_box.noflow { overflow:visible;}
.module_cont .module_box .icon_list.noflow { overflow:visible;}
.module_cont .module_box .box_cont .ad_box { width:86%; height:75%; font-size:0; overflow:hidden; margin:0px auto; position:relative;}
.module_cont .module_box .box_cont .ad_box .ad_img { display:block; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; font-size:0; display:none;}
.module_cont .module_box .box_cont .ad_box .ad_img span { display:inline-block; width:1px; margin-left:-1px; line-height:100%; height:100%; vertical-align:bottom;}
.module_cont .module_box .box_cont .ad_box .ad_img img { display:inline-block; line-height:100%; vertical-align:bottom; max-width:100%; max-height:100%; }
.module_cont .module_box .box_cont .ad_num { display:block; width:100%; height:7px; position:absolute; bottom:10px; text-align:center;}
.module_cont .module_box .box_cont .ad_num .Text { display:inline-block; width:16px; height:4px; background:#fff; margin:0 2px; vertical-align:bottom; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; cursor:pointer;}
.module_cont .module_box .box_cont .ad_num .Text.cur { height:7px; background:#eb6000;}

.module_cont .module_box:hover .box_title .title_font{ color:#100f48; font-weight:bold;}
.module_cont .module_box:hover .box_title .title_logo .img_1{ opacity:0;}
.module_cont .module_box:hover .box_title .title_logo .img_2{ opacity:1;}



@media (min-width: 980px){
	.mid-content{
		//min-height:500px;
	}
}
@media (max-width: 980px){
	.mid-content{
		min-height:200px;
	}
	
	
	.header_search{
		display:inline;
	}
	#menu{
		display:inline;
	}
	.menutop{
		display:none;
	}
	.clear_2 {clear: both; font-size: 0px; line-height: 0px; height:0;}

	#vnt-header	.logo {width:30%; }
	#vnt-header	.header-tool {float:none; width:100%; text-align:center; margin:auto;  }

	#vnt-header	.header_search {
		float:right;
		text-align:right;
		width:70%;
		padding-top:10px;
	}
	.header-tool{
		position:absolute;
		right:0px;
		top:45px;
	}
}
@media (max-width: 600px){
	#vnt-footer .social-network {
		float:none;
		width:100%;
		text-align:center;
		margin:auto;
		
	}
	
	#vnt-footer .copyright{
		width:100%;
		float:none;
		margin:auto;
		text-align:center;
		padding-top:10px;
	}
	#vnt-header	.header_search {
		padding-top:30px;
	}
	.header-tool{
		position:relative;
		top:0px;
	}
	.module_cont .module_box{
		   
		 width: 100%; 
		height: 100%;
		box-sizing: border-box;
		vertical-align: top;
		overflow: hidden;
		border-right: 1px solid #f7f7f7;
		box-sizing: border-box;
	}
	
	
}
@media screen and (max-width: 770px){
	.col2-left-layout{
		padding:0px !important;
		margin:0px !important;
	}
}
@media screen and (max-width: 480px){
	.fl, .fr{
		float:none;
		width:100% !important;
	}
	.box_mailist{
		padding-top:10px;
	}
	
	/*=== css su dung cho contact_footer ===*/
	.col-xs-6,
	.col-xs-4,
	.col-xs-3{
    width: 100% !important;
	}
}
@media screen and (max-width: 330px){
	#vnt-header	.header-tool .header_member {
		font-size:11px;
	}
}