@charset "utf-8";
@import url('font-awesome.css');
/*------------css declare------------/
 *@Flename              :global.css
 *@Description          :xxxxxxxxx
 *@Author(Version)      :choizhang(1.0)

 *@Page-width           :980px;(固定布局)
 *@Number of columns    :2
/------------css declare------------*/
	/*------------css reset star------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
}

ol,ul {
	list-style: none;
}

/*:focus {
    outline: 0;
}*/
a {
	outline: 0;
}

a:active {
	outline: 0 !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Globe Font Control */
body {
	font-family: "microsoft yahei", verdana, 'tahoma';
	font-size: 12px;
	color: #333333;
	line-height: 1;
	background: #d9d9d9;
}

header,article,section,footer,nav,aside,figcaption,figure {
	display: block;
}

figure {
	margin-top: 1em;
}

/*------------css reset end---------*/
	/*------------base star------------*/
.hide-clip {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.brn {
	border-right: 0 none !important;
}

.mrn {
	margin-right: 0 !important;
}

.bgn {
	background: none !important;
}

.hide-bgtext {
	position: relative;
	z-index: -1;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
*
html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */
.clean {
	clear: both;
}

/*------------base end------------*/
body {
	position: relative;
}

.login-page {
	width: 100%;
	height: 100%;
}

.login_bg {
	position: fixed;
	_position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	top: 0;
	left: 0;
}

.login_bg_in {
	position: absolute;
	width: 100%;
	height: 100%;
}

.login-center-model {
	position: relative;
	width: 956px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}

.login-logo {
	height: 120px;
	padding: 23px 0 10px;
	margin: 10px 0 10px;
	overflow: hidden;
}

.login-wrap {
	height: 378px;
	width: 956px;
}

.login-wrap-content {
	height: 378px;
	background: url("../images/login_banner_06.png")
		no-repeat;
}

.login-banner {
	float: left;
	width: 558px;
	height: 378px;
}

.login-section {
	float: left;
	margin-top: 0px;
	height: 358px;
}

.login_bg {
	position: fixed;
	_position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	top: 0;
	left: 0;
}

.login_bg_in {
	position: absolute;
	width: 100%;
	height: 100%;
}

/*footer*/
div#footer {
	padding-top: 40px;
	bottom: 40px;
	width: 100%;
	text-align: center;
}

#footer p {
	line-height: 25px;
	color: #fff;
	width: 100%;
}

#footer #tencentNav {
	display: none;
}

#footer p a {
	color: #9d8e9b;
}

/* GLOBALS */
.form-2 *,* :after,* :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Demo 2 */
.form-2 { /* Size and position */
	width: 300px;
	height: 358px;
	margin: 0px 5px 5px auto;
	padding: 0px 20px 20px 20px;
	position: relative;
	/* Styles */
	background: #ffffff;
	color: #7e7975;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2),
		0 0 0 12px rgba(255, 255, 255, 0.4);*/
	border-radius: 4px;
}

.form-2 h1 {
	font-size: 20px;
	font-weight: bold;
	color: #bdb5aa;
	padding-bottom: 13px;
	border-bottom: 1px solid #EBE6E2;
	text-shadow: 0 2px 0 rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.form-2 h1 .log-in,.form-2 h1 .sign-up {
	display: inline-block;
	text-transform: uppercase;
}

.form-2 h1 .log-in {
	color: #6c6763;
	padding-right: 2px;
	height: 41px;
	width: 151px;
	background:url("../images/userLogin.jpg");
}

.form-2 h1 .sign-up {
	color: #ffb347;
	padding-left: 2px;
}

.form-2 .float {
	width: 100%;
	float: left;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 1);
}

.form-2 .float:first-of-type {
	padding-right: 5px;
}

.form-2 .float:last-of-type {
	padding-left: 5px;
}

.form-2 label {
	display: block;
	padding: 0 0 5px 2px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	font-size: 15px;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.form-2 label i {
	margin-right: 5px; /* Gap between icon and text */
	display: inline-block;
	width: 10px;
}

.form-2 input[type=text],.form-2 input[type=password] {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	display: block;
	width: 100%;
	height: 40px;
	padding: 5px;
	margin-bottom: 5px;
	border: 3px solid #ebe6e2;
	border-radius: 5px;
	color: rgb(126, 121, 117);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.form-2 input[type=text]:hover,.form-2 input[type=password]:hover {
	border-color: #CCC;
}

.form-2 label:hover               ~ input {
	border-color: #CCC;
}

.form-2 input[type=text]:focus,.form-2 input[type=password]:focus {
	border-color: #BBB;
	outline: none; /* Remove Chrome's outline */
}

.form-2 input[type=submit],.form-2 .login-btn { /* Size and position */
	width: 100%;
	height: 38px;
	float: left;
	position: relative;
	/* Styles */
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
	border-radius: 3px;
	cursor: pointer;
	/* Font styles */
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 18px;
	line-height: 38px; /* Same as height */
	text-align: center;
	font-weight: bold;
}

.form-2 input[type=submit] {
	margin-left: 1%;
	background: #fbd568; /* Fallback */
	background: -moz-linear-gradient(#fbd568, #ffb347);
	background: -ms-linear-gradient(#fbd568, #ffb347);
	background: -o-linear-gradient(#fbd568, #ffb347);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568),
		to(#ffb347) );
	background: -webkit-linear-gradient(#fbd568, #ffb347);
	background: linear-gradient(#fbd568, #ffb347);
	border: 1px solid #f4ab4c;
	color: #996319;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

.form-2 .login-btn {
	margin-right: 1%;
	background: #34a5cf; /* Fallback */
	background: -moz-linear-gradient(#34a5cf, #2a8ac4);
	background: -ms-linear-gradient(#34a5cf, #2a8ac4);
	background: -o-linear-gradient(#34a5cf, #2a8ac4);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf),
		to(#2a8ac4) );
	background: -webkit-linear-gradient(#34a5cf, #2a8ac4);
	background: linear-gradient(#34a5cf, #2a8ac4);
	border: 1px solid #2b8bc7;
	color: #ffffff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}

.form-2 input[type=submit]:hover,.form-2 .login-btn:hover {
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 20px 40px
		rgba(255, 255, 255, 0.15);
}

.form-2 input[type=submit]:active,.form-2 .login-btn:active {
	top: 1px;
}

/* Fallback fro broswers that don't support box shadows */
.no-boxshadow .form-2 input[type=submit]:hover {
	background: #ffb347;
}

.no-boxshadow .form-2 .login-btn:hover {
	background: #2a8ac4;
}

.form-2 p:last-of-type {
	clear: both;
}

.form-2 .opt {
	text-align: right;
	margin-right: 3px;
}

.form-2 label[for=showPassword] {
	display: inline-block;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 13px;
}

.form-2 input[type=checkbox] {
	vertical-align: middle;
	margin: -1px 5px 0 1px;
}

.btn-master {
	background: url(../images/login-v2-load.png) no-repeat 0 0;
	width: 130px;
	height: 40px;
	left: 0;
	top: 0;
	visibility: hidden;
}

.form-2 .loading {
	margin-right: 1%;
	background: #34a5cf; /* Fallback */
	background: -moz-linear-gradient(#34a5cf, #2a8ac4);
	background: -ms-linear-gradient(#34a5cf, #2a8ac4);
	background: -o-linear-gradient(#34a5cf, #2a8ac4);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf),
		to(#2a8ac4) );
	background: -webkit-linear-gradient(#34a5cf, #2a8ac4);
	background: linear-gradient(#34a5cf, #2a8ac4);
	border: 1px solid #2b8bc7;
	color: #ffffff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	background: #34a5cf url(../images/loader-small.gif) no-repeat 18% 50%;
	height: 40px;
	/*width: 20px;
	margin-left: 98px;*/
}

.visibility {
	visibility: visible;
}

.press {
	color: transparent;
	background-color: black;
	text-shadow: rgba(255, 255, 255, 0.5) 0 5px 6px,
		rgba(255, 255, 255, 0.2) 1px 3px 3px;
	-webkit-background-clip: text;
	font-size: 30px;
}

.threed {
	color: #fafafa;
	letter-spacing: 0;
	font-size: 40px;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px
		4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333,
		0px 8px 7px #001135
}

.vintage {
	background: #EEE
		url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC)
		repeat;
	text-shadow: 5px -5px black, 4px -4px white;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-size: 30px;
}