/**

 * @version		$Id: style.css 3 2012-08-14 11:59 Phu $

 * @package		vFramework.theme

 * @copyright	(C) 2012 Vipcom. All rights reserved.

 * @license		Commercial

 */

@charset "UTF-8";
 @import url("reset.css");
 @import url("grid.css");
 @import url("base.css");
 @import url("form.css");
 @import url("content.css");
 @import url("layout.css");
 @import url("layout_article.css");
 @import url("layout_contact.css");
 @import url("module.css");
 @font-face {
 font-family: Myriad;
 src: url("../font/MyriadPro-Regular.eot")
}
 @font-face {
 font-family: Myriad;
 src: url("../font/myriad.ttf")
}
 @font-face {
 font-family: MyriadCond;
 src: url("../font/MyriadPro-Cond.eot")
}
 @font-face {
 font-family: MyriadCond;
 src: url("../font/myriadprocond.ttf")
}
/* DEFAULT */

body {
	background: url(../img/body.png) repeat-x #fff;
	color: #333
}
a {
	color: #004479;
	text-decoration: none
}
a:hover {
	color: #3a82bc
}

::selection, ::-moz-selection {
 background: #004479;
 color: #fff;
}
/* STRUCTURE */

.container {
	background: url(../img/shadow-col.png) no-repeat center top;
	width: 978px;
	margin: 0 auto;
	padding: 0 9px
}
.wrap {
	width: 978px;
	margin: 0 auto
}
.left-side, .content-side, .right-side {
	float: left
}
.main {
	background: url(../img/gradient-white.png) repeat-x #fff;
	padding: 20px 0
}
/* HDR */

.hdr {
	background: url(../img/hdr.png) repeat-x #fff;
	border-bottom: 3px solid #004479;
	width: 978px;
	height: 110px;
	position: relative;
	z-index: 9999
}
.b-logo {
	width: 400px;
	margin-left: 22px;
	float: left
}
.b-slogan {
	color: #da241b;
	font-family: Myriad;
	font-size: 16px;
	text-align: center;
	width: 450px;
	position: absolute;
	top:10px;
	left:220px
}
.b-logo img,.b-slogan img{display:none;}
.b-search {
	position: absolute;
	top: 34px;
	right: 10px
}
.b-search input[type=submit] {
	background: url(../img/icon-search.png) no-repeat;
	border: 0;
	width: 16px;
	height: 14px;
	margin-left: -20px
}
.b-search input[type=text] {
	color: #999;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 11px;
	width: 140px;
	height: 12px;
	padding: 2px 20px 2px 4px
}
.menu-top {
	padding:5px 7px 0 0;
	float: right
}
.b-lang {
	padding:5px 12px 0 0;
	float: right
}
.b-lang a {
	padding-left: 19px;
	margin-left: 8px
}
.b-lang #vietnamese {
	background: url(../img/lang-vn.png) no-repeat
}
.b-lang #english {
	background: url(../img/lang-en.png) no-repeat
}
.menu-hdr {
	position: absolute;
	bottom: 6px;
	right: 4px
}
/* LEF */
.menu-left {
	background: url(../img/shadow-right.png) no-repeat 100% 0;
	width: 249px;
	margin: 0 0 20px 5px
}
.menu-left>ul, .menu-left>.menu-member, .menu-left>.inner {
	background: url(../img/gradient-white-2.png) repeat-x;
	padding: 12px 0 12px 0;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 238px;
	min-height: 162px
}
.b-tit {
	padding: 0 11px 0 5px
}
.b-contact-info {
	width: 240px;
	padding: 0 11px 20px 5px
}
.b-contact-info ul {
	margin-bottom: 0
}
.b-contact-info .skype, .b-contact-info .yahoo {
	padding: 0 10px
}
.b-about-us {
	float: left;
	width: 346px;
	padding: 0 23px 0 13px
}
.b-about-us .vf_tit, .b-news .vf_tit {
	background: url(../img/grey-line.png) no-repeat left bottom;
	color: #333;
	font-size: 20px;
	font-family: Tahoma;
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 13px
}
.b-news {
	float: left;
	width: 333px
}
.b-news .vf_list .tit, .b-news .vf_list .desc {
	margin-left: 79px
}
.b-partner {
	clear: left;
	width: 700px;
	height: 50px;
	padding-top: 60px;
	margin-left: 15px;
}
.b-partner li {
	display: inline-block;
	width:98px
}
.b-partner li a {
	display: block;
	text-align: center
}
.b-partner li img {
	max-height: 90px;
}
/* P01 */

.b-banner-single {
	border-bottom: 1px solid #fff;
	width: 978px;
	height: 170px
}
.b-banner {
}
.menu-hdr-2 {
	background-color: #004479;
	border-bottom: 1px solid #fff
}
/* P02 */

.b-bread {
	border-left: 1px solid #d3d3d3;
	width: 697px;
	padding:0 12px 25px
}
.b-bread-2 {
	width: 698px;
	padding:0 12px 25px
}
/* P03 */

.b-map {
	border-left: 1px solid #d3d3d3;
	width: 697px;
	padding:0 12px 25px
}
.b-map .map {
	width: 637px;
	height: 380px;
	padding-left: 30px
}
.map iframe {
	border: 0;
	width: 100%;
	height: 100%
}
.b-intro {
	width: 698px;
	padding:0 12px 25px
}
/* P05 */

.b-project {
	width: 952px;
	padding: 0 13px 31px
}
.b-project .vf_tit {
	background: url(../img/grey-line.png) no-repeat left bottom;
	color: #333;
	font-size: 20px;
	font-family: Tahoma;
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 13px
}
.b-project .bx-wrapper{
	margin:0 30px
}
.b-project .bx-wrapper .bx-next{
	background:url(../img/bg_direction_nav.png) no-repeat -30px 0;
	width:30px; height:30px;
	right:-32px;
	
}
.b-project .bx-wrapper .bx-prev{
	background:url(../img/bg_direction_nav.png) no-repeat 0 0;
	width:30px; height:30px;
	left:-32px;
}


.b-project ul li{
	background: url(../img/shadow-frame-small.png) no-repeat;
	display:inline-block;
	width: 178px;
	height: 186px;
	margin: 0 0 20px 0
}
.b-project ul li a{
	display: block
}

.b-project ul li .tit {
	color: #333;
	border-left: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	width: 158px;
	height: 47px;
	padding:6px 5px 0;
	margin-left: 2px
}
.b-project ul li .tit:hover {
	color: #004479
}
.b-project ul li .img {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 158px;
	height: 114px;
	padding: 6px;
	margin: 2px 0 0 2px
}
.b-project ul li .img>img {
	width: 158px;
	height: 114px
}

/* CTN */

.vf_pag {
	text-align: center;
	padding-top: 34px
}
.vf_pag .next, .vf_pag .prev, .vf_pag span {
	display: none
}
.vf_pag a {
	background-color: #ccc;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	margin-left: 5px;
	padding: 2px 8px
}
.vf_pag a:hover, .vf_pag .active {
	background-color: #ccc;
	color: #005fac
}
/* RIG */

.b-video {
	width: 219px;
	height: 157px;
	padding: 0 9px 20px 34px
}
.b-video iframe {
	width: 100%;
	height: 100%
}
.b-hotline {
	background: url(../img/hot-line.png) no-repeat;
	width: 228px;
	min-height: 87px;
	margin: 0 9px 20px 26px;
	position: relative
}
.b-hotline .hot-line {
	position: absolute;
	top: 25px;
	left: 68px
}
.b-hotline .yahoo {
	position: absolute;
	top: 57px;
	left: 36px
}
.b-hotline .skype {
	position: absolute;
	top: 57px;
	left: 116px
}
.b-download-2 {
	background: url(../img/download-2.png) no-repeat;
	width: 211px;
	height: 85px;
	margin: 0 0 0 35px;
	overflow:hidden
}
.b-download-2 ul, .b-download-2 li {
	list-style:none
}
.b-download-2 ul {
	margin:25px 9px 0 80px
}
.b-download-2 li {
	padding: 5px 0
}
.b-download-2 li+li {
	border-top:1px solid #e2e1e1
}
.b-download-2 a {
	font-size: 13px;
	color:#0247c7;
	display: block;
}
.left-side .b-download-2 {
	background: url(../img/download.png) no-repeat;
	margin:0 0 25px 5px;
	width: 238px;
}
/* FTR */

.ftr {
	background: url(../img/ftr.png) no-repeat top center #fff;
	color: #878787;
	border-top: 1px solid #ccc;
	height: 57px
}
.menu-ftr {
	text-align: center;
	padding: 11px 0 10px
}
.b-copyright {
	text-align: center
}