/* Design css Ngoc Design - Ngocdesign.com - info@ngocdesign.com */
.body {color:#636363;	margin-left: 0px;margin-top: 0px;margin-right: 0px;	margin-bottom: 0px;	line-height:18px; font-family:Arial; font-size:12px; background:url(../images/bg.gif) top left repeat-x}

body {color:#636363;	margin-left: 0px;margin-top: 0px;margin-right: 0px;	margin-bottom: 0px;	line-height:18px; font-family:Arial; font-size:12px; background:url(../images/bg.gif) top left repeat-x}
a {font-family: Arial;font-size: 12px;color: #636363; text-decoration:none}
a link {font-family: Arial;font-size: 12px;color: #636363; text-decoration:none}
a:visited {color: #636363; text-decoration:none}
a:hover {color: #FF3300; text-decoration:none}
a:active {color: #636363; text-decoration:none}

img {border:none}

h1 {color:#ff7409; font-size:25px; padding:0px 0px 10px 0px; margin:0 0px 0 0; font-weight:bold}
*html h1 {color:#ff7409; font-size:25px; padding:0px 0px 20px 0px; margin:0 0px 0 0; font-weight:bold}
*:first-child+html h1 {color:#ff7409; font-size:25px; padding:0px 0px 20px 0px; margin:0 0px 0 0; font-weight:bold}
*html #div_main .div_list_hot {float:right; width:280px; height:320px; background:#71bf44 url(../images/bg_listhot.gif) top repeat-x; margin:0 0 5px 0}

*html #div_main .div_list_hot ul {float:left; width:280px; margin:0 0 0 4px; list-style:none; margin:5px 5px 0 5px; padding:0}
*html #div_main .div_list_hot ul li {float:left; list-style:none; background:url(../images/icon_list_red.gif) 0 10px no-repeat; padding:0 0 0 10px; border-bottom:1px dotted #ccc; width:279px; line-height:23px}

.bold {font-weight:bold}
.more {float:right; margin:5px 10px 0 0; color:White; font-size:12px;}
.more:hover
{
	color:Red;
}
#container {width:994px; margin-left:auto; margin-right:auto;}

#content { height:auto; margin-top:0px; margin-bottom:0px; float:left; background:url(../images/bg1.gif) center; width:994px}

#content_main { width:994px; height:auto; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto;}

#div_main { width:984px; float:left; padding:5px; height:auto; background:url(../images/bg_main.gif) repeat-y}
#div_main .div_show {float:left; width:410px; height:318px; border:1px solid #ccc; margin:0 0 5px 0}
#div_main .div_abounus {float:left; width:255px; height:318px; border:0px solid #5b9400; margin:0 2px 5px 2px; background:#f1ffdb;}
#div_main .div_abounus .title_abounus{float:left; width:255px; height:25px; border:0px solid #5b9400; margin:0; padding:5px 0 0 10px; background:url(../images/titleabountus.gif) no-repeat; color:White; font-weight:bold;}
#div_main .div_abounus .title_abounus:hover{color:Red;}
#div_main .div_list_hot {float:right; width:308px; height:320px; background:url(../images/bg_listhot.gif) top repeat-x; margin:0 0 5px 0}
#div_main .div_list_hot h4 {float:left; width:auto; height:auto; padding:0px 15px; margin:0 0 0 20px; background:#fff; color:red; text-transform:uppercase; font-size:10px}

#div_main .div_list_hot ul {float:left; width:300px; margin:0 0 0 4px; list-style:none; margin:5px 5px 0 5px; padding:0}
#div_main .div_list_hot ul li {float:left; list-style:none; background:url(../images/icon_list_red.gif) 0 10px no-repeat; padding:0 0 0 10px; border-bottom:1px dotted #ccc; width:289px; line-height:23px}

#div_main .div_list_hot ul li a {color:#000; text-decoration:none}
#div_main .div_list_hot ul li a:link {color:#000; text-decoration:none}
#div_main .div_list_hot ul li a:hover {color:#FF6600; text-decoration:none}

#div_main .div_list_hot2 {float:right; display:inherit; position:inherit; width:308px; height:auto; background:url(../images/bg_listhot.gif) top repeat-x; margin:0 0 5px 0}
#div_main .div_list_hot2 h4 {float:left; width:auto; height:auto; padding:0px 15px; margin:0 0 0 20px; background:#fff; color:red; text-transform:uppercase; font-size:10px}

#div_main .div_list_hot2 ul {float:left; width:300px; margin:0 0 0 4px; list-style:none; margin:5px 5px 0 5px; padding:0}
#div_main .div_list_hot2 ul li {float:left; list-style:none; background:url(../images/icon_list_red.gif) 0 10px no-repeat; padding:0 0 0 10px; border-bottom:1px dotted #ccc; width:289px; line-height:23px}

#div_main .div_list_hot2 ul li a {color:#000; text-decoration:none}
#div_main .div_list_hot2 ul li a:link {color:#000; text-decoration:none}
#div_main .div_list_hot2 ul li a:hover {color:#FF6600; text-decoration:none}


.header {background:url(../images/banner_bg.jpg) repeat-x}

.bg_menu_top {background:url(../images/bg_menu_top.gif) top repeat-x; center  no-repeat; height:35px; text-align:center; font-weight:bold; margin:0px 0px; line-height:32px}

.bg_menu_top A:link{ color:#fff; text-decoration:none}
.bg_menu_top A:visited{ color:#fff; text-decoration:none}
.bg_menu_top A:active{ color:#fff; text-decoration:none}
.bg_menu_top A:hover{ color:#386000; text-decoration:none}

.bg_menu_top span.line {margin:0 29px 0 0; padding: 0 42px 0 5px; background:url(../images/bg_line.gif) right center no-repeat}

.bg_menu_top input {font-size:10px; color:#ccc; width:148px; float:right; margin:6px;}

.bg_menu_top img.icon_search {width:16px; height:16px; background:#000; position:absolute; margin:8px 0 0 248px}
.menutop
{
	vertical-align: middle;
	margin: 15px 35px 0 0;
	padding: 0 0 5px 0;
	display: inherit;
	position: inherit;
	float: right;
	text-align: right;
	font-size: 11px;
	font-weight:bold;
}
.lang
{
	vertical-align: middle;
	margin: 0px 45px 0 0;
	padding: 7px 0 0px 0;
	float: right;
	height:25px;
}
.linedot
{
	width:98%;
	border:0;
	border-bottom:1px dotted #CCC;
}
.linehieght
{
	width:5px;
	border:0;
	border-left:1px dotted #CCC;
}

.div1 {float:left; width:329px; height:auto; background:url(../images/bg_div_sp.gif) repeat-y}
.div2 {float:left; width:329px; height:auto; background:url(../images/bg_div_sp.gif) repeat-y; margin:0 0 0 10px}

.div1sub {float:left; width:650px; height:auto; }

.divtt {float:left; width:329px; height:34px; background:url(../images/bg_div_tt.gif) top no-repeat}
.divtt span {float:left; width:auto; height:auto; margin:3px 0 0 10px; font-weight:bold; color:#fff; font-size:13px}
.divtt img {float:right; width:auto; margin:0px 10px 0 0}
.divnd {float:left; width:309px; height:auto; margin:0px 0px 4px 0px; line-height:16px; padding:0 10px; border-bottom:1px solid #ededed}
.divnd h4 {float:left; font-size:12px; font-weight:bold; color:red; padding:0; margin:0 0 5px 0; width:309px}
.divnd h4 a {color:red; text-decoration:none}
.divnd h4 a:hover {color:red; text-decoration:underline}
.divnd img {float:left;padding:2px; margin:0 10px 10px 0; border:1px solid #ccc}


.divttsub {float:left; display:inherit; width:665px; height:34px; background:url(../images/bgsub_div_tt.gif) top no-repeat}
.divttsub span {float:left; width:auto; height:auto; margin:5px 0 0 10px; font-weight:bold; color:#636363; font-size:13px}
.divttsub a {float:left; width:auto; height:auto; margin:5px 0 0 10px; font-weight:bold; color:#636363; font-size:13px}
.divttsub a:hover {color:Red;}
.divttsub .chitiet {float:right; width:auto; margin:5px 5px 0 0;}
.divndsub {float:left; width:470px; height:auto; margin:0px 0px 4px 0px; line-height:16px; padding:0 10px; border-bottom:1px solid #ededed}
.divndsub h4 {float:left; font-size:12px; font-weight:bold; color:red; padding:0; margin:0 0 5px 0; width:470px}
.divndsub h4 a {color:red; text-decoration:none}
.divndsub h4 a:hover {color:red; text-decoration:underline}
.divndsub img {float:left;padding:2px; margin:0 10px 10px 0; width:136px; height:91px; border:1px solid #ccc}
.divttsub .news {float:left; display:block; position:inherit; width:100%; height:150px; margin:3px 0 0 0px; padding:0 0 0 0; font-weight:bold; color:#636363; font-size:13px}
.divttsub .news span{margin:0;}

.divttsub_none {float:left; width:490px; height:34px; background:url(../images/bgsub_div_tt.gif) top no-repeat}
.divttsub_none span {float:left; width:auto; height:auto; margin:3px 0 0 10px; font-weight:bold; color:#fff; font-size:13px}
.divttsub_none img {float:right; width:auto; margin:5px 5px 0 0}
.divndsub_none {float:left; width:643px; display:inherit; position:inherit; height:auto; margin:0px 0px 0px 0px; line-height:18px; padding:0 10px;background:url(../images/bg_nd_none.gif) bottom repeat-x; border-left:1px solid #ddd; border-right:1px solid #ddd}
.divndsub_none h4 {float:left; font-size:12px; font-weight:bold; color:red; padding:0; margin:0 0 5px 0; width:100%;}
.divndsub_none h4 a {color:red; text-decoration:none}
.divndsub_none h4 a:hover {color:red; text-decoration:underline}
.divndsub_none img {float:left;padding:2px; margin:0 10px 10px 0; border:1px solid #ccc}
.divndsub_none img.auto {float:left;padding:2px; margin:0 10px 10px 0; width:462px; height:auto; border:1px solid #ccc}
.div_tinlienquan {float:left; width:100%; height:auto; border-top:1px dotted #ccc; padding:5px 0 0 0}

.divnd_none {float:left; width:307px; height:auto; margin:0px 0px 0px 0px; line-height:16px; padding:0 10px; background:url(../images/bg_nd_none.gif) bottom repeat-x; border-left:1px solid #ddd; border-right:1px solid #ddd}
.divnd_none h4 {float:left; font-size:12px; font-weight:bold; color:red; padding:0; margin:0 0 5px 0; width:auto;}
.divnd_none a {color:red; font-weight:bold; text-decoration:none}
.divnd_none a:hover {color:red; font-weight:bold; text-decoration:underline}
.divnd_none img {float:left;padding:2px; margin:0 10px 10px 0; width:136px; height:91px; border:1px solid #ccc}

.divbt {float:left; width:329px; height:14px; background:url(../images/bg_div_bottom.gif) top no-repeat}
.divsubbt {float:left; width:665px; height:14px; background:url(../images/bgsub_div_bottom.gif) top no-repeat; margin:0 0 0 0; padding:0 0 0 0;}

.NameProduct
{
	color:#636363;
	font-weight:bold;
}
.NameProduct:hover
{
	color:Red;
	font-weight:bold;
	text-decoration:underline;
}

#div_main .div_contact {float:right;height:auto;margin:0 0 5px;width:288px; padding:5px 10px ; border:1px solid #CCC; background:url(../images/bg_contact.jpg) bottom repeat-x; color:#fff}
#div_main .div_contact1 {float:right;height:auto;margin:0 0 5px;width:205px; padding:5px 10px ; border:1px solid #CCC; background:url(../images/bg_contact.jpg) bottom repeat-x; color:#fff}
#div_main .div_contact a {color:#FFFF00; text-decoration:none}
#div_main .div_contact a:hover {color:#fff; text-decoration:underline}

#div_main .support {float:right;height:auto;margin:10px 0 0px 0;width:288px; padding:0px 10px ; background:url(../images/support_bgTitle.jpg) bottom repeat-x; color:#ff0000;}
#div_main .support1 {float:right;height:auto;margin:10px 0 0px 0;width:205px; padding:0px 10px ; background:url(../images/support_bgTitle.jpg) bottom repeat-x; color:#ff0000;}
#div_main .support span
{
	background-color:White;
	padding:0 10px 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
}
#div_main .support1 span
{
	background-color:White;
	padding:0 10px 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
#div_main .titlesearch {float:right;height:auto;margin:2px 0 0px 0;width:288px; padding:5px 10px ; font-size:14px; font-family:Arial; text-transform:uppercase; background:#71bf44; color:White; font-weight:bold;}
#div_main .celsearch {float:right;height:113px;margin:0px 0 0px 0;width:286px; padding:5px 10px; text-align:center; border:1px solid #CCC; border-top:0px; background:url(../images/bg_search.jpg) bottom repeat-x; color:White; font-weight:bold;}
#div_main .celsearch .boxsearch{float:right;height:34px;margin:10px 0 10px 0;width:100%; padding:4px 0px 0 0; background:url(../images/text_search.gif) no-repeat center; color:White; font-weight:bold;}

#div_main .linesupport {float:left;height:auto;margin:0 0 5px 0;width:288px; padding:0px 10px ; display:inherit;}
#div_main .linesupport1 {float:left;height:auto;margin:0 0 5px 0;width:205px; padding:0px 10px ; display:inherit; text-align:center;}

#div_main .linesupport .textSupport {height:auto;margin:50px 0 5px 0;width:138px; padding:5px 0px 0 0; float:left; 
	text-align:justify; 
	text-indent:1px; 
	text-transform:uppercase;
	line-height:17px; 
	font-size:14px; 
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color:#007f3d;
}
#div_main .linesupport .textSupport1 {height:auto;margin:50px 0 5px 0;width:95px; padding:5px 10px 0 0; float:left; 
	text-align:justify; 
	text-indent:1px; 
	text-transform:uppercase;
	line-height:17px; 
	font-size:14px; 
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color:#007f3d;
}


#div_main .div_qc {float:right;height:auto;margin:0 0 5px;width:308px;}
#div_main .div_qc1 {float:right;height:auto;margin:0 0 5px;width:200px;}

#footer {float:left; width:995px ; height:116px; background:url(../images/bg_footer.gif) top no-repeat}
#footer .footer_noidung {float:left; width:650px; margin:11px 5px 0 45px; text-align:left;}
#footer .designby {float:left; width:auto; margin:40px 5px 0 15px; text-align:center;}

.Table {width:303px}
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	float:left;
    height:318px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.center { float:left; width:656px; height:auto; margin:0px 5px;}
.divtigia {float:left; width:260px}
#div_cotleft {float:left; width:210px}
.tt_loai_title {float:left; width:210px; padding:5px 0 5px 2px; line-height:25px; text-transform:uppercase; color:#818285; background:#f6fafb; 
	font-weight:bold; border-bottom:1px solid #fff;
	text-shadow:0 1px 0 white;
	text-align:center;
}
.tt_loai {float:left; width:161px; margin:2px 0 0 0; padding:0 0 0 2px; line-height:25px; text-transform:uppercase; color:#fff;
	font-weight:bold; border-bottom:0px solid #fff;
	-webkit-transition:border-top-color 0.1s ease-in-out, color 0.2s ease-in-out, background 0.2s ease-in-out;
	text-align:center;
	position:inherit;
}
.qcleft {float:left; width:210px; padding:0;}
.qcleft img {width:205px; margin:5px 0 0px 0}
#cotright {float:right; width:310px; height:auto}
#cotright1 {float:right; width:225px; height:auto}
.SubMenu
{
	float:left;
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	display:inherit;
	width:98%;
	border:0px;
	border-bottom:1px dashed  #EBE7D8;
	-webkit-transition:border-top-color 0.2s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.SubMenu:hover
{
	background-color: #f9f9f9;
	color: #EA5353;
}
.menusub
{
	float:left;
	margin:0 0 0 0;
	padding:2px 0 2px 0px;
	display:inherit;
	width:100%;
	height:25px;
	border:0px;
	background:#629D07;
	border-bottom:0px dashed  #EBE7D8;
}
/* menutop */

#nav, #nav ul{
margin:0px 0 0 0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
float:left;
z-index:999
}

#nav a{
display:block;
padding:0px 5px 0 5px;
color:#000;
text-decoration:none;
z-index:999;
line-height:32px;
width:100px;
text-align:left;
}

ul#nav li a{
color:#fff;
font-weight:bold
}

ul#nav li ul li a{
color:#000;
line-height:25px;
border-bottom:1px dotted #ccc;
border-left:1px solid #ccc;
font-weight:normal;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
z-index:999
}

#nav ul {
position:absolute;
display:none;
width:12em;
z-index:999
}

#nav li ul a{
width:150px;
height:auto;
float:left;
z-index:999;
background:#ededed;
text-align:left;
padding:2px 0 2px 5px
}

#nav ul ul{
top:auto;
z-index:999
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
z-index:999
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
z-index:999
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
z-index:999
}


.divndsub_none img.imgauto {width:auto; height:auto; border:none}

.fr {float:right}

.ngonngu {float:right; width:auto; margin:6px 0 0 0}







.popupContentBody table {
	border:1px solid #B0D2E4;
	border-collapse:collapse;
	margin:3px;
	padding:0;
}
.popupContentBody table {
border-collapse:collapse;
}
.popupContentBody th {
background-color:#B0D2E4;
color:#FFFFFF;
font-weight:bold;
}
#cotright .stockmarket
{
	padding:2px 205px 2px 25px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	color:Black;
	border:1px solid #ccc;
}
#cotright .stockmarket:hover
{
	color:Red;
}
