@charset "utf-8";

/* item list css */
.type_search{width:100%; position:relative; clear:both;display:inline-block;margin-bottom: 30px; padding:10px; border: 1px solid #d7d7d7; background:#f7f7f7; }
.type_search_header{
	text-align:right;float:left;padding:15px 0;width:70px;
	}
.type_search_content{overflow-x:hidden;float:left;width:255px;padding:0 15px 0 10px;box-sizing:border-box;}
.type_search_content ul{text-align:left; padding:0; margin:0}
.type_search_content a {
	line-height:28px;background:#fff;display:block;
	}
.type_search_content a:first-child li {color:#bbb;}
.type_search_content a:hover li{ background:#f9f9f9;}

.type_wrap {width: 100%;margin: 0;padding: 0;position: relative;}
.type_list { padding: 0;margin-bottom: 10px; }
.type_title { display:inline-block; width:100px; text-align:center; color:#000}
.type_val {display:inline-block; min-width:85px; height:36px; line-height:36px; border:1px solid #d7d7d7; padding:0px 10px; cursor:pointer; margin-right:10px; background:#fff;text-align:center; font-size:13px;}
.type_val_a{font-size:13px;}

.checked_on { background:#005aab; color:#fff;}
.checked_on a,
.checked_on a:hover {color: #fff;}


.guide_wrap {margin-bottom:50px;}
.guide_wrap p {margin:0;line-height:18px;display:inline-block;padding:0;word-break:keep-all;}
.guide_wrap .guide {padding:10px 20px;}
.guide_wrap .guide span {color:#d3602e;font-weight:400;}
.guide_wrap .help {text-align:right;padding:0px;float:right; margin-right:20px;}
.guide_wrap .help img {vertical-align:middle;position:relative;top:-2px;}
.guide_wrap .select {padding:1px 15px;width:100%;border:none;border-bottom:1px solid #333;}

#itemlist_widget { clear:both; overflow:hidden; }
#itemlist { clear:both; margin-top:0px;}
#itemlist .list_header { position:relative;padding:5px; overflow:hidden; border-bottom:1px solid #ddd;}
#itemlist .list_header .display_list { float:right;}
#itemlist .list_header .display_list a { padding:3px; color:#666; text-decoration:none;}

#itemlist .list_header .display_list a.on {font-weight:400;}
#itemlist .list_header .display_style { float:right; }
#itemlist .list_header .display_style li { float:left; margin-left:5px; }


#itemlist .product_list { clear:both; margin-bottom:20px; }

#itemlist .search { text-align:center; }
#itemlist .search a { color:#666; }

/* Pagnation */
.pagination{padding:24px 0 0;text-align:center}
.pagination a,
.pagination strong{
	display:inline-block;width:25px;
	border:1px solid #e5e5e5;margin:0 2.5px 3px 2.5px;
	line-height:25px;color:#666;
	transition:all 0.5s;
	*display:inline;*zoom:1
	}
.pagination a{color:#666;text-decoration:none !important;vertical-align:middle}
.pagination .this,
.pagination a:hover,
.pagination a:focus{background:#d3602e;border-color:#d3602e;color:#fff!important;vertical-align:middle}
.pagination .frst_last{color:#555}
.pagination .direction{margin-bottom:3px}
.pagination .direction.gotofirst {border-left:1px solid #e5e5e5}
.pagination .direction span {font-size:10px;vertical-align:top;margin:0 3px}
.pagination strong.direction{color:#999;padding:5px}

/* black */
#itemlist.black .list_header { border-bottom:1px solid #343434;}
#itemlist.black .list_header .display_list a { color:#7e7e7e;}


#itemlist .btn_bottom { float:right; _margin-top:20px; }

@media screen and (max-width:980px){
	.type_search_section {display:inline-block;}
	.type_search_header {display:none;}
}
@media screen and (max-width:686px){
	.guide_wrap .help {float:none;width:100%;box-sizing:border-box;padding:0 20px 10px;}
}
@media screen and (max-width:573px){
	.type_search_content .select {border:none;border-bottom:1px solid #eee;}
}
@media screen and (max-width:320px){
	#itemlist .list_header .display_list a {font-size:11px;}
}
@media screen and (max-width:255px){
	.type_search_section,
	.type_search_content{width:100%;}
}