/** * @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("font.css");
@import url("layout_article.css");
body { margin:0 auto; background:#f9fafb}
.clr { clear:both}
/*************** LAYOUT ******************/
#container { width:905px; margin:0 auto}
#left { width:205px; float:left}
#right { width:205px; float:right}
#main {}
#content { padding-bottom:50px}
body.homepage #content { padding-bottom:0px}
#left + #right + #content, #left + #content {margin-left: 265px}
#right + #content {margin-right: 240px}
.blk { position:relative}
/*************** HEADER ******************/
#header { height:101px; background:#f3f3f3; position:relative}
p.language { position:absolute; top:20px; right:40px}
.language a { color:#4a4a4a; font-size:10px; text-transform:uppercase; padding:0 0 0 10px; background:url(../img/bg_lang.jpg) no-repeat left center}
.searchbox { position:absolute; top:15px; background:url(../img/bg_search.jpg) no-repeat; width:175px; height:21px; padding:5px 0 0 5px}
body.vn .searchbox { right:110px;}
body.en .searchbox { right:135px;}
.searchbox input[type=text] { background:none; border:none; width:140px; font-size:11px; color:#6d6d6d}
.searchbox input[type=submit] { background:none; border:none; text-indent:-9999em; cursor:pointer; width:35px; padding:0}
#main-nav { position:absolute; right:40px; bottom:10px;}
body.vn #main-nav ul li { display:inline-block; margin-left:43px}
body.en #main-nav ul li { display:inline-block; margin-left:46px}
#main-nav ul li a { font-size:11px; color:#282828; font-weight:bold; text-transform:uppercase; text-decoration:none}
#main-nav ul li a:hover,#main-nav ul li a.active { color:#0098db}
#slidehome { background:url(../img/bg_banner_home.jpg) no-repeat right top; width:905px !important}
.bannerslide { background:url(../img/bg_banner.jpg) no-repeat right top; width:905px !important}
.sloganhome { position:absolute; z-index:100; top:0; left:0}
.sloganhome img { max-width:896px; max-height:360px}
.slogan { position:absolute; z-index:100; left:0; top:0}
.slogan img { max-width:896px; max-height:264px}
.aboutus { width:150px; height:211px; background:url(../img/bg_aboutus.png) no-repeat; font-size:11px; color:#fff; padding:25px 35px 0 20px; line-height:16px; position:absolute; z-index:100; top:0; left:0}
.aboutus .vf_tit { font-size:14px; text-transform:uppercase; font-weight:normal; margin-bottom:10px}
.subnav { position:absolute; bottom:0; left:0; width:205px; height:160px; z-index:100; background:url(../img/bg_sp.png) no-repeat; line-height:16px}
.subnav a { color:#fff; text-decoration:none}
.subnav .vf_tit {text-transform:uppercase; font-size:14px; color:#fff;padding:30px 0 0 20px}
.subnav ul li a { font-size:11px; background:url(../img/arrow_sp.png) 0 3px no-repeat; padding-left:15px}
.subnav ul { margin:5px 0 0 30px}
.listnav { position:absolute; background:url(../img/bg_aboutus.png); width:205px; height:264px; top:0; left:0; z-index:100}
.listnav ul { padding:90px 25px 0 0}
.listnav ul li { border-bottom:1px solid #7fc2e0; padding:3px 0 3px 30px}
.listnav ul li a { color:#000; text-decoration:none}
.listnav ul li a.active { color:#fff}
.navall { padding:5px 0 15px 0}
.navall span { background:url(../img/bg_intro.jpg) no-repeat; width:4px; height:7px; display:inline-block; margin:0 2px}
.navall ul li { display:inline}
.navall ul li a { font-size:10px; color:#666666}
.navall ul li:last-child a { color:#0098db}
.lh { width:175px; height:179px; position:absolute; left:0; top:0; background:url(../img/bg_aboutus.png); z-index:100; padding:85px 30px 0 0}
.lh .vf_tit { font-size:18px; color:#fff; border-bottom:1px solid #7fc2e0; padding:0 0 5px 30px; margin-bottom:10px}
.lh p { font-size:12px; color:#282828; padding-left:30px; line-height:16px}
/*************** LEFT ******************/
.listmenu { background:#fff; border:1px solid #f2f5f9; min-height:405px}
.listmenu ul { padding:20px 25px 70px 25px}
.listmenu ul li { border-bottom:1px solid #d5d5d5; padding:10px 0}
.listmenu ul li:last-child { border:none}
.listmenu ul li a { color:#282828}
.listmenu ul li a.active { color:#25a0dd}
/*************** RIGHT ******************/
.smtn { background:#fff url(../img/bg_boxright.jpg) repeat-x left top; padding:0 25px 25px 25px; margin-top:110px; border:1px solid #d8d8d8; border-radius:5px}
.smtn .vf_tit, .hadl .vf_tit, .kh .vf_tit { color:#0098db; font-size:12px; text-transform:uppercase; padding:15px 0; font-weight:bold}
.smtn img { vertical-align:top}
.smtn p { font-size:13px; color:#4b4d4f; text-align:justify}
.hadl, .kh{ background:#fff url(../img/bg_boxright.jpg) repeat-x left top; padding:0 25px 10px 25px; margin-top:45px; border:1px solid #d8d8d8; border-radius:5px}
.hadl ul li, .kh ul li { margin-bottom:20px;}
.hadl ul li img, .kh ul li img { width:157px; height:113px}
.hadl .jcarousel-clip, .kh .jcarousel-clip { overflow:hidden; height:250px}
/*************** CONTENT ******************/
.info { font-size:12px; color:#343434; margin-bottom:25px; float:left; width:350px}
.vf_contact { color:#343434; float:left; width:350px}
.vf_contact .report { font-size:12px; color:#343434; margin-bottom:25px}
.vf_contact tr { display:block; margin-bottom:10px;}
.vf_contact tr th { width:65px; font-size:12px}
.vf_contact tr td input[type=text] { background:#ededed; border:none; padding:5px 0; width:270px; font-size:12px}
.vf_contact tr td textarea { background:#ededed; border:none; width:270px; height:145px; font-size:12px}
.vf_contact tr td input#phone, .vf_contact tr td input#fax { width:135px}
.vf_contact input[type=reset] { background:url(../img/reset.png); width:77px; height:27px; border:none; color:#343434; font-size:11px; cursor:pointer}
.vf_contact input[type=submit] { background:url(../img/submit.png); width:87px; height:27px; border:none; color:#ededed; font-size:11px; cursor:pointer; margin-left:5px}
.map { float:right;}
.doitacindex { padding:10px 0; background:#f3f3f3; min-height:50px}
.doitacindex .vf_tit { width:190px; float:left; color:#282828; font-size:14px; text-transform:uppercase; border-right:1px solid #bbbfcd; padding:15px 15px 15px 0; margin-right:30px; text-align:right}
.doitacindex ul { width:640px; overflow:hidden}
.doitacindex ul li .tit { font-size:12px; color:#4e4e4e}
.doitacindex ul li img { width:170px; height:40px; margin-right:20px}
.doitacindex .jcarousel-clip {overflow:hidden; width:600px; padding-top:5px}
.doitacindex .jcarousel-prev{background: url(../img/arrow_left.png) no-repeat; display:block; width:12px; height:14px; cursor:pointer; position:absolute; right:38px; top:15px}
.doitacindex .jcarousel-next{background: url(../img/arrow_right.png) no-repeat; display:block; width:12px; height:14px; cursor:pointer; position:absolute; right:20px; top:15px}
.gtdt .vf_tit { font-size:14px; color:#555555; border-bottom:1px dotted #e8e8e9; padding-bottom:8px; margin-bottom:15px}
/*************** FOOTER ******************/
body.homepage #footerindex { padding:10px 0 0 20px; font-size:10px; color:#282828; background:none; border:none}
#footerindex { padding:5px 0 0 20px; font-size:10px; color:#282828; background:#e3e3e3; border-top:2px solid #cfcfcf; min-height:40px}
.gotop { float:right; padding:5px 20px 0 0}
.gotop a { font-size:10px; color:#919191; background:url(../img/gotop.png) no-repeat left top; padding:3px 0 0 20px; text-decoration:none}
.vf_article .vf_date{color:#97948F; font-size: 12px;}
.vf_article .vf_list .tit{color:#25a0dd}
.vf_article .vf_list li{margin-bottom:20px;clear:after;min-height:80px;}
.vf_article .vf_list li img{float:left;margin-right:10px;width:150px;max-height:100px;display:block;}
.vf_article .vf_next .vf_tit{color:#25a0dd;margin:30px 0 10px;padding-bottom:10px;border-bottom:#999 1px solid}
.vf_article .vf_next ul{list-style-type:circle}
.vf_article .vf_next li{list-style:outside disc;margin-left:17px;margin-bottom:5px;}
.vf_pag{text-align:center;}
.vf_pag .active{color:#25a0dd}
.vf_pag a{padding:3px;}