@charset "utf-8";
*{margin:0; padding:0; outline:0;}img{border:0; vertical-align:middle;} ul{list-style:none;} a { text-decoration:none;}
 .clear {clear: both; float:none; }
body {
	height: 100%;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-align:justify;
	color:#000;
	
}
#container{
	background-color:#f2f2f2;
	width:1000px;
	min-height:500px;
	margin:0 auto;
	position:relative;
}
/*----------------menu top-------------------*/
#box_search{
	width:250px;
	height:23px;
	line-height:23px;
	padding-top:22px;
	float:right;
}
#box_search #keyword{
	background:none;
	border:solid 1px #c7c9cb;
	height:21px;
	width:145px;
	padding-left:4px;
	padding-right:3px;
	float:left;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#box_search #btn_search{
	background:url(../imgs/btn_search.png) no-repeat;
	width:69px;
	height:23px;
	margin-left:9px;
	border:none;
	float:left;
	cursor:pointer;
}
#menu{
	background:url(../imgs/bg_menu.png) repeat-x;
	width:980px;
	margin-left:10px;
	margin-top:3px;
	height:75px;
	padding-bottom:1px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:0 -2px 3px #CCC;
}
#menu img{
	padding-left:20px;
	padding-right:20px;
	float:left;
}
#menu ul{
	float:left;
	padding-top:20px;
}
#menu ul li{
	float:left;
	height:55px;
}
#menu ul li a{
	color:#FFF;
	font-size:14px;
	padding:20px 20px;
	display:block;
}
#menu ul li:hover a{
	color:#82b704;
}
#menu ul li .gach{
	width:2px;
	background-image:url(../imgs/gach.png);
	display:block;
	height:55px;	
}
.ddsmoothmenu ul{
	z-index:100;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
}
/*Top level list items*/
.ddsmoothmenu ul .tch{
	position: relative;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color:#82b704;
}
/*1st sub level menu*/
#menu ul li ul {
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
float:none;
padding:0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#menu ul li ul li{
	display: list-item;
	float: none;
	height:24px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#menu ul li ul li a{
	width: 195px; /*width of sub menus*/
	background-color: #090909;
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #FFF;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#menu ul li ul li a:link, #menu ul li ul li a:visited{
	color: #FFF;
}

#menu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-color: #FFF;
	color:#00548f;
}
#menu ul li ul li a:hover{
	background-color: #FFF;
	color:#00548f;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.sub_hot{
	width:978px;
	height:48px;
	margin-top:4px;
	margin-left:8px;
	background-color:#c2c2c2;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sub_hot .left_sub_hot{
	width:500px;
	padding-left:10px;
	padding-top:8px;
	line-height:18px;
	float:left;
	color:#000;
}
.sub_hot .right_sub_hot{
	text-align:right;
	width:450px;
	padding-top:5px;
	float:right;
	padding-right:10px;
	font-size:18px;
	color:#000;
}
/*-------------------main--------------------------*/
#main{
	margin-top:1px;
}
/*-----------------box left-----------------------*/
#left{
	width:236px;
	float:left;
	height:auto;
	background:#FFF;
	margin-left:10px;
	margin-right:10px;
	box-shadow:0 0 20px #CCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#box_left{
	width:234px;
	margin:1px;
	background-color:#5d9902;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
#title{
	height:58px;
	background:url(../imgs/bg_title.png);
	margin-bottom:2px;
	text-align:center;
	-moz-border-radius-topleft: 5px; /* for Mozilla */
	-webkit-border-top-left-radius: 5px; /* for webkit */
	border-top-left-radius: 5px; /* for Opera */
	-moz-border-radius-topright: 5px; /* for Mozilla */
	-webkit-border-top-right-radius: 5px; /* for webkit */
	border-top-right-radius: 5px; /* for Opera */
}
#title .c_title{
	font-size:18px;
	color:#FFF;	
	line-height:58px;
}
#left_menu ul{
	padding-top:10px;
	padding-bottom:10px;
}
#left_menu ul li{
	border-bottom:1px solid #bfe7a9;
	margin-left:23px;
	margin-right:23px;
}
#left_menu ul li a{
	display:block;
	height:auto;
	padding:8px 4px;
	color:#FFF;
	font-size:14px;
}
#left_menu ul li:hover{
	background-color:#8db74b;
}
#left_menu ul li a:hover {
	color:#FFF;
}
#left_service{
	padding:15px;
}
#left_service p{
	line-height:23px;
}
#left_service p a{
	color:#FFF;
	font-size:14px;
}
#left_service p a:hover{
	color:#000;
}
#support{
	margin-bottom:2px;
	text-align:center;
	padding-bottom:30px;
}
.yahoo{
	padding-top:6px;
	padding-bottom:2px;
	height:20px;
	width:100%;
	text-align:center;
	display:block;	
}
.skype{
	padding-top:6px;
	padding-bottom:2px;
	height:20px;
	width:100%;
	text-align:center;
	display:block;	
}
.hotline{
	padding-top:10px;
	display:block;
	float:left;	
}
.hotline p{
	font-size:14px;
	color:#FFF;
}
/*---------------right------------------*/
#right{
	width:728px;
	float:right;
	height:auto;
	z-index:1;
}

/*---------------product-------------------*/
#state{
	width:701px;
	background-color:#bebebe;
	height:48px;
	line-height:48px;
	padding-left:10px;
	margin-left:3px;
	color:#428301;
	font-size:22px;
	font-weight:bold;
	-moz-border-radius-topleft: 5px; /* for Mozilla */
	-webkit-border-top-left-radius: 5px; /* for webkit */
	border-top-left-radius: 5px; /* for Opera */
	-moz-border-radius-topright: 5px; /* for Mozilla */
	-webkit-border-top-right-radius: 5px; /* for webkit */
	border-top-right-radius: 5px; /* for Opera */
}
#product{
	padding-top:8px;
}
#product li{
	width:319px;
	padding:9px 12px;
	border:solid 1px #FFF;
	background: #FFF url(../imgs/bg_sp.png) no-repeat top center;
	float:left;
	margin-right:14px;
	margin-left:3px;
	margin-bottom:20px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#product li .hi{
	width:319px;
	height:191px;
	display:block;
}
#product li .hi img{
	width:323px;
	height:191px;
}
#product li .ti{
	width:100px;
	padding-top:5px;
	display:block;
	float:left;
	color:#5e9a02;
}
#product li .te{
	width:219px;
	padding-top:5px;
	display:block;
	float:left;
	word-wrap:break-word;
	color:#5e9a02;
}
#product li .te a{
	word-wrap:break-word;
	color:#5e9a02;
}
#product li .te a:hover{
	color:#F00;
}
#product_detail{
	padding-left:3px;
	padding-top:10px;
	padding-bottom:20px;
}
#product_detail .hinhsp{
	float:left;
}
#product_detail .thongtin{
	float:left;
	padding-left:10px;
	width:501px;
}
#product_detail .thongtin p{
	font-size:24px;
	color:#6d6f71;
	font-weight:bold;
}
#product_detail .thongtin a{
	color:#F00;
}
#product_detail .thongtin a:hover{
	color:#5e9a02;
}
#info{
	padding-right:14px;
}
#info_title{
	height:48px;
	line-height:48px;
	width:100%;
	background-color:#bfbfbf;
	border-radius:10px 10px 0 0;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	box-shadow:3px 3px 10px #333;
}
#info_title .c_title{
	font-size:22px;
	font-weight:bold;
	color:#428301;
	padding-left:10px;
}
#info_main{
	width:694px;
	padding:10px;
	background-color:#FFF;
	box-shadow:3px 3px 10px #333;
}




#news_best li{
	padding-bottom:10px;
	padding-right:10px;
	margin-top:10px;
}
#news_best .hinh{
	float:left;
	width:190px;
	height:110px;
	padding:4px;
	border:#116602 1px solid;
	-moz-border-radius: 5px; /* for Mozilla browsers */
	-webkit-border-radius: 5px; /* for webkit browsers (Chrome, Safari) */
	border-radius: 5px; /* for Opera and others */
}
#news_best .hinh img{
	width:190px;
	height:110px;
}
#news_best .chu{
	float:left;
	padding-left:10px;
	width:470px;
}
#news_best .chu a{
	font-size:14px;
	font-weight:bold;
	color:#116602;
}
#news_best .chu a:hover{
	text-decoration:underline;
}
#media li{
	float:left;
	width:210px;
	padding-right:20px;
	margin-bottom:5px;
}
#media li img{
	width:200px;
	height:150px;
	padding:5px;
	border:1px solid #666;	
}
#media li .tieude{
	text-align:center;
	height:30px;
}
#media li .tieude a{
	color:#000;
}
#media li .tieude a:hover{
	color:#F00;
}
/*-------------------------------Slider AND Footer--------------------------------*/
.slider-wrapper{
	width:945px;
	height:244px;
	padding:21px 25px 32px 30px;
	background-image:url(../imgs/bg_sli.png);
}
.nivoSlider {
	position:relative;
	width:945px;
	height:244px;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width:945px;
	height:244px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 945px !important;
	height:244px !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	display:none;
}
.nivo-nextNav {
	right:0px;
	display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	display:none;
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* bx slider logo */
.sli1 {
	width:1000px;
	height:95px;
	position:relative;
	box-shadow:0 0 15px #999;
	margin-top:15px;
}
.sli1 #slider1 {
	width:1000px;
	height:95px;
}
.sli1 #slider1 li {
	float: left;
	width:125px;
	height:95px;
	
}
.sli1 #slider1 img {
	width:114px;
	height:85px;
	padding:5px;
}
/*-------------footer-----------------*/


#footer{
	margin-top:5px;
	font-size:12px;
	width:100%;
	height:102px;
	color:#FFF;
	background:url(../imgs/bg_footer.png);
}
#footer a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
#footer a:hover{
	color:#F00;	
}
#footer .foot_left{
	width:400px;
	float:left;
	text-align:left;	
}
#footer .foot_left img{
	float:left;
}
#footer .foot_left #count{
	width:200px;
	float:left;
	padding-top:32px;
	line-height:20px;
}
#footer .foot_right{
	width:435px;
	height:64px;
	padding-left:10px;
	float:right;
	text-align:left;
	margin-top:19px;
	background:url(../imgs/gach_footer.png) no-repeat left;
}
#footer .foot_right p{
	padding-top:6px;
}
.PageNum{
	float:none; 
	clear:both; 
	min-height:40px;  
	text-align:center; 
	width:100%;
}
.PageNum a{
	background:#fff;
	padding:2px 7px;
	height:17px;
	border:1px solid #ebebeb;
	color:#333;
	margin-right:3px;
}
.PageNum a:hover{color:#202f3d;}
.PageNum span{
	background:#e6e7e7;
	padding:2px 7px;
	height:17px;
	border:1px solid #ebebeb;
	color:#333;
	font-weight:bold;
	margin-right:3px;
}