@charset "utf-8";
/*=== Copyright © by NhanHoa software - webpakages 2011 All Rights Reserved ===*/
/*============== ResetCSS ================*/
* {margin:0px; padding:0px;}
html , body, div {font-size:12px; margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif;color: #333333;}
table{border-collapse: collapse; border-spacing: 0; width:100%}
ol,ul, ul li {	list-style:none;}
img{ border: none;}
a{color:#005399;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:visited {color:#333;}
input { border:none; background:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal;}
hr { color:#ecebeb;}
.clr:before, .clr:after {display:table; content: "";}
.clr:after { clear: both; }
* html .clr{height: 1%;}
.clr {display: block;}
html[xmlns] .clr { display:block;}
div.textsum { margin:0px !important; padding:0px; text-align:justify; line-height:20px; background:none !important;}
.coppyright {text-align:right; color:#fff; height:20px}
.licence_footer {  background:#fff; height:20px;text-align:right  }
/*============== Body Element ================*/
body { background:#15A9D7 url(../images/graphics/bodybg.jpg) repeat-x top;}
#p2b-container { margin:0px auto; width:960px; position:relative; height:1px;}
/*============== Column Important ================*/
.p2b-header { height:108px; padding:0px 0px; overflow:hidden; clear:both;}
.p2b-feature, .p2b-wrapper, .p2b-footer {background:#fff;}
.p2b-wrapper { padding:10px 0px; margin-top:3px;}
.p2b-leftcol{width:200px;float:left;margin-right:8px;}
.p2b-twocols{width:745px;float:left; margin-bottom:10px;}
.p2b-maincol{width:516px;float:left; border:1px solid #cacaca; padding:1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.p2b-rightcol{width:220px;float:left;}
/*============== Module Important ================*/
.mod-left, .mod-right  { padding-left:8px; margin-bottom:10px; overflow:hidden; clear:both;}
.mod-left h3 span, .mod-right h3 span {background: url(../images/graphics/h3-l.jpg) no-repeat left; height:30px; float:left; padding-left:28px; color:#FFF;}
.mod-left h3, .mod-right h3  {background: url(../images/graphics/h3-r.jpg) no-repeat right; height:30px; color:#262626; font-weight:bold}
.mod-left h3, .mod-right h3 { text-align:center; line-height:28px;}
.mod-left ul, .mod-right ul { border-left:1px solid #0fa4cb; border-right:1px solid #0fa4cb; border-bottom:1px solid #0fa4cb; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
/*============== Header ==========================*/
.co-info { clear:both;height:60px; margin-top:10px;}
.co-name { float:left; margin:25px 0px 0px 10px; font-size:22px; color:#cc0001; font-weight:bold; text-transform:uppercase;text-shadow:1px 1px 1px #cacaca; }
.co-name span { font-size:30px; color:#077598; margin-left:5px;}
a.logo img { float:left; width:auto; height:auto; margin-bottom:5px;}
.search_top { background:url(../images/graphics/search_top.gif) no-repeat right;width:191px; height:25px; position:absolute; margin:5px 0px 5px 760px;}
.search_top input.search_top_text { float:left; width:155px; margin:5px; color:#666; font:italic 11px }
.search_top .search_top_submit { width:20px; height:20px; float:left; cursor:pointer;}
.nav {width:auto; height:38px;clear:both; width:960px;background:url(../images/graphics/mid_nav.jpg) repeat-x; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }

ul.mainnav { height:38px; float:left; padding-left:10px; }
ul.mainnav li {float:left;height:38px;}
ul.mainnav li:last-child { background-image:none;}
ul.mainnav li a { color:#fff;font-weight:bold;padding:0px 20px; line-height:38px; display:block;}
ul.mainnav li a:hover,
ul.mainnav li.active a { background:url(../images/graphics/li_hover.jpg) repeat-x left; text-decoration:none; height:38px;float:left; color:#fff; display:block;}
ul.mainnav li.home a, ul.mainnav li.home a:hover { background:none; padding:0px; margin:0px; border:none; margin-right:8px}
/*==============Sub menu top ==============*/
ul.mainnav li.hover,
ul.mainnav li:hover { position: relative; }
ul.mainnav ul 	{ width: 230px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:9999999; background:#0A88AE }
ul.mainnav li:hover {background:url(../images/graphics/li_hover.jpg) repeat-x }
ul.mainnav li:hover a { color:#fff; background:none;}
ul.mainnav ul li {border-bottom: 1px solid #1596AB; float: none; display:block; background:none; line-height:22px; padding:0;}
ul.mainnav ul li:hover { background:none}
ul.mainnav ul li a	{ color:#069 ;font-weight:normal; display:block; background:none; padding: 0 0 0 10px} 
ul.mainnav ul li a:hover { color:#333; display:block}









.search_top { background:url(../images/graphics/search_top.gif) no-repeat right;  float:right; width:192px; height:25px;}
.search_top input.search_top_text { float:left; width:155px; margin:5px; color:#666; font:italic 11px }
.search_top .search_top_submit { width:20px; height:20px; float:left; cursor:pointer;}
/*============== Feature ================*/
.p2b-feature { padding-bottom:10px; clear:both; overflow:hidden}
.feature-img { width:500px; height:260px; margin:10px auto}
.feature-img  img { width:500px; height:260px; margin:0px auto;}
.feature-info { margin:0px 10px}
.feature-info  h3 a { color:#cc0001; font-size:14px; font-weight:bold; float:none;}
.feature-info a { float:right; font-size:11px;}
/*============== Module Detail [left] ================*/
ul.category { margin:0px;}
ul.category li { clear:both;line-height:26px; padding:0px; border-bottom:1px solid #cacaca;}
ul.category li a {padding:0px 0px 0px 4px; color:#343434; display:inline;background:url(../images/graphics/catlibg.png) no-repeat top; padding-left:23px; display:block; color:#343434;}
ul.category li a:hover {color:#ff3c00}
ul.sub_category { margin:0px; padding:0px; background:#fff; border:none}
ul.sub_category li { font-weight:normal; border:none; padding:0px;display:block; line-height:22px;}
ul.sub_category li a{color:#117098; font-weight:normal;padding: 0px 0px 0px 25px;background: url(../images/icons/dot1.gif) no-repeat 15px 9px; display:block;}
ul.sub_category li a:hover {color:#f00;}
.treeview .hitarea {height: 13px;width: 17px;float: left;cursor:pointer;background:url(../images/icons/hx.png) no-repeat 0px 0px;margin:7px 0px 0px 7px; position:absolute; z-index:999; mar}
.treeview .expandable-hitarea { background-position: -80px -3px;background:url(../images/icons/pul.png) no-repeat 0px 0px;}
/*
ul.category li { height:27px; line-height:26px; clear:both; height:1%;}
ul.category li a {background:url(../images/graphics/catlibg.png) no-repeat ; padding-left:8px; color:#ff5a00;}
ul.category li a:hover { color:#F00}
ul.sub_category { border:none;}
ul.sub_category li { border:none; display:block; line-height:normal; height:1%; margin:0px;}
ul.sub_category li a {background:url(../images/graphics/sublibg.png) no-repeat 12px 10px; color:#0080a5; display:block;padding:5px 0px 5px 23px;}
ul.sub_category li a:hover {background:url(../images/graphics/sublibg.png) no-repeat 12px 10px;} */

ul.support { padding:5px; clear:both; overflow:hidden}
ul.support li {padding:5px 0px; margin-bottom:3px; line-height:16px; font-size:14px;}
ul.support li span {color:#900;}
ul.support li a {}
ul.support li img, ul.support li img.oviyahoo { float:left; margin-right:5px;}
ul.support li.hotline { float:left;}
ul.support li a span {  float:none; color:#195b8e; font-weight:normal; text-align:right}
ul.support li span.number {background: url(../images/icons/phone.gif) no-repeat 0px 2px; margin-left:20px; line-height:26px; padding-left:25px}
ul.linkweb { padding:10px;}
ul.linkweb li {background: url(../images/icons/link.gif) no-repeat 0px 3px; padding:0px 0px 5px 15px; margin-bottom:5px;}
ul.marketinfo { padding:10px}
ul.marketinfo li { padding-left:35px; padding-bottom:15px; line-height:28px;}
ul.marketinfo li.linkweather {background: url(../images/icons/weather.png) no-repeat}
ul.marketinfo li.linkgold {background: url(../images/icons/gold.png) no-repeat}
ul.marketinfo li.linkstock {background: url(../images/icons/stock.png) no-repeat}
ul.marketinfo li.linkmoney {background: url(../images/icons/money.png) no-repeat}
ul.adver-img { text-align:center}
ul.adver-img li a img { width:180px; height:auto;}
ul.adver-img { text-align:center}
ul.adver-img li { padding-top:10px;}
ul.adver-img li a img { width:180px; height:auto;}

/*============== News sum ===========================*/
ul.news-sum li {background: url(../images/icons/dot2.gif) no-repeat 6px 10px; padding:5px 2px 5px 20px;}
/*============== Module Detail [Mid] ================*/
.mod-mid  {}
.mod-mid h3 {background: url(../images/graphics/h3.jpg) no-repeat left; border-bottom:2px solid #0080a5; color:#0080a5; font-weight:bold; line-height:20px; padding-left:20px; padding-bottom:3px;}
.news-list { margin:8px; padding-bottom:5px;clear:both; overflow:hidden; height:1%}
.news-list li { clear:both; overflow:hidden; padding:10px 0px; border-bottom:1px solid #CACACA; height:1%}
.news-list li a { color:#0387ad; font-weight:bold}
.news-list li a:hover { color:#fe0000}
.news-list li img { width:130px; height:100px; float:left; margin-right:10px; border:3px solid #cacaca;}
/*============== Footer ==============================*/
.p1c-footer { height:85px}
.mod-footer { overflow:hidden; clear:both; margin:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#c4e5ff;}
.mod-footer  h2 { background:#59b6fe; height:25px; padding-left:10px; color:#fff; line-height:22px; font-size:14px; font-weight:bold;}
ul.footer-info { margin:10px}
ul.footer-info li { padding-bottom:5px; font-weight:bold;}
ul.footer-info li span { margin-left:5px; font-weight:normal;}