.white-gray {
margin-left:auto;
margin-right:auto;
max-width: 500px;

padding: 30px 30px 20px 30px;
/*box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
-webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;*/
font: 12px "Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;
color: #666;
border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #eee;
}
.white-gray h1 {
font: 24px "Microsoft Yahei", Arial, Helvetica, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #eee;
margin: -10px -30px 10px -30px;
color: #969696;
}
.white-gray h1>span {
display: block;
font-size: 11px;
color: #C4C2C2;
}
.white-gray label {
display: block;
margin: 0px 0px 5px;
clear:both;
}
.white-gray label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #969696;
}
.white-gray input[type="text"], .white-gray input[type="email"],.white-gray input[type="phone"], .white-gray input[type="adds"],.white-gray textarea,.white-gray select{
color: #555;
width: 70%;
padding: 3px 0px 3px 5px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 25px;
line-height:15px;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);

}
.white-gray input[type="vild"] {
color: #555;
width: 70px;
padding: 3px 0px 3px 5px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 25px;
line-height:15px;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
float:left;
	`} 
.white-gray input[type="radio"] {
	color: #555;
width: 16px;
padding: 3px 0px 3px 5px;
margin-top: 10px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 16px;
line-height:15px;
outline: 0;
float:left;


	
	`} 
.white-gray i {
	float:left;
	color: #555;
width: 16px;
padding: 3px 6px 3px 0px;
margin-top: 6px;
margin-right: 6px;
margin-bottom: 16px;

height: 16px;
line-height:15px;
outline: 0;
font-style:normal;


	
	`} 
.white-gray textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.white-gray .button {
-moz-box-shadow:inset 0px 1px 0px 0px #eaeaea;
-webkit-box-shadow:inset 0px 1px 0px 0px #ccc;
box-shadow:inset 0px 1px 0px 0px #fff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #666) );
background:-moz-linear-gradient( center top, #eaeaea 5%, #666 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#666');
background-color:#ccc;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-border-radius:9px;
border:1px solid #ccc;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height: 40px;
line-height: 30px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #333;
}
.white-gray .button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666), color-stop(1, #eaeaea) );
background:-moz-linear-gradient( center top, #666 5%, #eaeaea 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#666');
background-color:#666;
}
.white-gray .button:active {
position:relative;
top:1px;
}
.white-gray select {
background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
line-height: 15px;
height: 30px;
}
#vidpic { width:40px;height:10px;margin-top:13px; margin-left:5px; float:left; }