/* Reset */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


@font-face {
	font-family: HongHa;
	src: url("font/uvnhonghahep.eot") /* EOT file for IE */
}
@font-face {
	font-family: HongHa;
	src: url("font/uvnhonghahep.TTF") /* TTF file for CSS3 browsers */
}
/* Default */
html{
	font-size: 100%;
  	-webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body{ 
	margin:0;
	font:normal normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-weight: 700;
  text-rendering: optimizelegibility
}
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small{
  font-weight: 400
}
h1{
	font-size: 30px;line-height: 36px
}
h1 .small{
	font-size:18px;
}
h2{
	font-size: 24px;line-height: 36px
}
h2 .small{
	font-size: 18px;
}
h3{
	font-size: 18px;line-height: 27px
}
h3 .small{
	font-size: 14px;
}
h4,
h5,
h6{
	line-height: 18px;
}
h4{
	font-size: 14px;
}
h4 .small{
	font-size: 12px;
}
h5{
	font-size: 12px;
}
h6{
	font-size: 11px;text-transform: uppercase
}
a:link{
	text-decoration:none;
	color: #0066cc;
}
a:visited{
	text-decoration:none;
	color: #0066cc;
}
a:active,
a:hover{
	text-decoration:none;
	color: #ff4b33
}
code{
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}
img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
strike{
	text-decoration:line-through
}
strong, b{
	font-weight: 700
}
cite,
em,
i{
	font-style: italic
}
big{
	font-size: 131.25%
}
small{
	font-size:70%
}
ins{
	background: #ffc
	text-decoration: none
}
blockquote{
	font-style: italic;
	padding: 0 3em
}
blockquote cite,
blockquote em,
blockquote i{
	font-style: normal
}
pre{
	background: #f7f7f7;	
	font-family: "Courier 10 Pitch", Courier, monospace;color: #222;line-height: 18px;	
	overflow: auto;
	margin-bottom: 18px;padding: 1.5em
}
abbr,
acronym{
	border-bottom: 1px dotted #666;
	cursor: help
}
sup,
sub{
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline
}
sup{
	bottom: -0.25em
}
sub{
	top: -0.5em
}
hr{
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px
}
input[type="text"],
textarea{
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle
}
button,
input {
  *overflow: visible;
  line-height: normal
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield
}
/*	Reuse */
	/* Common */
/*.clearfix {
  *zoom: 1
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}*/
	/* Text element */
.vf_ctn{
}
	.vf_ctn p{
		margin-bottom: 18px;
	}
	.vf_ctn ul{
		list-style: square;
		margin: 0 0 18px 24px
	}
	.vf_ctn ol{
		list-style: decimal;
		margin: 0 0 18px 24px
	}
	.vf_ctn ol ol{
		list-style: upper-alpha
	}
	.vf_ctn ol ol ol{
		list-style: lower-roman
	}
	.vf_ctn ol ol ol ol{
		list-style: lower-alpha
	}
	.vf_ctn ul ul,
	.vf_ctn ol ol,
	.vf_ctn ul ol,
	.vf_ctn ol ul{
		margin-bottom: 0;
	}
	.vf_ctn dl{
		margin: 0 0 24px;
	}
	.vf_ctn dt{
		font-weight: 700;
	}
	/* Block */
.wra{
	margin:0 auto;
	width: 980px;
	position:relative;
}

.b-list-simple > .vf_list > ul > li{
	margin-bottom:15px;
}
	.b-list-simple > .vf_list > ul > li+li{
		padding-top:15px;
		border-top:1px solid #ececec
	}
	
	.b-list-simple > .vf_list > ul > li.clearfix { clear:both}

	.b-list-simple > .vf_list > ul > li > .tit{
		display:block;font-weight:700;
		padding-top:1px;margin:-1px 0 10px
	}
	.b-list-simple > .vf_list > ul > li > .img{
		float:left;display:block;margin:0 10px 10px;width:120px;height:90px;border:2px solid #1351a5
	}
		.b-list-simple > .vf_list > ul > li > .img img{
			width:120px;height:90px
		}
	.b-list-simple > .vf_list > ul > li > .desc{
		font-size:12px;
	}
.b-list-standard > ul > li{
	float:left;
	margin:0 0 6px 20px;
	width:310px
}
.b-list-standard .vf_list > ul > li, .b-list-standard .vf_next > ul > li, .b-list-simple .vf_next > ul > li, .b-list-thumbnail .vf_next >ul > li{
	margin:0 0 6px 20px
}

	.b-list-standard > ul > li > .tit, .b-list-standard .vf_list > ul > li > .tit, .b-list-standard .vf_next > ul > li > .tit, .b-list-simple .vf_next > ul > li > .tit, .b-list-thumbnail .vf_next >ul > li > .tit{
		background: url(img/list-item.png) no-repeat left top;
		color: #000;
		display:block;padding: 0 10px 0 30px;
		min-height:19px
	}
	.b-list-standard > ul > li > .tit:hover, .b-list-standard .vf_list > ul > li > .tit:hover, .b-list-standard .vf_next > ul > li > .tit:hover, .b-list-simple .vf_next > ul > li > .tit:hover, .b-list-thumbnail .vf_next >ul > li > .tit:hover{
		color: #ff4b33
	}
	.b-list-standard > ul > .first-col{
		clear:left
	}
	
	
.b-list-thumbnail > ul > li, .b-list-thumbnail > .vf_list > ul > li, .b-list-thumbnail .vf_cat{
	border-bottom:2px solid #eaeaea;
	float:left;
	margin-left:13px;margin-bottom:16px;padding-bottom:10px
}
.b-list-thumbnail > ul > li, .b-list-thumbnail > .vf_list > ul > li{
	width:155px
}
.b-list-thumbnail .vf_cat{
	width:210px
}
	.b-list-thumbnail > ul > .first-col, .b-list-thumbnail > .vf_list > ul > .first-col, .b-list-thumbnail .vf_cat.first-col{
		clear:left;
		margin-left:0
	}
	.b-list-thumbnail > ul > li > a, .b-list-thumbnail > .vf_list > ul > li a, .b-list-thumbnail .vf_cat a{
		color: #000;
		display:block
	}
	.b-list-thumbnail > ul > li > a:hover, .b-list-thumbnail > .vf_list > ul > li a:hover, .b-list-thumbnail .vf_cat a:hover{
		color: #ff4b33
	}
	.b-list-thumbnail > ul > li > .img, .b-list-thumbnail > .vf_list > ul > li > .img{
		margin-bottom:10px;
		width:120px;height:120px;
		margin-left:auto;margin-right:auto
	}
 .b-list-thumbnail > ul > li > .tit, .b-list-thumbnail > .vf_list > ul > li > .tit{
		text-align:center
	}
	.b-list-thumbnail > ul > li > .tit, .b-list-thumbnail > .vf_list > ul > li > .tit{
		padding:0 5px
	}
.b-box-side{
	background:url(img/box.png) no-repeat top center;
	border-bottom:1px solid #d9d9d9;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;
	padding:1px 0 20px;margin:-1px 0 34px 0
}
	.b-box-side .vf_tit, .b-box-side .vf_btitle{
		color:#0c4ca3;
		font-weight:400;
		margin:24px 15px
	}
	

	/* Element */
.table-style-1{border-collapse: collapse;width:100%}
.table-style-1 td{border: 1px solid #d9d9d9;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72}
.table-style-1 th{color: #666;border: 1px solid #d9d9d9;background:#CAE8EA url(img/bg_header.jpg); height: 34px;padding: 0 20px;font-size:14px;vertical-align:middle;font-weight:700}
.table-style-1 .even td{background-color: #fcfcfc;color: #555}
.table-style-1 td img{max-width: 120px ; max-height: 100px;border: 2px solid #d4d4d4;margin-left:auto;margin-right:auto}

.b-link > .menu > li > a, .b-link > p > a, .b-link > .menu-tab > li > a{
	background: url(img/link.gif);
	color: #02459f
}
.b-link > .menu > li > a:hover, .b-link > p > a:hover, .b-link > .menu > li > a.active, .b-link > p > a.active, .b-link > .menu > li > a.hover, .b-link > .menu-tab > li > a:hover, .b-link > .menu-tab > li.active > a{
	background: url(img/link-blue.gif);
	color: #fff
}
.b-h-blue > .vf_tit,.b-h-blue > .vf_view > .vf_tit,
.b-h-grey > .vf_tit, .b-h-grey > .vf_next > .vf_tit,
.b-h-blue > .vf_btitle,.b-h-blue > .vf_view > .vf_btitle,
.b-h-grey > .vf_btitle,
.b-nav-blue a{
	font-weight:400;font-size:18px;line-height:30px
	
}
.b-h-blue > .vf_tit, .b-h-blue > .vf_view > .vf_tit,
.b-h-grey > .vf_tit, .b-h-grey > .vf_next > .vf_tit,
.b-h-blue > .vf_btitle,.b-h-blue > .vf_view > .vf_btitle,
.b-h-grey > .vf_btitle,
.b-nav-blue{
	padding:0 20px 0 50px;margin-bottom:20px;
	height:30px;
	width:590px;
}


.b-nav-blue a{
	color:#fff
}
.b-nav-blue a:hover{color:#f5f5f5}
.b-nav-blue{
	margin-bottom:20px;
	width:590px
}

.b-h-blue > .vf_tit, .b-h-blue > .vf_view > .vf_tit,
.b-h-blue > .vf_btitle, .b-h-blue > .vf_view > .vf_btitle,
.b-nav-blue{
	background: url(img/title-blue.png) no-repeat;
	color:#fff
}
.b-h-grey > .vf_tit, .b-h-grey > .vf_next > .vf_tit,
.b-h-grey > .vf_btitle{
	background: url(img/title-white.png) no-repeat;
	color:#1b57a8
}
.b-inline-small{
	display:inline-block;
	width:80px
}
.b-inline-x-small{
	display:inline-block;
	width:60px
}
.b-inline-normal{
	display:inline-block;
	width:100px
}

.vf_contact{width:660px;color:#383838}
.vf_contact > h4{margin-bottom:18px;}
.vf_contact fieldset {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	border-bottom: 1px solid #eee
}
.vf_contact fieldset.form-actions {
	margin: 0 0 0 20%;
	padding: 0;
	border: none
	}
.vf_contact fieldset label {
	float: left;
	width: 20%;
	margin: 4px 0 5px 0
}

.vf_contact fieldset .form-text input,
.vf_contact fieldset textarea {
	display: block;
	width: 50%;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px
	}
.vf_contact  fieldset .form-text input:focus {
	border: 1px solid #ccc;
	background: #fff
	}
.vf_contact fieldset textarea {
	height: 150px
}	
.vf_contact input[type="submit"], .vf_contact input[type="reset"] {
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;	
	font-weight: bold;
	border: 1px solid #ccc;
	background: #eee;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px
	}
.vf_contact input[type="submit"]:hover,
.vf_contact input[type="submit"]:focus,
.vf_contact input[type="reset"]:hover,
.vf_contact input[type="reset"]:focus {
	border: 1px solid #bbb;
	background: #e5e5e5
	}
.vf_contact input[type="submit"]:active,
.vf_contact input[type="reset"]:active {
	border: 1px solid #ccc;
	background: #eee
}

.menu-tab{ padding: 0; clear: both; }
	.menu-tab > li { display: inline-block; }
	.menu-tab > li > a {padding: 10px; display:inline-block; border-right: 1px solid #d9d9d9; border-bottom: none;font-weight: bold;}
	.tab-content { 
		border: 1px solid #d9d9d9;-webkit-border-radius: 0 4px 4px 4px;-moz-border-radius: 0 4px 4px 4px;border-radius: 0 4px 4px 4px;
		color:#383838;
		padding: 10px 20px 20px; 
		width: 620px }
	.tab-content p{margin-bottom:18px}
	.tab-content iframe{border:1px solid #d9d9d9}
	


/* Layout */
.content > div,.right > div{float:right;}
.right{padding-top:20px}
.left{padding-top:20px; float:left;}
.content{padding-top:20px}
.main{position:relative; z-index:1; overflow:hidden;}
	/* HDR */
.hdr{
	height: 113px;
	position:relative; z-index:10
}
.logo{
	margin-top:38px;
	float:left;
	min-width:291px;min-height:55px
}
.b-slogan{
	position:absolute;
	top:220px;left:45px;
	z-index:1000;
}
.menu-hdr{
	float:right;
	margin-top:52px	
}
	.menu-hdr .item-lv-0{
			float:left;
			position:relative;
			min-height:39px
		}
			.menu-hdr .item-lv-0 > a{
				border-right:1px solid #e6e6e6;
				font-size:13px;font-weight:700;font-family: "HongHa" ,Arial, Helvetica, sans-serif;line-height:39px;
				text-transform:uppercase;text-align:center;
				display:block;padding:0 7px;
				min-width:54px;height:39px
			}
			.menu-hdr .item-lv-0:first-child > a{
				border-left:1px solid #e6e6e6;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px
			}
			.menu-hdr .item-lv-0.last-child > a{
				-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0
			}
		.menu .item-lv-0 > .sub-menu{
			background: url(img/blank.png);
			display:none;
			position:absolute;top:39px;
			width:190px;
			z-index:2000;
		}
		.menu-hdr .sub-menu .header{
			background: url(img/sub-menu-header.png) no-repeat top center;
			height:17px
		}
		.menu-hdr .sub-menu .body{
			background: url(img/sub-menu-body.png) repeat-y top center
		}
		.menu-hdr .sub-menu .footer{
			background: url(img/sub-menu-footer.png) no-repeat top center;
			height:8px
		}	
		.menu .item-lv-0:hover > .sub-menu{display:block}
			.menu-hdr .item-lv-1 a{
				font-size:11px;color:#686868;
				display:block;
				padding: 5px 11px;margin:0 1px
			}
			.menu-hdr .item-lv-1 a:hover, .menu-hdr .item-lv-1 .active{
				background:#12bef7 url(img/sub-item-blue.gif) repeat-x;
				border:1px solid #0095c6;
				color:#fff
			}
		
	/* Banner */
.banner{
	background-color: #0c4ca3;
	border-top:3px solid #e2e2e2;border-bottom:3px solid #e2e2e2;
	width:100%;height:240px;
	position:relative; z-index:1
}
	.banner li a{display:block;margin:0 auto}
	.banner li img{
		display:block;
		margin:0 auto;
		height:240px
	}
	
	/* Content */
.b-about-us, .b-van-ban-phap-luat, .b-san-pham-tieu-bieu{
	width:660px;
	margin-bottom:20px;
	overflow:hidden
}
.b-van-ban-phap-luat > ul{margin-bottom:10px;}
.b-dich-vu{
	width:240px;
}
	
	.b-dich-vu > ul > li{
		margin:0 11px 19px 11px
	}
	.b-dich-vu > ul > li+li{padding-top:18px;border-top:2px solid #0c4ca3}
	.b-dich-vu .img{
		display:block;
		width:89px;height:64px;
		border:3px solid #1351a5;
		float:right;
		margin:27px -40px 5px 10px
	}
	.b-dich-vu .img img{
		width:100%;max-height:100%
	}
	.b-dich-vu .tit{
		margin:0 -66px 10px 0;
		color:#0c4ca3;
		font-size:12px;text-transform:uppercase
	}
	.b-dich-vu .desc{
		font-size:11px; color:#383838;
		margin-top:3px
	}
.b-tu-van-truc-tuyen, .menu-right{
	width:240px;
}
	.b-tu-van-truc-tuyen > ul, .b-tu-van-truc-tuyen > div, .b-tu-van-truc-tuyen > p{margin:0 11px; line-height:24px}
	.b-tu-van-truc-tuyen > ul > li, .b-tu-van-truc-tuyen > p{margin-bottom:15px}
	
.b-currency{}
.b-currency table{margin:10px 21px; width:198px}
.b-currency th{font-weight:700}
.b-currency td,.b-currency th{text-align:center;padding:5px 0}
.b-currency tr+tr{border-top:1px solid #e4e6e1}
.b-currency tr:first-child td:first-child{color:#e42721;min-width:60px;text-transform:uppercase}
.b-currency tr th:first-child,.b-currency tr td:first-child{text-align:left}	
.b-currency .src{color:#999;font:11px Verdana;margin:0 21px 10px}
	

.menu-right .menu{margin: 0 11px}
	.menu-right .item-lv-1{
		padding:6px 0
	}
	.menu-right .item-lv-1+.item-lv-1{
		border-top:1px solid #ececec
	}
	.menu-right .item-lv-1 > a{
		display:block;font-size:14px; font-weight:700;
		background:url(img/bullet-blue.png) no-repeat left 3px;
		padding-left:25px
	}
	.menu-right .item-lv-1 > a.active,
	.menu-right .item-lv-1 > a:hover{
		background:url(img/bullet-red.png) no-repeat left 3px;
		color:#ff4b33;
	}

.b-article{
	width:660px;
	margin-bottom:20px;
	overflow:hidden
}
	.b-article > .vf_list > .vf_tit{display:none}

.b-article-sp .vf_more,
.b-article-sp .vf_cat_list{display:none}
.b-article-sp .vf_cat .vf_tit{font-size:14px;font-weight:400; text-align:center}
.b-article-sp .vf_cat .img{border:1px solid #d9d9d9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:1px; height:130px;text-align:center}
.b-article-sp .vf_cat .img img{max-width:100%;max-height:100%}


.vf_pag{margin:20px 0;text-align:center}
	.vf_pag a{display:inline-block;padding:5px 7px;margin:0 3px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}

.b-thong-tin-lien-he{width:660px; margin-bottom:20px}

.b-doi-tac{
	border-top:1px solid #d9d9d9;
	width:980px;height:106px;
	float:left;
	margin-top:56px;
	position: relative;
}
.b-doi-tac .vf_tit{font-size:14px; font-weight:bold; text-transform:uppercase; position:absolute; top:-25px;}
	.b-doi-tac li{
		width:163px;
		text-align:center
	}
	.b-doi-tac li img{display:block;max-height:100px}
	


/* Footer */
.ftr{
	width:100%; height:100px;
	border-top:2px solid #d9d9d9;
	font-size:11px;
	position:relative;
}
.ftr a{color:#000}
.ftr a:hover{color: #ff4b33}
	.menu-ftr .menu{
		width:700px; margin:33px 0 0;
		position:absolute; top:0; left:0;
	}
	
	.menu-ftr li:first-child { padding-left:0;}
	
	.menu-ftr .item-lv-0{
		display:inline;
		padding:0 13px;
		min-height:10px
	}
	.menu-ftr .item-lv-0~.item-lv-0{
		background:url(img/list-sep.gif) no-repeat left 50%
	}
	.b-copyright{
		position:absolute; top:60px; left:0;
		width:700px; margin:5px 0 15px;
	}
	
	
.lien-ket-website{position:absolute; top:0; right:0;margin:30px 0 0; width:280px;text-align:right}
.lien-ket-website select{width:194px}
.lien-ket-website option{}
span.customStyleSelectBox { font-size:11px; background-color: #bbdaf7; color:#1b3d92; padding:5px 7px; border:1px solid #378ee5; -moz-border-radius: 5px; -webkit-border-radius: 5px;width:194px;}
span.customStyleSelectBox.changed { background-color: #f0dea4; }
.customStyleSelectBoxInner { background:url(img/canvas-list-nav-item-arrow.gif) no-repeat center right; width:194px }	
	
.b-statics{position:absolute; top:60px; right:0;width:280px; text-align:right}
	
/* etc*/
#vdialogbg, #vdialog, .sendto_b{display:none}