/** */
/*==========================================================================
   product css
   ========================================================================== */
/* nav_bar*/
 .nav_bar{
width:100%;
height:32px;
font:12px/32px "Microsoft Yahei","Microsoft Yahei",Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
position:relative;
color:#333333;
}
.nav_bar span{
color:#333333;
}
.nav_bar a,.nav_bar a:visited{
color:#999;
}
.nav_top{
width:100%;
margin-bottom:10px;
}
/* prodcut class*/
.porduct_th{
width:100%; 
border:solid 1px #dedede;
border-bottom:none;
text-indent:20px;
box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
color:#e11320;
background:#f1f1f1;
font:14px/34px "Microsoft Yahei",Arial, Helvetica, sans-serif;
height:34px;
}
.product_class{
width:100%; 
border:solid 1px #dedede;
box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
color:#999999;
font:14px/24px "Microsoft Yahei",Arial, Helvetica, sans-serif;
}
.prodcut_class ul{
list-style: none;
margin:0px; 
padding:0px;
}
.product_class li{
list-style:none;
position:relative;
margin:10px auto;
padding-bottom:10px;
padding-right:10px;
border-bottom:solid 1px #dedede;
}
.product_class li:last-child{
margin-bottom:0px;
border-bottom:none;
}
.product_class li a,.product_class li a:visited{
margin-right:18px;
}
.product_class li div.pror a.checked{
color:#e11320;
}


 
.product_class li span{
position:absolute;
left:0px;
top:0px;
width:97px;
text-align:right;
color:#323232;
float:left;
font-size:16px;
}
.product_class li div.pror{
float:left;
margin-left:110px;
}
 
 
.add_to_cart{
color:#e21421;
font-size:16px;
line-height:40px;
}
.add_to_cart img{
margin-right:5px;
}

.clearfix1{overflow:auto;_height:1%}
@media only screen and (max-width:480px) {
	.tab_desc p, .tab_desc1 p{
	width:60%;
}
	.add_to_cart{
	font-size:14px;
}
}
@media only screen and (max-width:360px) {
	.tab_desc p, .tab_desc1 p{
	display:none;
}

}
/* qubie*/
.price-box-add{
padding:10px;
width:100%;
}
.products-grid .product-image {
  margin-bottom: 0px;
}
.category-products ul li{
	margin-left:0;
	border:solid 1px #dedede;
	boder-bottom:0px;
}
/* fy */
.fy{
width:100%;
font:12px/32px "Microsoft Yahei",Arial, Helvetica, sans-serif;
position:relative;
margin:0px;
padding:0px;	
}
.fy a,.fy a:visited{
width:30px;
height:30px;
background:#fef3f3;
color:#e51919;
text-align:center;
display:inline-block;
margin-right:10px;
position:relative;
float:left;
}
.fy a:hover{
background:#e51919;
color:#fff;
}
.fy a.activity{
background:#e51919;
color:#fff;
}
.fy p{float:left; padding:0px 10px 0 0;}
/* create an arrow that points left */
.fy div.arrow-left {
width: 0; 
height: 0; 
border-bottom: 5px solid transparent; /* left arrow slant */
border-top: 5px solid transparent; /* right arrow slant */
border-right: 5px solid #b50909; /* bottom, add background color here */
font-size: 0;
line-height: 0;
}
/* create an arrow that points right */
.fy div.arrow-right {
position:absolute;
top:10px;
left:12px;
width: 0; 
height: 0; 
border-bottom: 5px solid transparent; /* left arrow slant */
border-top: 5px solid transparent; /* right arrow slant */
border-left: 5px solid #b50909; /* bottom, add background color here */
font-size: 0;
line-height: 0;
}


.single_grid{
margin:0px auto 0px;
}
.images_3_of_2 {
  width: 40%;
  float: left;
  margin-right: 2.6%;
}
.span_3_of_2 {
  width: 57.4%;
}
.desc1 {display: block;float: left;}
.desc1 h1{color:#262626; font:26px/32px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.desc1 .Subtitle{color:#e21421; font-size:16px;}
.desc1 p{height:30px; line-height:18px; color:#868686; font-size:14px;}
.desc1 p span{color:#e11320;}
.desc1 p.rxx{height:90px; line-height:18px; color:#868686; overflow:hidden;}
.desc1 p.price_dzi{font:26px/26px "Microsoft Yahei",Arial, Helvetica, sans-serif; height:50px;}
.desc1 p span.item_price{color:#e11320;}
.desc1 p.old_price{font:14px/20px "Microsoft Yahei",Arial, Helvetica, sans-serif; margin-top:15px; text-decoration:line-through;}
.desc1 p input.suninp{width:46px; height:38px; text-align:center; color:#868686; margin-left:10px;}
.desc1 p a.desc1btn{background:#e21321; height:36px; padding:0px 15px; color:#fff; display:inline-block; text-align:center; line-height:36px; margin-top:26px; margin-right:15px;}

.desc1btnX {background:#e21321; height:36px; padding:0px 15px; color:#fff; display:inline-block; text-align:center; line-height:36px; margin-top:26px; margin-right:15px; border:0;
}


/* des */
.ms_k .ms_tit{height:36px; width:100%; font:400 14px/36px "Microsoft Yahei",Arial, Helvetica, sans-serif;  margin-bottom:3px;}
.ms_k .ms_tit p.ms_biao{color:#000; display:inline-block; background:#eeeeee;}
.ms_k .ms_tit p.ms_biao a,.ms_k .ms_tit p.ms_biao a:visited{color:#000; display:block; height:36px; padding:0px 18px;}
.ms_k .ms_tit p.ms_biao_hover{color:#fff; background:#e21321}
.ms_k .ms_tit p.ms_biao_hover a,.ms_k .ms_tit p.ms_biao_hover a:visited{color:#fff;}
.ms_k .des_info{width:100%; background:#f8f8f8;color:#636363;}
.ms_k .des_info ul{padding:10px 0px;}
.ms_k .des_info ul li{width:25%; float:left; height:20px; font:12px/20px "Microsoft Yahei",Arial, Helvetica, sans-serif; text-indent:20px; margin-bottom:10px;}
.ms_k .des_info ul li span{color:#636363;}
.ms_k .des_pic{width:80%; margin:20px auto;}
.ms_k .des_pic img{max-width:100%; display:block; margin-bottom:20px;}

.ms_k .view{width:100%; margin:10px auto; font-size:12px;}
.ms_k .view_l{width:8%; float:left;}
.ms_k .view_r{width:90%; float:right; background:#f8f8f8; padding:1%;}
.ms_k .view_r p{margin-bottom:10px;}
.ms_k .view_r p span{color:#636363;}

/* Recommended Products */
.recpro{
padding:20px;
border:solid 1px #e8e8e8;
}
.recpro h3{
font-size:14px;
color:#e11320;
}
,recpro ul{}
.recpro ul li{
width:10%;
float:left;
overflow:hidden;
margin-right:1%;
margin-bottom:1%;
line-height:18px;
font-size:12px;
}
.recpro ul li:last-child{
margin-right:0%;
}
.recpro ul li img{
margin-bottom:6px;
}

@media only screen and (max-width: 987px) {
.images_3_of_2 {
  width: 100%;
  float: left;
  margin-right: 2.6%;
}
.span_3_of_2 {
  width: 100%;
}
.single_grid{
margin:0px auto 40px;
}
.ms_k .des_info ul li{width:100%; float:left; height:20px; font:12px/20px "Microsoft Yahei",Arial, Helvetica, sans-serif; text-indent:20px; margin-bottom:10px;}
.ms_k .view_l{width:15%;}
.ms_k .view_r{width:80%; padding:1%;}
.recpro ul li{
width:19%;
float:left;
margin-right:1%;
}

}
@media only screen and (max-width:480px) {
.desc1 p.price_dzi{font:26px/60px "Microsoft Yahei",Arial, Helvetica, sans-serif; line-height:60px; height:60px; overflow:hidden;}
.desc1 p small{dispaly:none;}
.recpro ul li{
width:46%;
float:left;
margin-right:2%;
margin-bottom:2%;
}
}


/* 关于我们aboutu us*/
.aboutus{margin:25px auto; width:100%;}
.aboutus_l{width:20%; float:left; position:relative;}
.aboutus_l .abol_list{width:100%; padding-top:32px;}
.aboutus_l .abol_list p{width:100%; height:44px; display:block; font:20px/44px "Microsoft Yahei",Arial, Helvetica, sans-serif; color:#fff;  background:#e11320 url(../images/abol_bg.jpg) no-repeat top right; position:absolute; top:-12px; text-indent:18px;}
.aboutus_l .abol_list ul{}
.aboutus_l .abol_list ul li{width:100%; height:48px; font:16px/48px "Microsoft Yahei",Arial, Helvetica, sans-serif; color:#000000; border-bottom:solid 1px #d4d4d4;}
.aboutus_l .abol_list ul li a,.aboutus_l .abol_list ul li a:visited{display:block; background:url(../images/abol_tl.png) no-repeat center left; padding-left:48px;}
.aboutus_l .abol_list ul li a:hover{background:#ffd4d7 url(../images/abol_tl.png) no-repeat center left; padding-left:48px;}
.aboutus_l .abol_list ul li a.active{background:#ffd4d7 url(../images/abol_tl.png) no-repeat center left; padding-left:48px;}
.aboutus_l .abol_list ul li span{padding-right:26px; float:right; color:#9d9998; font-size:16px;}
.aboutus_r{width:78%; float:right;}
.aboutus_r .abor_tit{width:100%; height:33px; border:solid 1px #e5e5e5; position:relative; margin-bottom:20px;}
.aboutus_r .abor_tit span{width:132px; height:44px; background:#e11320; position:absolute; display:block; color:#fff; text-align:center; left:8px; bottom:0px; font:20px/44px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.aboutus_r h4{color:#0b0b0b; font:34px/82px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.aboutus_r p{color:#403c3d; font:20px/34px "Microsoft Yahei",Arial, Helvetica, sans-serif;}

.contact{width:100%; margin:28px auto;}
.contact h3{width:100%; height:40px;  font:20px/40px "Microsoft Yahei",Arial, Helvetica, sans-serif; color:#000; background:#dadada; text-indent:16px; margin:0px;}
.contact  p{width:100%; height:110px; display:block; font:16px/20px "Microsoft Yahei",Arial, Helvetica, sans-serif; color:#000; padding:16px; border:solid 1px #dcdcdc; border-top:none; }
.contact  p span{font-size:30px; font-weight:bold; color:#e11320; margin-top:16px; display:block; line-height:26px;}
@media only screen and (max-width: 987px) {
.aboutus_l{width:100%; float:none;}
.aboutus_r{width:100%; float:none;}
.aboutus_r h4{font:22px/40px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.aboutus_r p{font:14px/26px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
}