@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
body{
font-size:14px;
font-family:Arial,tahoma, Helvetica;
background:#8A4D01 url(../images/bg_body.png) top center repeat-x;
}
a{
	text-decoration:none; color:#000;
}
a:hover{
color:#F00;	
}
img{ border:none;}
a:hover{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
}
div:hover{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.button{
background:#FFCC00;
border:none;
cursor:pointer;
color:#FFF;
font-weight:bold;
padding:2px 5px 2px 5px;
margin:5px;	
}
#wrapper{
 margin:0 auto;
 width:1000px;
 min-height:800px;
 background:#fff;
}
#header{
 float:left;
 height:190px;
 width:1000px;
 position:relative;
}
.wrapper_content{
	width:1000px;
	min-height:200px;
	float:left;
	margin-top:5px;
	
	}
@font-face
{
font-family: myfont;
src: url('a.ttf'),
     url('a.eot'); /* IE9 */
}


.wrapper_left{ width:220px; float:left; min-height:500px; margin-left:5px;}
.block{ width:220px; float:left; background:#F1F1F1;}
.block .title{ width:210px; font-size:18px; background:url(../images/pg_title1.png) repeat; color:#fff; font-weight:bold; padding:0px 5px; display:block; height:35px; line-height:35px; float:left;}

.block .navi_left{ width:210px; margin-left:5px; margin-top:5px; margin-bottom:5px; float:left;}
.block .navi_left >li{ list-style-type:none;  border-bottom:1px solid #ccc; }
.block .navi_left >li >a{ display:block;width:100%; padding:5px 0px;}
.block .navi_left >li >a:hover{ background:#A8630C; color:#fff; }

.block .navi_left >li >ul{  margin-left:25px;}
.block .navi_left >li >ul >li{ line-height:25px; border-bottom:1px solid #ccc;}
.block .navi_left >li >ul >li:last-child{ border-bottom:none;}

.content_right{width: 760px;
float: left;
min-height: 200px;
margin-left: 10px;}


.wrapper_slider{ width:100%; height:300px; margin-bottom:5px;}
.title_content_right{ width:760px; height:27px; float:left; border-bottom:3px solid #AB650C}
.title_content_right span{ font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:27px; padding-left:5px;
 background:url(../images/pg_title.png) right center no-repeat,url(../images/pg_title1.png) repeat-x; line-height:27px; display:block; float:left; padding-right:50px;}

.content_products{ width:760px; float:left; min-height:200px; display: block;}

.content_products.display-flex{display: flex; flex-wrap: wrap; }

.mod_products{ width: 242px;
/*height: 302px;*/
height:auto;
float: left;
margin: 5px;}

.mod_products img{width: 240px;
margin: 5px;
/*height: 240px;*/
height:200px;
}



.navi_top{ 
width: 985px;
height: 40px;
padding-left: 15px;
margin-top: 5px;
background: url(../images/bg_mtop.png) top center repeat-x;
}
/*.navi_top >ul li{ display: inline-block; background:url(../images/bg_top_1.png) left center no-repeat,url(../images/bg_top_2.png) repeat-x,url(../images/bg_top_3.png) right center no-repeat; list-style-type:none; color:#fff; line-height:30px; float:left; padding:0px 29px;text-transform:uppercase}*/
.navi_top >ul li{ display: inline-block; list-style-type:none; color:#fff; line-height:30px; float:left; padding:0px 29px;text-transform:uppercase}
.navi_top >ul >li >a{ color:#fff; margin-left:5px; font-size:13px; font-weight:bold;}
.navi_top >ul >li >a >img{ display:block; float:left;}
.navi_top >ul >li >a:hover{ color:#FF0}
.cls_home{ display: block;
width: 42px;
float: left;
line-height: 19px;
margin-left: 3px; }

.block_tk{ width:240px; background:#fff url(../images/bg_thongke.png) left center no-repeat; float:left; height:36px; margin-top:5px;position:relative}
.block_tk span:nth-child(1){ color:#F00; top:0px; position:absolute; left:100px; font-weight:bold;}
.block_tk span:nth-child(2){color: #F00;
top: 21px;
position: absolute;
left: 79px;
font-weight: bold;}

.product_left{ width:220px; display:block; margin-bottom:5px; float:left; background:#fff; height:190px; position:relative;}
.product_left >a >img{width: 221px;
height: 190px;
margin-left: 0px;}
.product_left >span{ width:220px; height:35px; background:rgba(10, 10, 10, 0.29); display:block; position:absolute; bottom:0px;}
.product_left >span >a{ color:#fff; display:block; font-size:16px; font-weight:bold; line-height:35px; text-align:center;    height: 35px;
    overflow: hidden;}

.search{ width: 232px !important;
height: 35px;
background: #ccc;
float: right;
margin-left: -57px;
background:url(../images/bg_search.png) left center no-repeat;
}
.keyword{ line-height:22px; height:22px; margin-left:51px; border:none; margin-top:5px; }

.frm_contact input{ height:25px; line-height:25px; margin-bottom:5px;}

.name_product{ background: #F1F1F1;
display: inline-block;
width: 231px;
margin-left: 5px;
height: auto;
padding: 5px;}
.name_product >a{ color:#D27602; font-weight:bold; display:block;float:left; width:240px;}

.pice{ display:block; margin-top:5px; float:left;}
.pice >span{ color:#f00;}
.product_detail img{  margin-right:10px}
.a_detail > img{
	float: left;
}
.detail{}
.detail >ul >li >h1 {font-size:18px; color:#093}
.detail >ul >li{ list-style-type:none;}

.wrapper_footer{ width:990px; padding:5px; min-height:100px; background:#fff; float:left; border-top:2px solid #f1f1f1; margin-top:10px; padding-top:5px; background:url(../images/pg_title1.png) repeat}
.list_item_order >li{ list-style-type:none; display:block; margin-top:3px; }
.list_item_order >li >a{ color:#D27602}

.main_news li{ list-style-type:none; float:left; border-bottom:1px solid #D27602; padding:3px; width:753px;}
.main_news li >img{ float:left; margin:3px;}
.main_news li >h2{ font-size:14px; color:#D27602}

.phantrang a{ padding:0px 5px; background:#A8630C; color:#fff}
.phantrang span{ background:#f00; padding:0px 5px; color:#fff;}