@charset "utf-8";
/* CSS Document */


.form-style li {
	list-style:none;
	clear: both;
	margin-bottom:10px;
}
.form-style li div{
	margin:0 -1.5px
}
.form-style li:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.form-style li .title {
	width: 120px;
	font-size: 14px;
	line-height:24px;
	font-size:13px;
	color:#333333;
	padding: 5px 0px 5px 15px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.form-style li .rbox {
	width:calc(100% - 120px);
	line-height: 20px;
	padding: 5px 0px 5px 20px;
	display:inline-block;
}
.form-style li .rbox .acc{
	color: #FF0000;
	font-weight: bold;
	display: block;
}
.form-style li .rbox .inf{
	display:block;
	line-height:25px;
}
/************************************************************/
/************************************************************/
.register{
	position:relative;
}
.register:before {
	content:'*';
	width:11px;
	height:11px;
	color:#FF4C4C;
	font-size:14px;
	position: absolute;
	left:0px;
}
.text_ok{
	text-align:center;
	margin-bottom:30px;
}
.text_ok a, .text_ok a:visited {
	color: #F60;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
.text_ok a:hover {
	color: #E6463E;
	text-decoration: none;

}
.text_ok .status{
	color: #FF0000;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.text_ok .name {
	color: #FF0000;
}
/**************************************************************/
/**************************************************************/
.form_use {
	color: #777777;
	background:#FAFAFA;
	border:#CCCCCC 1px solid;
	line-height:18px;
	padding: 2px 8px 2px 8px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.form_use:hover, .form_use:focus {
}
.form_use2 {
	color: #777777;
	background-color: transparent;
	border: none;
	line-height:18px;
	padding: 2px 8px 2px 8px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.form_use2:hover, .form_use2:focus {
	color: #AA925F;
	border: none;
	background-color: transparent !important;
}
.form_use3 {
	line-height:18px;
	padding: 2px 8px 3px 8px;
	font-size: 12px;
	border:#E7E7E7 1px solid;
	background:#FAFAFA;
}
.form_use4 {
	color: #BBBBBB;
	background-color: transparent;
	border: none;
	line-height:18px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.form_use4:hover, .form_use4:focus {
	color: #BBBBBB;
}
input[placeholder] {
	color: #BABABA;
	line-height: 18px;
}
/**************************************************************/
/**************************************************************/
.input_100{
	width:100%;
}
.input_95{
	width:95%;
}
.input_90{
	width:90%;
}
.input_85{
	width:85%;
}
.input_80{
	width:80%;
}
.input_80{
	width:80%;
}
.input_50{
	width:50%;
}
.input_40{
	width:40%;
}
.input_24{
	width:24%;
}
.input_23{
	width:23%;
}
.input_20{
	width:20%;
}
 input, select{
	vertical-align: middle;
}