/*
* @Author: yp-tc-m-2478
* @Date:   2017-05-23 18:05:50
* @Last Modified by:   yp-tc-m-2478
* @Last Modified time: 2017-05-23 18:08:46
*/

body { background-color: #fff; font-size: 14px;}

table {
	border-collapse:collapse;
/* 	margin:50px auto 0;
	width:815px; */
}

table td {
	border:1px solid #CCCCCC;
	/* padding:20px; */
}

table td h2 {
	color:#FFFFFF;
	font-size:1.7em;
	margin-bottom:15px;
}

/* select-main */
div.select-main {
	background-color:#FFFFFF;
	border:1px solid #b3bbc1;
	display: inline-flex;
	font-size:13px;
	height:43px;
	position:relative;
	width:319px;
	/*margin-left: 14px;*/
	-webkit-user-select:none; /* webkit (safari, chrome) browsers */
    -moz-user-select:none; /* mozilla browsers */
    -khtml-user-select:none; /* webkit (konqueror) browsers */
    -ms-user-select:none; /* IE10+ */
}



div.select-main.z-index {
	z-index:10;
}

div.select-main.disabled {
	cursor:default;
	filter:alpha(opacity=50);
	opacity:0.5;
	zoom:1;
}

div.select-main.disabled div.select-set {
	cursor:default;
}

div.select-main.disabled div.select-arrow {
	cursor:default;
}

div.select-set {
	background-color: #FFFFFF;
    color: #333333;
    cursor: pointer;
    height: 41px;
    line-height: 43px;
    overflow: hidden;
    position: relative;
    padding: 0 35px 0 30px;
    width: 319px;
    z-index: 5;
    font-size: 13px;
}

div.select-arrow {
	border-top:7px solid #000;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	cursor:pointer;
	height:0px;
	position:absolute;
	top:18px;
	right:10px;
	width:0px;
	z-index:7;
}

div.select-arrow.reverse {
	border-top:7px solid transparent;
	border-bottom:7px solid #000;
	top:10px;
}

div.select-block {
	background-color:#FFFFFF;
    border-left:1px solid #b3bbc1;
    border-right:1px solid #b3bbc1;
    border-bottom:1px solid #b3bbc1;
    left:-1px;
    line-height:20px;
    position:absolute;
    top:42px;
    width:319px;
}

ul.select-list {
	cursor:pointer;
	margin:7px 0 7px;
}

/* Scroll view */

ul.select-list::-webkit-scrollbar {
    width:12px;
}

ul.select-list::-webkit-scrollbar-track {
    /*border-radius:10px;*/
}

ul.select-list::-webkit-scrollbar-thumb {
    /*border-radius:10px;*/
    -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
}

ul.select-list {
	scrollbar-face-color:#AEB1B1;
    scrollbar-shadow-color:#C7CACA;
    scrollbar-highlight-color:#CED1D1;
    scrollbar-3dlight-color:#CED1D1;
    scrollbar-darkshadow-color:#C7CACA;
    scrollbar-track-color:#CED1D1;
    scrollbar-arrow-color:#333;
}

/* End scroll view */

li.select-items {
	color:#333333;
	padding:7px 30px;
}

li.select-items:hover{
	background-color:gray;
	color:#FFFFFF;
}