body {
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	color:#333;
	background:#fff url(../images/bg.jpg) right 90px no-repeat;
	font-size:14px;
	margin:0px;
	padding:0px;
	}


.wrap {
	position: relative;
	z-index: 0;
	height: 600px;
}
.banner-show {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	min-width: 980px;
	height: 600px;
	overflow: hidden;
}
.banner-show .cell {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: center top;
}
.banner-show .cell .con {
	position: relative;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center top;
}
.banner-link {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-left: -430px;
}
.banner-link i {
	display: none;
}
.banner-control {
	position: absolute;
	top: 0;
	left: 50%;
	width: 980px;
	margin-left: -490px;
}
.banner-control a {
	position: absolute;
	top: 228px;
	width: 60px;
	height: 60px;
	line-height: 30;
	overflow: hidden;
	background-image: url(../images/icon_control.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
}
.banner-control a.left {
	left: -85px;
	background-position: 0 0;
}
.banner-control a.left:hover {
	background-position: 0 -60px;
}
.banner-control a.right {
	right: -85px;
	background-position: -60px 0;
}
.banner-control a.right:hover {
	background-position: -60px -60px;
}
.container {
	position: relative;
	top: 680px;
	z-index: 2;
	width: 1200px;
	height: 0;
	margin: auto;
}
.top-container {
	position:absolute;
	top: -670px;
	z-index: 2;
	width: 1200px;
	
}
.register-box {
	position: absolute;
	top: -450px;
	right: 0;
	box-shadow:1px 1px 2px #fff;
	border-radius: 10px;	
	/*background:white;*/	
	background: rgba(255, 255, 255, 0.55);
	background:#fff\0;	
	filter:alpha(opacity=55);
	padding:10px 15px;
	animation:fadeinR 1.5s;
	-webkit-animation:fadeinR 1.5s;
}
.logo-box {
	position: absolute;
	top: -450px;
	right:0;
	text-align:center;
	width:600px;
}
.reg-slogan {
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	padding:10px 0;
	color:#fff;
}
.reg-form {
	width: 220px;
	height: 150px;
	margin: auto;
	overflow:hidden;
}

.reg-form .cell {
	position: relative;
	height: 30px;
	margin-bottom: 15px;
	zoom: 1;
}
.reg-form .cell label {
	z-index: 1;
	padding: 0 12px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	cursor: text;
	float:left;
}
.reg-form .cell input {
	width: 100%;
	padding: 0px 10px;
	font-size: 14px;
	height:35px;
	line-height:35px;
	background-color:#fff;
 	float:left;}
.reg-form .cell .forget { position:absolute;z-index:9999; right:5px; top:5px; color:#666; }
.reg-form .cell .forget:hover{ color:#333; }

.reg-form .cell input:before{
	font-family: "FontAwesome";	
	content:"\f007";
	font-size:18px;
	padding-right:5px;
	color:#aaa;
}
.reg-form .cell input:before{
	font-size:18px;
	font-family: "FontAwesome";	
	content:"\f084";
	padding-right:5px;
	color:#aaa;
}
.reg-form .cell .barcode:before{
	font-size:18px;
	font-family: "FontAwesome";	
	content:"\f02a";
	margin-left:6px;
	padding-right:1px;
	color:#aaa;
}

.resend{position:absolute;z-index:9999; right:5px; top:0px;  display:inline-block; color:#555; border:1px solid #e9e9e9; border-radius:4px; width:125px;color:#333; font-size:14px; text-align:center; vertical-align:middle; background-color:#f9f9f9;}

.reg-form .bottom {
	height: 40px;
	margin-top:20px;
}
.reg-form .bottom .button {
	display: block;
	border-radius: 10px;
}

.footer{text-align:center; line-height:40px; color:#666; padding-bottom:1em; font-size:12px;}

.fa-qrcode {position: relative;width:20px; height:20px; *background: url(../images/fa-qrcode.jpg) center center no-repeat;}
.fa-qrcode .qrcode-server{ display: none;width: 150px; position: absolute; top: 20px;right: -60px;z-index: 99999;}
.fa-qrcode:hover .qrcode-server{display: block;}


/*=====================以下部分是Validform必须的====================*/
.Validform_checktip{ margin-left:15px; line-height:36px; height:20px; overflow:hidden; color:#999; font-size:14px;}
.Validform_right{ color:#71b83d; padding-left:20px; background:url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(../images/valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}
/*=====================以上部分是Validform必须的====================*//* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}