/*
	# Reset defaults ################### 
*/
@import 'reset.css';
a:link, a:visited{text-decoration:none; outline:none;}

/*
	# LAYOUT ################### 
*/
body
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#383838;
	
}
.main_page {width:980px; margin:10px auto; background:url(../images/top_main.png) top left no-repeat; padding-top:20px;}
.midd_page {background:url(../images/midd_main.png) top left repeat-y;}
.bot_page {background:url(../images/bot_main.png) top left no-repeat; height:30px;}
#wrapper 
{
	width:960px;
	margin:0 auto;
	position:relative;
	padding:10px 0 60px;
}

#middle {background:#004682 url(../images/bg_middle.jpg) top left repeat-x;}
.sitebar-2col {width:380px; float:left; }
.mainContent-2col {width:580px; float:right;}
.sitebar-3col {width:240px; float:right; padding-top:4px;}
.mainContent-3col {width:650px; float:left; padding-left:10px;}

.col1 {width:475px; float:left;}
.col2 {width:215px; float:right;}
.cxg {/*background:url(../images/coixaygio.png) top left no-repeat;*/ width:930px; height:200px; position:absolute; bottom:-130px;}
/*
	# HEADING ################### 
*/
h1 {font:normal 18px Arial, Helvetica, sans-serif; color:#252525;}
	h1.head-title {height:40px; padding:0 30px; }
		h1.head-title img {margin-top:12px;}
		h1.head-title div {
	font-size:11px;
	color:#252525;
	float:right;
	margin-top:15px;
}
		h1.head-title div a {color:#252525;}
h2{color:#194273; font:bold 14px Tahoma, Geneva, sans-serif; border-bottom:#e7e7e7 1px solid; margin-left:-20px; padding:18px 0 5px 18px;}
	h2.titlepro {margin-left:-2px; font:normal 18px Arial, Helvetica, sans-serif; color:#0e8ad4;}
h3 {font-size:18px; color:#0a50a0; font-weight:normal; padding-bottom:5px;}
	h3 a {color:#0a50a0;}	
	h3 a:hover {text-decoration:none;}
	h3.htitle {padding:7px 0 0 30px; height:33px;}
		h3.htitle img {margin-top:3px;}
	h3.hsub {border-bottom:#e7e7e7 1px solid; padding:0 0px 0px 10px; height:28px; margin-bottom:5px;}
h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#0a50a0; }
	h4 a {color:#0a50a0;}
	h4 a:hover {text-decoration:none;}
	h4.headcat {border-bottom:#84a7cf 2px solid; padding-bottom:2px; text-transform:uppercase;}
h5 {font-size:12px; color:#313131; font-weight:bold; }
	
h6 {font-size:11px; font-weight:bold; color:#fff; height:28px; margin-left:-5px; padding:9px 0 0 15px; text-transform:uppercase;}
	h6 a {color:#fff;}
	h6 a:hover {text-decoration:none; color:#D5E4ED;}
	h6.hsmall {background:url(../images/bg_head_small.png) 0px 0px no-repeat; width:175px;}
	h6.hbig {background:url(../images/bg_head_big.png) 0px 0px no-repeat; width:279px;}
	* html h6.hsmall {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_head_small.png',sizingMethod='scale');}
	* html h6.hbig {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_head_big.png',sizingMethod='scale');}

/*
	# NAVIGATOR ################### 
*/
.hor-menu {width:940px; height:45px; position:absolute; bottom:15px; left:10px;}
	.hor-menu a {color:#fff; font: bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; display: block;float: left; background:url(../images/left_menu.png) top left no-repeat;line-height: 30px; height:45px; padding-left:5px;}
		.hor-menu a span {float:left; padding:0px 20px 15px 16px; background:url(../images/right_menu.png) top right no-repeat; }
		.hor-menu a:hover, .hor-menu a.act { text-decoration:none; cursor:pointer; background:url(../images/left_menu_act.png) top left no-repeat; color:#fe9800;}
		.hor-menu a:hover span, .hor-menu a.act span {display: block; background:url(../images/right_menu_act.png) top right no-repeat;}


/*
	# HEADER ############################
*/
#header {background:url(../images/bg_header.jpg) top left repeat-x; height:173px;}
.header_inner {background:url(../images/bg_header_inner.jpg) top left no-repeat; width:940px; margin:0 auto; height:173px; position:relative; padding:0 10px;}
#logo {position:absolute; top:5px; left:10px;}
.slogan {position:absolute; top:55px; left:185px;}
.lang { font-size:11px; position:absolute; top:0px; right:10px; width:106px; height:20px; line-height:20px; text-align:center;}
	.lang a {color:#000;}
	.lang img {vertical-align:-2px;}
	.lang a:hover {text-decoration:none;}
.flash {}	

/*
	# FOOTER #########
*/
#footer {clear:both; background:#004682 url(../images/bg_footer.png) top left repeat-x; height:145px;}
a.gotop {font:normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#4397f8; position:absolute; top:14px; right:0px;}
.footer-inner {width:940px; margin:0 auto; font-size:11px; position:relative;}
.bot_banner {background:url(../images/bg_line_bot.png) bottom left no-repeat; width:925px; padding:10px 0 25px; margin-bottom:10px;}
.counter {color:#003a6b; font-weight:bold; text-align:right; position:absolute; right:0px; top:60px;}
	.counter span {background:url(../images/icon_counter.png) left center no-repeat; padding-left:15px;}
	.counter a {color:#003a6b; font-weight:normal;}
.copyright {clear:both; float:left; color:#003a6b; padding-top:10px; width:350px;}
	.copyright a {color:#8c8c8c;}

/*ENTRY*/	
.entry { padding:30px 0; line-height:20px;}
	.entry ul, .entry ol {margin:0 0 15px 35px;}
	.entry ul {list-style-type:disc;}
	.entry ol {list-style-type:decimal;}
	.entry p {margin-bottom:15px;}
	
/*box*/
.above_bg {background:url(../images/above_bg.png) 0px -10px repeat-x;}
.under_bg {background:url(../images/under_bg.png) bottom left repeat-x; padding:10px 9px; min-height:50px; height:auto !important; height:50px;}
.resetpadd {padding:5px 9px;}
.box_vid {background:url(../images/top_video.png) top left no-repeat; padding-top:27px;}
	.mid_box_vid {background:url(../images/midd_video.png) top left repeat-y; padding:0px 11px 0px 13px}
	.bot_box_vid {background:url(../images/bot_video.png) top left no-repeat; height:16px;}

/*.box_about {background:url(../images/top_about.png) top left no-repeat; padding-top:27px;}
	.mid_box_about {background:url(../images/midd_about.png) top left repeat-y; padding:0px 13px 0px 12px}
	.bot_box_about {background:url(../images/bot_about.png) top left no-repeat; height:16px;}*/

.box_news {background:url(../images/box_left_top.png) top left no-repeat;}
	.mid_box_news {background:url(../images/box_left_midd.png) top left repeat-y;}
	.bot_box_news {background:url(../images/box_left_bot.png) top left no-repeat; height:10px;}

.bot_box_about {background:url(../images/about_box_bot.png) bottom left no-repeat; position:relative;}
.about_in {padding:10px 30px 40px; min-height:100px; height:auto !important; height:100px;}
	.minh {padding-bottom:0px; min-height:246px; height:auto !important; height:246px;}
	.bot_box_about a.viewmore {
	position:absolute;
	right:28px;
	width:107px;
	height:20px;
	text-align:center;
	font-size:11px;
	color:#fe9900;
	top: 375px;
}
	.about_in ul {margin-left:-10px;}
	.about_in  ul li {background:url(../images/bullet.png) 0 13px no-repeat; padding:7px 0 7px 14px; border-bottom:#3c3c3c 1px dotted;}
	.about_in  ul li.last {border-bottom:none;}
	.about_in ul li a {color:#3c3c3c; font-weight:bold;}

.box_pro {background:url(../images/box_right_home_top.png) top left no-repeat;}
	.mid_box_pro {background:url(../images/box_right_home_midd.png) top left repeat-y; padding:0px 13px 0px 12px; overflow:hidden;}
	.bot_box_pro {background:url(../images/box_right_home_bot.png) top left no-repeat; height:10px;}

.box_small {background:url(../images/top_partner.png) top left no-repeat; width:240px; padding-top:10px; float:left;}
	.mid_box_small {background:url(../images/midd_partner.png) top left repeat-y; padding:0px 13px 0px 10px; overflow:hidden;}
	.bot_box_small {background:url(../images/bot_partner.png) top left no-repeat; height:10px;}

.box_news_s {background:url(../images/top_news_s.png) top left no-repeat; width:240px; padding-top:70px; float:left;}
	.mid_box_news_s {background:url(../images/midd_news_s.png) top left repeat-y; padding:0px 13px 0px 10px; overflow:hidden;}
	.bot_box_news_s {background:url(../images/bot_news_s.png) top left no-repeat; height:16px;}
.box_support {background:url(../images/top_support.png) top left no-repeat; width:240px; padding-top:70px;}

.page {background:url(../images/header_page.png) top left no-repeat;}
	.midd_page {background:url(../images/midd_page.png) top left repeat-y; padding:0 10px; min-height:100px; height:auto !important; height:100px;}
	.bot_page {background:url(../images/bot_page.png) top left no-repeat; height:15px;}
/*
	# Lists ################### 
*/
.site_bar {margin:0 0 15px 7px;} 
	.site_bar li {background:url(../images/bg_sitebar.png) top left no-repeat; width:191px; height:29px; line-height:30px; padding-left:30px;}
	.site_bar li a {color:#323232;}
	.site_bar li a.cur_pag {font-weight:bold;}

.bot_menu {margin-left:-14px;}
	.bot_menu li {background:url(../images/spre_bot_menu.png) right center no-repeat; padding:9px 14px; float:left;}
	.bot_menu li a {font-size:11px; color:#fff;}

.article_item {padding:15px 0 15px 15px; overflow:hidden; _overflow:visible; _height:1%;}	
	.article_item span.date {color:#0066cc;}
	.article_item div {padding-top:5px;}
	.article_item img {float:left; margin-right:15px; border:#cdcdcd 1px solid; padding:4px; width:185px; height:110px;}
	.article_item a {color:#333333; font-weight:bold;}
	.article_item p.viewmore {padding-top:0px;}

.other-article {padding:10px 10px 5px 10px; list-style-type:none;}
	.other-article li {background:url(../images/arrow.jpg) 0px 10px no-repeat; padding:2px 0 2px 0px;}
	.other-article li a {color:#323232;}

.list_news {}
	.list_news li {padding:15px; overflow:hidden; border-bottom:#e7e7e7 1px solid;}
	.list_news li span {color:#07a0ea;}
	.list_news li a {color:#194273; font:bold 14px Tahoma, Geneva, sans-serif;}
	.list_news li a:hover {text-decoration:none;}
	.list_news li img {float:left; margin:0px 15px 0 0; border:#f0f0f0 3px solid; width:145px; height:73px;}
	
.sp li {padding:6px 0; border-bottom:#333 1px dotted;}
	.sp li.last {border-bottom:none;}
	
.list_thumb {width:315px; float:left; margin-left:17px; }
	.list_thumb li {float:left; width:315px; height:115px; padding:10px 0; overflow:hidden; border-bottom:#e8e8e8 1px solid;}
		.list_thumb li.one {background:url(../images/onepro.gif) 68px 91px no-repeat;}
		.list_thumb li.two {background:url(../images/twopro.gif) 68px 91px no-repeat;}
	.list_thumb li p {padding-top:40px;}
	.list_thumb li a {color:#333;}
	.list_thumb li img {width:100px; height:115px; float:left; margin-right:15px;}


.list-partner {width:360px;}
	.list-partner li {width:101px; height:53px; border:#dcdcdc 1px solid; margin:0 9px 9px 0; float:left;}
	.list-partner li.noneBorder {border:#FFFFFF 1px solid;}
	.list-partner li.last {margin-right:0px;}
	.list-partner li img {width:101px;}

.product {border:#d5e4ed 1px solid; padding:18px 18px 10px 18px;}
.list_pro {/*padding:25px 0 0 10px;*/}
	.list_pro li { width:138px; height:185px; padding-top:5px; position:relative; border-right:#e7e7e7 1px solid; float:left; border-bottom:#e7e7e7 1px solid;}
	.list_pro li.last {border-right:none;}
	.list_pro li div {height:125px; width:138px;overflow:hidden; text-align:center;}
	.list_pro li p {text-align:center;}
	.list_pro li div img {}
	.list_pro li a {color:#333; }
	.list_pro li a.prodetail {position:absolute; bottom:7px; right:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#183ea8;}
	.list_pro li div.detail {width:572px; background-color:#fff; border-bottom:#ebebeb 1px solid; border-left:#ebebeb 1px solid; position:absolute; right:29px; padding-left:40px;}
		.list_pro li div.detail p {font-size:18px; font-weight:normal; padding-top:30px; line-height:25px;}
/*.bgpro li {background:url(../images/bg_pro.png) bottom left repeat-x;}*/
.list-info {}
	.list-info li { padding:2px 0 2px 12px; background:url(../images/arrow.jpg) 0 9px no-repeat;}
	.list-info li.last {border-bottom:none;}
	.list-info li a {font-weight:bold; color:#004b7a; font-size:11px;}
	
/*
	# Images ################### 
*/

img{border:none;}
img.ileft{margin:0 15px 0px 0; float:left;}
img.iright{margin:0 0 0px 15px; float:right;}

/*
	# Links ################### 
*/

a{}
a:hover{text-decoration:underline;}

/*
	# Forms ################### 
*/
form.search {position:absolute; top:61px; right:10px; height:23px; width:240px;}
	form.search label {color:#fff; font:bold 11px Tahoma, Geneva, sans-serif; position:absolute; left:1px; top:5px;}
	form.search input { position:absolute;}
	form.search input.txt {width:145px; right:22px; font:normal 11px Tahoma, Geneva, sans-serif; padding:5px 4px;}
	form.search input.btn {width:19px; height:19px; top:3px; right:3px; cursor:pointer;}
select.sel_link {width: 195px; font:normal 11px Arial, Helvetica, sans-serif; border:#dddddd 1px solid; padding:2px; color:#3291cf;}
input.myform, textarea.myform {border:#ccc 1px solid; padding:3px; font:normal 12px Arial, Helvetica, sans-serif; background:#f9f9f9; width:380px;}
 textarea.myform {width:480px;}
input.mybutton {font:bold 11px Arial, Helvetica, sans-serif;  width:60px; height:20px; color:#333; border:#ccc 1px solid; padding:0px 3px}

div.fieldwrapper{overflow: hidden; padding: 5px 0;}
div.fieldwrapper textarea { border:#7f9db9 1px solid;  font-size:11px; font-family:Arial, Helvetica, sans-serif;}
div.fieldwrapper label.styled{ float: left; width: 70px; margin-right:5px;  text-align:right;}
div.thefield input {border:#7f9db9 1px solid; padding:3px; width:240px;  font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
div.thefield input:focus, div.thefield select:focus, div.thefield textarea:focus {border:#666 1px solid;}
.btn {padding:5px 0 0 20px;}
	.btn input {

			font:normal 11px Tahoma, Geneva, sans-serif;
			color:#333; cursor: pointer; 
			width: auto; 
			background:url(../images/btn_contact.png) top left no-repeat; width:60px; height:21px;
			cursor:pointer;
	}
	
/*
	# Tables ################### 
*/
.tbl_download { border-collapse:collapse; margin-top:-15px;}
	.tbl_download td {border-bottom:#e7e7e7 1px solid; padding:15px 0 5px 17px;}
	.tbl_download td a {color:#0e8ad4;}
	.tbl_download td span {color:#888888;}
.tbl_info {border-collapse:collapse; border-bottom:#e7e7e7 1px solid;}
	.tbl_info td.padd {padding:0 15px;}
	.tbl_info td.desc {padding-top:15px;}
	.tbl_info td.padd a {color:#0e8ad4;}
	.tbl_info td.downinfo {border-top:#e7e7e7 1px solid; padding:15px;}
/*
	# Typography ################### 
*/
/*
	# Other ################### 
*/

.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

.icon-func {text-align:right; margin-top:15px;}
	.icon-func img {vertical-align:middle; margin-right:10px; margin-top:-5px;}
	.icon-func a {font-weight:bold; color:#0A50A0; font-size:11px;}
a.more {float:right; width:105px; height:19px; padding:5px 8px 0 0; background:url(../images/bg_more.png) top left no-repeat; font:bold 11px Arial, Helvetica, sans-serif; color:#393939; text-align:right;}
	a.more:hover {color:#007ecf; text-decoration:none;}
/*
	### SLIDE SHOW ANH ######
*/
.hor-slide {margin:20px 0; width:900px; height:150px; padding:3px 25px 0; position:relative; border:#ccc 1px solid; border-left:none; border-right:none; overflow:hidden;}


/*
	# PHAN TRANG #####################
*/	
.nav_paging {padding:30px 0px 30px; color:#000000;  float:right;  text-align:right; position:relative; z-index:99999;}
	.nav_paging	a {padding:4px 7px; margin:0px 0px 0px 1px; border:1px solid #b3b3b3;  color:#194273; text-decoration:none; font-size:13px;}
	.nav_paging a:hover, .nav_paging a.curent_page {text-decoration:underline;}

/*
	# WEATHER - GOLD - EXCHANGE ######
*/
.exchange {background:url(../images/bg_gold_exchange.png) top left no-repeat; width:320px; height:102px; padding:45px 30px 0px; position:relative; z-index:99999;}
	.exchange span {font:bold 11px Tahoma, Geneva, sans-serif; color:#404040; text-transform:uppercase; position:absolute; top:25px;}
.h_utl {font:bold 11px Verdana, Geneva, sans-serif;color:#173982;height:24px; line-height:24px; padding-left:30px;}
.weather {background:url(../images/icon_weather.png) top left no-repeat; }
.gold {background:url(../images/icon_gold.gif) top left no-repeat;}
.exch {background:url(../images/icon_exchange.gif) top left no-repeat;}
.stock {background:url(../images/icon_stock.png) top left no-repeat;}
.widget {width:283px; float:left; border:#d5d8de 1px solid; padding:0 5px; background:#c8d4da url(../images/bg_weather.png) top left repeat-x; min-height:211px; height:auto !important; height:211px;}
.adv {border:#d5d8de 1px solid; padding:5px; float:right; width:127px; background-color:#fff;}
#divWeather {padding-top:8px;}
.num-wea {width:140px; float:left;}
#img-Do img.img-weather {margin-left:-3px;}
	.info-wea {font-size:12px; float:right; width:130px; margin-top:-5px; border-left:#d5d8de 1px solid; padding-left:10px; line-height:normal;}
	.info-wea span {color:#cdccca; font-style:italic;}
.r1 {border-bottom:#d5d8de 1px solid; padding:5px 0;}
.rr1 {border-bottom:none; padding-bottom:0px;}
.col-exch {width:130px; float:left; border-left:#d5d8de 1px dotted; padding-left:10px;}
.col-gold {width:141px; float:left}
	.col-gold p, .scroll p {font-size:10px; font-style:italic;}
.scroll {height:64px; width:130px; padding-right:9px; overflow-y: auto;overflow-x:hidden;  margin-top:7px; float:right;}
.source {position:absolute; bottom:16px; left:222px; font:italic 10px Tahoma, Geneva, sans-serif;}
table.tbl-rate {border-collapse:collapse;}
	table.tbl-rate td {padding:1px 4px; border:#a8a8a8 1px solid; background-color:#fff; color:#000; font-size:11px;}
.tbl-ck {border-collapse:collapse; margin-top:7px;}
	.tbl-ck td {border:#ccc 1px solid; background-color:#fff; color:#000; font-size:11px; padding:1px 2px 1px 5px;}