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


.form-style li {
	list-style:none;
	margin-bottom:25px;
}
.form-style li div{
	margin:0 -1.5px
}
.form-style li:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/*.form-style li:nth-child(2),
.form-style li:nth-child(4){
    float: right;
    width: calc(50% - 5px);
}
.form-style li:nth-child(1),
.form-style li:nth-child(3){
    float: left;
    width: calc(50% - 5px);
    margin-right: 10px;
}
.form_use3 .input_240{
    width: 240px;
}
.form-style li:nth-child(5) .rbox{
    width: 630px;
}*/
.form-style li .title {
	width: 89px;
	font-size: 14px;
	line-height:1.6;
	font-size:13px;
	color:#525252;
	padding: 0px 0px 0px 0px;
    margin-right: 30px;
	position:relative;
    float: left;
	vertical-align:top;
}
.form-style li .title.register:after {
    color: #1AC3C0;
    right: 0px;
    content: '*';
    position: absolute;
    top: 1px;
    font-size: 16px;
}
.form-style li .rbox {
    width: 550px;
    float: left;
	line-height: 1.6;
	padding: 0px 0px 0px 0px;
	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;
}
.text_ok{
	text-align:center;
	margin-bottom:20px;
    padding-bottom: 20px;
    border-bottom: #E0E0E0 1px solid;
}
.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: #F88A04;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
/**************************************************************/
/**************************************************************/
.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;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;   
}
.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;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;   
}
.form_use2:hover, .form_use2:focus {
	color: #AA925F;
	border: none;
	background-color: transparent !important;
}
.form_use3 {
	line-height:18px;
	padding: 7px 8px 8px 8px;
	font-size: 14px;
	border:#BBBBBB 1px solid;
	background:#FFF;
    color: #777777;
}
.form_use3:focus {
    border: 1px solid #28AADD;
}
.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_240{
	width:240px;
}
 input, select{
	vertical-align: middle;
}