@charset "utf-8";

	div.selectBox
			{
	position: relative;
	display: inline-block;
	cursor: default;
	text-align: left;
	line-height: 22px;
	clear: both;
	color: #888;
	font-weight: bold;				
			}
			span.selected
			{/*輸入框*/
				width:186px;
				text-indent:22px;
				border:1px solid #A8C5FF;
				border-right:none;
				background:#fff;
				overflow:hidden;
			}
			span.selectArrow
			{/*三角型的正方範圍*/
	width: 22px;
	border: 1px solid #60abf8;
	text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #A8C5FF;
	font-size:12px;
	text-shadow:0px 1px 1px #5578b1;
			}
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:22px;
				z-index:1;
			}
			
			div.selectOptions
			{/*裡面的選單*/
				position:absolute;
				top:18px;
				left:0;
				width:209px;
				border:1px solid #ccc;
				overflow:hidden;
				background:#f6f6f6;
				padding-top:2px;
				display:none;
			}
				
			span.selectOption
			{
				display:block;
				width:80%;
				line-height:16px;
				padding:5px 10%;
			}
			
			span.selectOption:hover
			{
				color:#f6f6f6;
				background:#4096ee;	
			}			
			
/***************************************************************************************/

input.submit,input.reset{
	width:60px;
	padding:2px;
	border:#69C 1px solid;
	color:#036;
	box-shadow:1px 1px 0px #999;
	cursor:pointer;
	
	background-color: #8dbbe5;
    background: linear-gradient( 90deg, #8dbbe5 0%, #ddedf3 100%);
    background: -webkit-linear-gradient( 90deg, #8dbbe5 0%, #ddedf3 100%);
    background: -moz-linear-gradient( 90deg, #8dbbe5 0%, #ddedf3 100%);
    background: -ms-linear-gradient(90deg, #8dbbe5 0%, #ddedf3 100%);
    background: -o-linear-gradient(90deg, #8dbbe5 0%, #ddedf3 100%);	
}

input.submit:hover,input.reset:hover{
	width:60px;
	padding:2px;
	border:#69C 1px solid;
	color: #1f628f;
	cursor:pointer;
	
	background: #c4defe;
}