a[single]
{
	background-image: url(../images/radiobtn.png);
	background-repeat: no-repeat !important;
}
a[single].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_checked.png)!important;
}
a[multiple]
{
	background-image: url(../images/checkbox.png) !important;
	background-repeat: no-repeat !important;
}
a[multiple].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/checkbox_checked.png) !important;
}
ul.mc-select > li > a[multiple]:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_hover.png);
}
ul.mc-select > li > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-image: url(../images/radiobtn_hover.png) ;
	cursor: pointer;	
}
ul.mc-select > li > div > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-image: url(../images/radiobtn_checked.png) !important;
}
a[multiple].selected:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_checked.png) !important;
}
a[single].selected:hover
{
    background-image: url(../images/radiobtn_checked.png) !important;
	cursor: pointer;	
}
a.tablet:hover
{
    background-image: url(../images/checkbox.png) !important;
	cursor: pointer;	
}
.slider
{
    background: #dadada;
    height: 6px;
    top: 13px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 200px;
    clear: right;
    margin-top: 10px;
    margin-left: 65px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 8px #ccc;
}
.handle
{
    background: #4C4C4C;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#828282),color-stop(1,#4C4C4C)) !important;
    background-image: -moz-linear-gradient(top,#828282,#4C4C4C) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#828282',EndColorStr='#9DC149')";
    height: 21px;
    width: 21px;
    position: absolute;
    display: block;
    top: -9px;
    margin-top: 1px;
    border: 1px solid #4C4C4C;
    cursor: move;
    -moz-box-shadow: 0 0 6px #4C4C4C;
    -webkit-box-shadow: 0 0 6px #4C4C4C;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}
.range
{
    border: 1px inset #ddd;
    position: relative;
    top: -4px;
    font-size: 16px;
    margin: 0 0 0 5px;
    padding: 2px 0;
    text-align: center;
    width: 46px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media screen and (min-width: 300px) and (max-width: 487px) {
/* ANDROID的CSS*/
a[single]
{
	background-image: url(../images/radiobtn_big.png);
	background-repeat: no-repeat !important;
	background-size: 19pt !important;
}
a[single].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_checked_big.png)!important;
	background-size: 19pt !important;
}
a[multiple]
{
	background-image: url(../images/checkbox_big.png) !important;
	background-repeat: no-repeat !important;
	background-size: 17pt !important;
}
a[multiple].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/checkbox_checked_big.png) !important;
	background-size: 17pt !important;
}
ul.mc-select > li > a[multiple]:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_hover_big.png);
	background-size: 17pt !important;
}
ul.mc-select > li > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_hover_big.png) ;
	background-size: 19pt !important;
	cursor: pointer;	
}
ul.mc-select > li > div > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_checked_big.png) !important;
	background-size: 19pt !important;
}
a[multiple].selected:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_checked_big.png) !important;
	background-size: 17pt !important;
}
a[single].selected:hover
{
    background-image: url(../images/radiobtn_checked_big.png) !important;
	background-size: 19pt !important;
	cursor: pointer;	
}
a.tablet:hover
{
    background-image: url(../images/checkbox_big.png) !important;
	background-size: 17pt !important;
	cursor: pointer;	
}



}

@media screen and (max-width: 299px) {
/* IPHONE的CSS*/   
a[single]
{
	background-image: url(../images/radiobtn_big.png);
	background-repeat: no-repeat !important;
	background-size: 18px !important;
}
a[single].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_checked_big.png)!important;
	background-size: 18px !important;
}
a[multiple]
{
	background-image: url(../images/checkbox_big.png) !important;
	background-repeat: no-repeat !important;
	background-size: 18px !important;
}
a[multiple].selected
{
	background-repeat: no-repeat !important;
	background-image: url(../images/checkbox_checked_big.png) !important;
	background-size: 18px !important;
}
ul.mc-select > li > a[multiple]:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_hover_big.png);
	background-size: 18px !important;
}
ul.mc-select > li > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_hover_big.png) ;
	background-size: 18px !important;
	cursor: pointer;	
}
ul.mc-select > li > div > a[single]:hover
{
	background-repeat: no-repeat !important;
	background-image: url(../images/radiobtn_checked_big.png) !important;
	background-size: 18px !important;
}
a[multiple].selected:hover
{
	cursor: pointer;	
	background-image: url(../images/checkbox_checked_big.png) !important;
	background-size: 18px !important;
}
a[single].selected:hover
{
    background-image: url(../images/radiobtn_checked_big.png) !important;
	background-size: 18px !important;
	cursor: pointer;	
}
a.tablet:hover
{
    background-image: url(../images/checkbox_big.png) !important;
	background-size: 18px !important;
	cursor: pointer;	
}


}