@charset "utf-8";
/*------------------------------------------------------------
	SEARCH css
------------------------------------------------------------*/

#hdMenu{ display:none;}

.searchTbl{
	width:100%;
	color:#333;
}

.searchTbl th{
	width:70px;
	text-align:left;
	padding:18px 10px 10px;
	font-size:125%;	
	line-height:20px;
	font-weight:bold;
	vertical-align:top;
	border-bottom:1px solid #ccc;
}

.searchTbl .wid1{ width:90px;}
.searchTbl .wid2{
	width:30px;
	text-align:center;
}

.searchTbl td{
	padding:10px;
	vertical-align:middle;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

.input{
	width:100%;
	height:36px;
	padding:0 5px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.trigger{
	display:block;
	color:#666;
	padding:8px 20px 8px 0;
	font-size:134%;
	line-height:20px;
	background:url(../img/icon-arrow.png) no-repeat right 50%;
	background-size:15px 20px;
}

.list{
	letter-spacing:-0.4em;
}

.list li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin:0 10px 10px 0;
	position:relative;
}

.list li:last-child{
	display:block;
	margin-right:0;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
} 

.list p{
	display:table-cell;
	vertical-align:middle;
	height:30px;
	padding:0 10px;
	font-size:117%;
	background:#F2F2F2;
	border-radius:5px 0 0 5px;
}

.list a{
	display:table-cell;
	vertical-align:middle;
	width:30px;
	height:30px;
	text-align:center;
	background:#ccc;
	border-radius:0 5px 5px 0;
}

.list2{
	width:auto;
	margin-right:-10px;
}

.list2 li:not(:last-child){
	padding-bottom:18px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}

.label{
	display:block;
	padding:8px 37px 8px 0;
	line-height:20px;
	color:#666;
	font-size:134%;
	cursor:pointer;
	position:relative;
}

.label:before{
	display:block;
	content:"";
	width:17px;
	height:17px;
	background:url(../img/icon-check.png) no-repeat;
	background-size:17px 34px;
	background-position:0 0;
	position:absolute;
	right:10px;
	top:10px;
}

.label.checked:before{ background-position:0 -17px;}

.label input{ display:none;}

.label.checked label{
	font-weight:bold;
	color:#333;
}

.price{
	width:50%;
	float:left;
	padding:0 5px 0 20px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.price span{
	color:#666;
	font-size:134%;
	line-height:36px;
	position:absolute;
	left:0;
	top:0;
}

.button{
	width:auto;
	padding:5px 10px 15px;
}

.button li{
	width:100%;
	height:40px;
	padding-top:10px;
}

.button a{
	display:block;
	width:auto;
	text-align:center;
	border-radius:5px;
}

.button .style1{
	line-height:40px;
	font-size:150%;
	color:#fff;
	font-weight:bold;
	background:#FF9EBA;
}

.button .style2{
	line-height:36px;
	color:#666;
	font-size:134%;
	background:#fff;
	border:2px solid #666;
}

.button .style3{
	line-height:40px;
	font-size:150%;
	color:#fff;
	font-weight:bold;
	background:#ccc;
}

.hashPrev{
	width:100%;
	border-bottom:1px solid #ccc;
}

.hashPrev a{
	display:block;
	padding:10px 10px 10px 27px;
	line-height:20px;
	font-size:125%;
	color:#333;
	background:url(../img/icon-prev.png) no-repeat 10px 50%;
	background-size:10px 13px;
}

#category .searchTbl th,
#seller .searchTbl th{ background:#F2F2F2;}

.error{
	clear:both;
	padding-top:8px;
}

.error span{
	display:inline-block;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#FF9EBA;
	border-radius:4px;
}
