﻿@charset "utf-8";
/*!VIPABC | Author by Mike Li*/
/*!v2.0 | 2015-11-08*/
/*!License: vipabc.com*/

.form-wrap{
	width: 93%;
	padding:2% 3% 0 3%;
	margin: 0 auto;
}
.form-wrap h3, .form-wrap .form-ul, .form-wrap .form-ul li{float: left;width: 100%; }
.form-wrap h3{
	padding-bottom:15px;
	text-align: center;
	font-size: 20px;
	font-weight:normal;
	color:#eb4e01;
}
.form-wrap .font_w{font-size: 20px; color: #eb4e01; text-align: center; padding-bottom:5%; padding-top: 3%;}
.form-wrap h3 strong{ color:#f74c4c;}
.form-wrap-A h3 strong{color: #ce0a0a;}

.form-wrap .form-ul{
	width:90%;
	padding:0 5%;
}
.form-wrap .form-ul li{
	margin-bottom: 15px;
	font-size: 18px;
	color: #eb4e01;
}
.form-wrap .form-u2 li{
	
	color: #5277c2;
}
.form-wrap .form-ul li p{
	padding: 10px 8px;
	border:solid 1px #b2a8a1;
	background-color: #fff;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.form-wrap .form-ul li p:hover, .form-wrap .form-ul li p:focus{
	color:#000;
	border-color:#999;
}
.form-wrap .form-input{
	width: 70%;
	height: 40px;
	font-size: 16px;
	color: #fdb58a;
	border: 1px solid #ef6a28;
	border-radius:50px;
	background: #fde3d4;
	margin-left: 2%;
	padding-left: 1%;
}
.form-wrap-2 .form-input{
	color: #5277c2;
	border: 1px solid #5889ec;
	background: #b4cdff;
}

.form-wrap .form-submit{
	display:block;
	width: 70%;
	height: 45px;
	line-height:45px;
	text-align: center;
	font-size: 22px;	
	color:#fff;
	background-color: #eb4e01;
	cursor: pointer;
	border-radius: 50px;
	margin: 0 auto;
} 
.form-wrap-2 .form-submit{background-color: #5889ec;}

.form-wrap .item-left{
	float: left;
	width: 52%;
	margin-right:2%;
}
.form-wrap .item-right{
	float: left;
	width: 46%;
}


.form-wrap .form-private{
	float:left;
	width:90%;
	padding:10px 5%;
}
.form-wrap .form-private a{
	float:right;
	padding-left:20px;
	text-decoration:underline;
	font-size:13px;
	color:#999;
	background:url(img/locked.png) no-repeat left center;
}

@media all and (max-width:380px){
	
.form-wrap h3{padding-bottom: 1%;}	
.form-wrap h3 span{
	padding-top:5px;
	display:inline-block;
	width:100%;
	font-size:20px; 
}

	
}


@media all and (max-width:330px){
	
.form-wrap h3{font-size:19px;}


}


/*-------------------- Form validate style ----------------------*/
.form-wrap ul li p, .submit-wrap{
	position:relative;
}
.meg-error{
	display:inline-block;
	position:absolute;
	line-height:33px;
	right:1px;
	top:1px;
	z-index:10;
	color:#f65662;
	background-color:#fff;
}
/*-------------------- Form validate style end ----------------------*/

