@CHARSET "UTF-8";

/*新增*/
#store .search{ margin:15px auto;}
#store .search .container{ position: relative;}
#store .search .table{ width: 90%; max-width: 700px; margin: 0 auto; display: table; font-size: 16px;}
#store .search .th{ display: table-cell; vertical-align: middle; position: relative; width:250px; text-align: right; font-weight: bold; box-sizing: border-box; padding: 0; color: #666;}
#store .search .td{ display: table-cell; vertical-align: middle; position: relative; padding: 0;}
#store .search select{ /*width: 90%;*/ width:160px; padding:20px 5px; /*height: 0.9rem; line-height: 0.9rem;*/ height:50px; line-height:50px; border:1px solid #b8198b; /*border: 1px solid #dbdbdb;*/ /*border-radius: 0.17rem;*/ border-radius:50px; text-align: center; color: #ba0a7d;}



#store .td a{ color: #ba0a7d;}
#store .td a:hover{ color: #ff9900;}


#store .container .table{ width: 100%; display: table; margin-bottom:0px;}
#store .container .table .tr{ display: table-row;  }
#store .container .table .tr .th{ display: table-cell; vertical-align: middle; position: relative; background-color: #f1dee6; color: #ba0a7d; font-weight: bold; padding: 15px 20px;}

#store .container .table .tr .th:first-child{-webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px;}
#store .container .table .tr .th:last-child{-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px;}



#store .container .table .tr:nth-child(odd) .td{ background-color: #fff;}
#store .container .table .tr:nth-child(even) .td{ background-color: whitesmoke;}
#store .container .table .tr .td{ display: table-cell; vertical-align: middle; position: relative; color: #666; padding: 15px 20px; border-bottom: 0px solid #ccc;}





#store .table .w_1{ width: 28.5%; }
#store .table .w_2{ width: 17.5%; }
#store .table .w_3{ width: 11%; }
#store .table .w_4{ width: 11.5%; }
#store .table .w_5{ width: 31.5%; }

#store .table_mrgnfotr {margin-bottom:10px !important;}

/*以下為原本*/


/*.sbHolder{
    display: inline-block;
    vertical-align: top;
	font-size: 0.32rem;
	position: relative;
    padding: 0 10px;
    width: 160px; 
    height: 45px; 
    line-height: 45px; 
    border: 1px solid #dbdbdb; 
    border-radius: 10px; 
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}*/
.sbHolder{
    display: inline-block;
    vertical-align: top;
	font-size: 0.32rem;
	position: relative;
    padding: 0 10px;
    width: 160px; 
    height: 45px; 
    line-height: 45px; 
    border: 1px solid #b8198b; 
    border-radius: 10px; 
    text-align: center;
    box-sizing: border-box;
    background: #b8198b;
}
.sbHolder:focus .sbSelector{
}
.sbSelector{
	display: block;
    width: 100%;
	height: 100%;
	line-height: 45px;
    padding-right: 15px;
    box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	top: 0;
    left: 0;
    font-size: 16px;
    color:white !important;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #52bbd9;
	text-decoration: none;
}
.sbToggle{
	display: block;
    width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: 18px;
    border-style: solid;
    border-width:  7px 5px;
    border-color: #dbdbdb transparent transparent transparent;
}
.sbToggle:hover{
	border-color: #b7b7b7 transparent transparent transparent;
}
.sbToggleOpen{
	border-color: #b7b7b7 transparent transparent transparent;
}
.sbToggleOpen:hover{
	border-color: #b7b7b7 transparent transparent transparent;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.slidebox .sbOptions li{
    display: block;
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #dbdbdb;
    border-radius: 10px; 
	left: -1px;
	margin: 0;
	padding: 10px 0;
    line-height: 2;
	position: absolute;
	width: 100%;
	z-index: 1;
	overflow-y:scroll !important;
	font-size: 16px;
}
.sbOptions li{
	color: #ba0a7d !important;
}
.sbOptions a{
	display: block;
    width: auto;
	outline: none;
	padding: 0 10px;
	color: #ba0a7d !important;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #7f7f7f;
	text-decoration: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.sbOptions a:hover,
.sbOptions a:focus{
	color: #000;
}
.sbOptions a.sbFocus{

}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	color: #7f7f7f;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	color: #7f7f7f;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}





/* RWD *******************************************************************************************************************************************************************/

@media screen and (max-width: 899px) {
	
	#store .search { padding: 0 0 10px 0;}
	
	#store .container .table{  }
	#store .search .th{ width: auto; display: block; text-align: left; margin-bottom: 5px;}
	#store .search .td{ display: block; margin-bottom: 15px;}
	.sbHolder{ width: 100%;}
	
	#store .container .table .tr{ font-size: 12px;}
	#store .container .table .tr .th{ padding: 10px;}
	
	#store .container .table .tr .td{ padding: 10px;}
	
	
	#store .table .w_3,#store .table .w_4{ display:  !important;}

}