/***************************************/
/* buttom style */
.btn_org{
	border-radius:5px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: linear-gradient(to bottom, #ffe82f 0%,#ed593b 100%);
	display: inline-block;
	color:#000;
	padding:0 8px;
}


/* style */

a:link, a:visited {
    color:#333;
    text-decoration: none;
}
a:hover{text-decoration:none; color:#6b6b6b;}

caption,th {
	text-align:left;
}


input{ border-radius:3px;  border:1px solid #CCC; color: #8f8f8f; padding:10px; background-color:#FFF;}
select{height:35px; border:1px solid #CCC; color: #8f8f8f; background-color:#FFF;}

.bg10{ padding:0 10px;}
.bg20{ padding:0 20px;}
.bg30{  background-color:#eee; margin-bottom:30px;}
.float_l{ float:left}
.float_r{ float:right}
.line{ border-bottom:1px dotted #CCC; width:100%;}
.t_red{ color:#fc500b;}

.bg_black{ background-color:#000; overflow:hidden;}
/* header */
header{position:fixed; width:100%; z-index:999; top:0;}
#topBar{background-color:#5f0004; padding:0px 20px 10px 20px; width:100%; height:60px;}
#topBar .logo{ display:block; float:left; margin-top:10px; }
#topBar .logo img{ width:126px;}
#topBar .cart{ display:block; float:right; margin:14px 6px 0 0;}
#topBar .cart img{width:40px;}
#topBar .list{ display:block; float:right; margin-top:14px; margin-right:6px;}
#topBar .list img{width:40px;}

#topMenu{height:50px; background-color:#CCC}
#topMenu li{ width:24.85%; height:50px; margin-right:0.2%; float:left;}
#topMenu li:last-child{margin-right:0%;}
#topMenu li a{ 
	display:block; 
	color:#FFF; 
	background: linear-gradient(to bottom, #393634 0%,#393634 50%,#221e1f 51%,#0a0809 100%); 
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:1em;
	
}
#topMenu li a:hover{background: linear-gradient(to bottom, #b7946e 0%,#715744 49%,#543729 51%,#2a100a 100%);}

#srchBox{ padding:5px 15px; width:100%; background-color:#fff; overflow:hidden;}
#srchBox .f_left{ width:50%; float:left; padding-right:6px;}
#srchBox .f_left:last-child{padding-right:0px;}
#srchBox .f_left .kwords{ height:35px; width:100%}
#srchBox .f_left .sel{width:100%;}

/* article */
#typeList{ padding-top:155px;}
.commBox{}
.commBox li{ background-color:#0c0407; margin-bottom:5px; color:#FFF;}
.commBox li .pic{ width:100% }
.commBox .content{ padding:10px 0}
.commBox .title{ font-weight:bold; font-size:1.2em; width:100%; margin:0 auto 10px auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.commBox .title_all{ font-weight:bold; font-size:1.2em; width:100%; margin:0 auto 10px auto;}
.commBox .priceat{ float:left; text-align:right;}
.commBox .priceat .list{ text-decoration:line-through; line-height:18px; font-size:11px;}
.commBox .priceBox{ font-weight:bold; float:left; margin:2px 6px 0px 6px;}
.commBox .t1{ color:#fc500b; font-size:0.8em;}
.commBox .price{font-size:1.3em; font-style: italic;}


.timeBox{ padding:8px 0; font-size:13px; line-height:20px;}
.sales{ color:#fd9b53; font-size:13px; }

article{ padding-top:12px;}
#main{ padding-top:155px;}
#po_main{ padding-top:155px;}
#typeList{ padding-top:155px;}
#path{ padding-top:10px;padding-left:10px; padding-bottom:10px; margin:4px 0 10px 0; color:#727272;}

.login_top{ text-align:center; margin:26px 0 20px 0; letter-spacing:3px;}
.login_top .title{ font-size:24px; font-weight:bold;  color:#3DADAE; line-height:32px;}

.detail_top{ border-bottom:4px solid #eee; margin:6px 0 3px 0;}
.detail_top p{ border-radius:2px 2px 0 0; background-color:#eee; width:250px; margin:0 auto; text-align:center; height:30px; line-height:30px; letter-spacing:2px; }
.detail{ padding-top:15px; line-height:24px; font-size:1em}
.detail .fa{ font-size:1.2em; margin-right:5px; vertical-align:middle; color:#5f0004;}
.detail .title{ color:#5f0004; text-indent:-11px; margin-bottom:10px; }
.detail_note{ font-size:0.9em; padding-bottom:20px;}
.detail_note p{ color:#FFF; background-color:#5f0004; height:32px; line-height:32px; text-align:center; margin:20px 0 8px 0;}
.detail_note li{ margin-bottom:8px; line-height:20px; font-size:14px}


.type_bg{ background-color:#FFF; position:relative; border-radius:2px; padding:40px 24px; color:#000; margin-bottom:30px;}
.type_bg .title{ 
	background-color:#e0c37a; 
	position:absolute; 
	top:-15px;
	left:27%;
	width:45%; 
	height:40px; 
	line-height:40px; 
	margin:0 auto; 
	text-align:center; 
	font-size:1.1em;
	border-radius:2px;
	box-shadow:3px 3px 1px rgba(20%,20%,40%,0.5);
}
.type_bg .box{ padding-left:20px;}
.type_bg .box li{list-style-type: disc; line-height:20px; font-size:14px; color:#333; margin-bottom:5px;}
.type_bg .bold{ font-weight:bold;font-size:15px; color: #000}
.type_bg img{ width:100%;}
.type_bg .t_red{ font-size:18px; font-weight:bold;}
.square{ border:1px solid #999; padding:10px; font-size:13px; line-height:20px; margin:10px 0;}

article .main_left{ float:left; width:729px; }
article .main_right{ float:left; width:218px;}
.page .inner {
    overflow: hidden;
    text-align: right;
    padding: 10px 5px;
    clear: both;
    font-size: 0;
}
.page .current {
    background-color: #5f0004;
    color: #FFF;
}
.page a, .page span, .page strong {
    display: inline-block;
    margin-left: 5px;
    border-width: 1px;
    border-style: solid;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Microsoft Yahei';
    padding: 5px 10px;
}
.page a {
    border: 1px solid #ccc;
    color: #A6A6A6;
    background-color: #fff;
}

#typeList .discount {
    background: url(../images/discount.gif);
    position:absolute;
    width: 105px;
    height: 75px;
    text-align: center;
    margin-top: 7px;
    margin-left: 10px;
}

#typeList .choose
{
	background: url(../images/uch.png);
    position: absolute;
    width: 124px;
    height: 131px;
    text-align: center;
    margin-top: -15px;
    margin-left: -11px;
}

.pic_rwd img{
    width: 100%;
}

.user_box{width:100%;}
.user_box .box{    width: 100%;     display: inline-block;float: left;   padding: 0px 10px 20px 10px;}
.user_box .pic{width:175px; height:110px; text-align:center;}
.user_box dl{ border-bottom:1px solid #ababab; padding-bottom:5px;}
.user_box dt{ text-align:center; line-height:18px; padding:20px 0 5px 0; border-bottom:1px solid #ababab; margin-bottom:10px;}
.user_box .title{ font-size:16px; letter-spacing:2px;}
.user_box dd{ background:url(../images/new_arrow.png) no-repeat;     padding-left: 20px;    background-size: 12px 12px;    background-position: 0 3px;
    margin: 6px 0 6px 12px;}

.mem_area{    border: 1px solid #dcdcdc;    box-shadow: 1px 1px 1px rgba(124, 124, 132, 0.31), 2px 2px 2px rgba(105, 105, 125, 0.56), 3px 3px 6px rgba(88, 88, 95, 0.43);
    padding: 10px;    margin: 0px 10px 20px 10px;}


.mem_box{width:100%;}
.mem_box .box{    width: 100%;     display: inline-block;float: left;   padding: 0px 10px 20px 10px;}
.mem_box .pic{width:175px; height:110px; text-align:center;}
.mem_box dl{ border-bottom:1px solid #ababab; padding-bottom:5px;}
.mem_box dt{ text-align:left; line-height:18px; padding:20px 0 5px 0; border-bottom:1px solid #ababab; margin-bottom:10px;}
.mem_box .title{ font-size:16px; letter-spacing:2px;}
.mem_box dd{ }
.mem_box form{    padding: 10px; }
.mem_box_o{    width: 100%;    margin: 0 auto;    border: 1px solid #dcdcdc;    box-shadow: 1px 1px 1px rgba(124, 124, 132, 0.31), 2px 2px 2px rgba(105, 105, 125, 0.56), 3px 3px 6px rgba(88, 88, 95, 0.43);margin-bottom: 20px;}