@charset "utf-8";
/* CSS Document */

.categry_a{ padding:9px; position:relative; margin-bottom:15px; background-color:#fff;}
.categry_a .select-box { display: inline-block; margin-left:5px; vertical-align: middle; zoom:1; *display:inline;}
.categry_a .select-box input[type="text"]{ width:80px; text-align:center;}
.categry_a .select-box button{ padding:5px 12px;}
.left-block{ float:left; display: inline-block; zoom:1; *display:inline;}
.right-block{ float:right; display: inline-block; zoom:1; *display:inline;}
.right-block > label{ margin-right:5px;}
.btn-group.open{ overflow:inherit;}
#ddl_sort > ul{ left:initial; right:0;}
.btn-group.open ul li{ padding:0 5px; cursor:pointer;}
.btn-group.open ul li:hover{ background-color:#222; color:#FFF;}
.btn-group.open ul li a{ color:inherit; background:none !important;}
.xf_total{ position:absolute; text-align:center; width:100px; left:50%; margin-left:-50px; color:#999; height:30px; line-height:30px;}

#ddl_sort{ width:160px;}
#ddl_sort button{ width:100%; text-align:left;}
#ddl_sort button .caret{ position:absolute; right:10px; top:50%; margin-top:-2px;}
#ddl_sort:hover > .dropdown-menu{ display:block;}
#ddl_sort .dropdown-menu{ min-width:100%; display:none; margin:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin-top:-1px;}
#ddl_sort .dropdown-menu li{ padding:0; border-top:1px solid #f5f5f5;}
#ddl_sort .dropdown-menu li:first-child{ border:none;}
#ddl_sort .dropdown-menu li a{ padding:0 10px; display:block; height:31px; line-height:31px;}
#ddl_sort .dropdown-menu li a:hover{ background:none; text-decoration: underline;}

@media (max-width: 650px) {
	.left-block{ margin-bottom:10px; display:none;}
	.xf_total{ left:0; margin:0; text-align:left; width:auto;}
	#ddl_sort{ width:auto;}
	#ddl_sort button{ padding-right: 22px;}
}
@media (max-width: 400px) {
	.categry_a .select-box input[type="text"]{ width:60px;}
}