@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; font-weight:bold}
table tr td { margin:0px; padding:0px;}
table tr { text-align:center;}
.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;}
.licence_footer {  background:#fff; height:20px;text-align:right}
/*============== Body Element ================*/
body { background:#65021F url(../images/graphics/bodybg.jpg) repeat-x top;}
#p1a-container { margin:0px auto; width:960px; margin-bottom:5px; clear:both; overflow:hidden}
.p1a-header {padding-top:0px; clear:both; overflow:hidden; height:165px;}
.p1a-feature { height:240px; background:#fff; margin:5px 0px 10px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:2px; clear:both; overflow:hidden}
/*============== Column Important ================*/
.p1a-leftcol{width:200px;float:left;margin-right:10px}
.p1a-twocols{width:750px;float:left;}
.p1a-maincol{width:540px;float:left; margin-right:10px}
.p1a-rightcol{width:200px;float:right;}
/*============== Header ================*/
.co-name { float:left; margin:15px 0px 0px 10px; font-size:22px; color:#fff; font-weight:bold; text-transform:uppercase;text-shadow:2px 2px 2px #333; }
.co-name span { font-size:30px; color:#ffd200; margin-left:5px;}
a.logo img { float:left; width:auto; height:auto; margin:0px 0px 0px 0px}
.search { float:right; clear:both; overflow:hidden;}
ul.mainnav {margin:5px 0px;background: url(../images/graphics/bgmenu.png) no-repeat; height:41px; padding:0px 10px; float:left; width:100%; }
ul.mainnav li { float:left; line-height:34px; border-left:1px solid #d3d2d2;}
ul.mainnav li a:hover {background: url(../images/graphics/navhv.gif) repeat-x; display:block;}
ul.mainnav li a { padding:0px 35px; color:#fff; display:block;}
ul.mainnav li.active a {background: url(../images/graphics/navhv.gif) repeat-x;display:block;}
ul.mainnav li.home a, ul.mainnav li.home { background:none; padding:0px 5px 0px 0px; border:none}
ul.mainnav li.home:hover { background:none}
/*==============Sub menu top ==============*/
ul.mainnav li.hover,
ul.mainnav li:hover { position: relative; }
ul.mainnav ul { width: 230px; visibility: hidden; position: absolute;left: 0; z-index:9999999; clear:both; background:#222223; border-right:1px solid #d3d2d2;}
ul.mainnav li:hover { background:#222223;}
ul.mainnav ul li { border-bottom:1px solid #d3d2d2; line-height:18px; float: none; display:block;}
ul.mainnav ul li a	{ color:#999 ;font-weight:normal; display:block; line-height:30px;background:url(../images/icons/dot2.gif) no-repeat 20px 13px !important; } 
ul.mainnav ul li a:hover { background:none; color:#fff}

.search_top { background:url(../images/graphics/search_top.gif) no-repeat right;width:252px; height:25px; margin:5px 0px 5px 705px;}
.search_top input.search_top_text { float:left; width:220px; margin:5px; color:#666; font:italic 11px }
.search_top .search_top_submit { width:20px; height:20px; float:left; cursor:pointer;}
/*============== Feature ================*/
.feature-img { float:left; margin-right:2px; width:485px;}
.feature-info {background:url(../images/graphics/feature.jpg) no-repeat top;width:465px;float:right}
.feature-info div { margin:10px}
.feature-info h3 {background:url(../images/icons/h3fea.gif) no-repeat left; border-bottom:1px solid #c0a27c; padding:5px 0px 5px 18px; margin-bottom:10px; color:#666; font-size:14px;}
.feature-info h2 a {color:#fe7000; line-height:22px;font-size:14px;}
.feature-info a.adetail { font-size:10px; float:right; margin:10px 0px;}
/*============== Module Block ================*/
.mod-left h1 , .mod-right h3 { color:#fff}

.mod-left, .mod-right, .mod-mid, .p1a-footer, .block-pack {background:#fff;margin-bottom: 10px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; padding:2px; clear:both; overflow:hidden}
.mod-footer { margin:0px;}

.p1a-footer .mod-footer { margin-bottom:5px;}
.mod-left h1, .mod-left h3, .mod-right h1, .mod-right h3 {background: url(../images/graphics/h1.jpg) no-repeat; text-align:center; height:33px; line-height:28px; color:#fff;}
.mod-mid h2 {background: url(../images/graphics/h2.jpg) repeat-x ; text-align:left; height:27px; line-height:25px; padding-left:15px; color:#666; font-size:14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #add0e3; width:97%;}
.mod-left h1, .mod-left h3, .mod-right h1, .mod-right h3{background : url(../images/graphics/h3.jpg) no-repeat; text-align:center; height:33px; line-height:28px; color:#fff}
/*============== Module Detail [left] ================*/
.mod-left ul, .mod-right ul, ul.marketinfo { margin:8px;}
.mod-left ul li a, .mod-right ul li a { display:block; clear:both; overflow:hidden}
.mod-left ul li, .mod-right ul li { display:block; color:#195b8e}
/*============== Module Category ================*/
ul.category { margin:0px;}
ul.category li { clear:both;line-height:24px; padding:0px; background:#e1e1e1; border-bottom:1px solid #fff;}
ul.category li a {padding:0px 0px 0px 5px; color:#195b8e; display:inline; font-weight:bold;}
ul.category li a:hover {color:#ff3c00}
ul.sub_category { margin:0px; padding:0px; background:#fff;}
ul.sub_category li { font-weight:normal; border:none; padding:0px;display:block; background:none; line-height:22px;}
ul.sub_category li a{color:#666; font-weight:normal;padding: 0px 0px 0px 20px; background:url(../images/icons/dot2.gif) no-repeat 10px 10px; display:block;}
ul.sub_category li a:hover {color:#f00;}
.treeview .hitarea {height: 11px;width: 11px;float: left;cursor:pointer;background:url(../images/icons/hx.png) no-repeat 0px 0px;margin:7px 0px 0px 2px;}
.treeview .expandable-hitarea { background-position: -80px -3px;background:url(../images/icons/pul.png) no-repeat 0px 0px;}

ul.support li {background:#e8e8e8;padding:3px 0px 3px 10px; margin-bottom:3px; line-height:16px;}
ul.support li a img, ul.support li a img.oviyahoo { float:left}
ul.support li a span { margin-left:10px; float:none; }
ul.linkweb li {background: url(../images/icons/link.gif) no-repeat 0px 3px; padding:0px 0px 5px 15px; margin-bottom:5px; border-bottom:1px dotted #9b9b9b}
ul.marketinfo li { padding-left:30px; padding-bottom:10px; margin:10px;}
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}
/*============== Module Detail [mid] ================*/
ul.product-gr {overflow: hidden; clear:both; margin:15px 0px 10px 0px; height:1%;}
ul.product-gr li { float:left; text-align:center; width:178px; margin-bottom:10px;}
ul.product-gr li h3, ul.product-gr li h4, ul.product-gr li a { font-size:12px; line-height:18px; border:none  !important; font-weight:normal}
ul.product-gr li h4 { font-weight:bold;}
ul.product-gr li h4 span { color:#F00; font-weight:normal}
ul.product-gr li a img { width:125px; height:120px;}
ul.info-pd { float:left; height:1%}
ul.info-pd li  {background: url(../images/graphics/apd.gif) no-repeat; width:56px; height:14px; float:left;height:1%; margin:2px 10px 10px 17px;}
ul.info-pd li a { display:block; color:#fff;}
ul.product-gr li table { margin-top:5px;}
ul.product-gr li table tr td a {background: url(../images/graphics/apd.gif) no-repeat; width:56px; text-align:center; display:block; font-size:10px; color:#fff; margin-left:15px; padding:0px; line-height:16px;}
ul#block_page {overflow: hidden; clear:both; margin-bottom:10px; margin-right:-5px; }
ul#block_page li {  margin:0px 2px; display:inline;}
ul#block_page li a { border:1px solid #cccccc; display:block;padding:2px 5px;float:left; margin:0px 2px; color:#333;}
ul#block_page li a:hover { border:1px solid #1A8CAE;background-color:#1A8CAE; text-decoration:none; color:#fff;}
ul#block_page li.active { border:1px solid #1A8CAE; display:block;float:left;background-color:#1A8CAE; color:#fff;padding:2px 5px;}
/*============== Module Detail [right] ================*/
.mod-right div div div div  { background:none; padding-left:20px;}
ul.co-operation { margin:5px 2px;}
ul.co-operation li {background: url(../images/icons/dot2.gif) no-repeat 3px 9px; padding: 4px 3px 4px 12px; border-bottom:1px dotted #cacaca;}
ul.co-operation li a { color:#06C}
ul.co-operation li a:hover { color:#F00}
/*============== News group ===========================*/
.news-gr { clear:both; overflow:hidden; margin:10px; border-bottom:1px solid #e1e1e1;}
.news-gr a img { float:left; width:110px; height:100px; border:1px solid #cacaca; margin:5px 10px 10px 0px;}


/*============== Footer ==============================*/
.mod-footer  h2 { background:#269FE4; height:25px; padding-left:10px; color:#fff; line-height:22px; font-size:14px;}
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;}
/*===== Cart list ===================*/
ul.cart_list { clear:both; overflow:hidden;}
ul.cart_list li { color:#333; font-size:11px; height:1%; border-bottom:1px solid #f4dbc3; padding:4px 0px;}
ul.cart_list li span {width:150px;}
ul.cart_list li a { float:right; font-size:10px;}
ul.cart_list li a:hover { color:#F00}
a.sb_cart {background: url(../images/icons/sb_cart.jpg) no-repeat; width:67px; height:17px; margin:0px auto; display:block; text-align:center; font-size:11px; color:#6f3b03; margin-bottom:10px;}
/*===== table_search ===================*/
.table_search { width:90%; margin:0px auto}
.table_search tr td { text-align:left; padding:3px 0px;}
.table_search tr td select,.table_search tr td input[type="text"]  { width:100%; height:20px; font-size:11px; border:1px solid #cacaca}
.table_search tr td input[type="text"] { margin-top:3px;}
.table_search tr td select option { padding:2px 0px;}
.table_search tr td .search_top_submit {background: url("../images/graphics/submit_pd.gif") repeat-x scroll 0 0 transparent;border: 1px solid #3F6F99;border-radius: 3px 3px 3px 3px;color: #FFFFFF;cursor: pointer;display: block;padding: 0px 7px;text-align: center;width: 80px; margin:0px auto;}
/*===== Slider ===================*/
.theme-default #slider img { width:485px; height:240px;}