h1, h2, h3, h4, h5, strong {
    font-family: Arial,"Microsoft YaHei";
}
body, div,  ol, li, p, i, em, h1, h2, h3, h4, a, strong, span, img, form, input, textarea, button {
    padding: 0;
    margin: 0;
   
}
p {
    color: #40403E;
}
button{
 font-family:Arial,"Microsoft YaHei";

}
body
{
	 font-family:Arial,"Microsoft YaHei";
    
	font-size: 14px;
	line-height: 24px;
	/*background: #f5f5f5;*/
}

input, textarea
{
	outline: none;
}

li
{
	list-style: none;
}

a
{
	text-decoration: none;
	color: inherit;
}

img
{
	border: 0;
}

.pr
{
	position: relative;
}

.pa
{
	position: absolute;
}

.pf
{
	position: fixed;
}

.f-l
{
	float: left;
}

.f-r
{
	float: right;
}

li, div, ul
{
	*zoom: 1;
}

	li:after, div:after, ul:after
	{
		content: '';
		display: table;
		clear: both;
	}

.tran
{
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}

.container
{
	/*width: 1170px;*/
	margin: 0 auto;
}
/*--------------样式重置------------*/
/***********/

.login-banner
{
	width: 100%;
	background: url(../../images/banner-login.jpg) center top no-repeat;
	background: url(../../images/banner-login.jpg) center top no-repeat;
}
/*.login-banner{
	width: 100%;
	background: url(../../images/banner-login.jpg) center top no-repeat \9;
	background: url(../../images/banner-login.jpg) center top/cover no-repeat;
}*/
/*
@media screen and (min-width: 320px) {
    .login-banner{
    	height: 100px;
    }
}
@media screen and (min-width: 480px) {
    .login-banner{
    	height: 120px;
    }
}
@media screen and (min-width: 640px) {
    .login-banner{
    	height: 160px;
    }
}
@media screen and (min-width: 768px) {
    .login-banner{
    	height: 180px;
    }
}
@media screen and (min-width: 1024px) {
    .login-banner{
    	height: 200px;
    }
}
@media screen and (min-width: 1280px) {
    .login-banner{
    	height: 220px;
    }
}
@media screen and (min-width: 1366px) {
    .login-banner{
    	height: 283px;
    }
}
@media screen and (min-width: 1680px) {
    .login-banner{
    	height: 283px;
    }
}
.login-banner{
	height: 260px \9;
}*/
.login-box
{
	margin: 50px auto;
	overflow-x: hidden;
	/*height: 380px;*/
	/*margin-left: 112px;*/
	/*margin-top: 10px;*/
	overflow-x: hidden;
	/*width: 1200px;*/
	z-index: 1000;
	min-height: 680px;
    width:60%
}

.box-con
{	
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	width: 500px;
	margin: 0 auto;
	background:#fff;
}
.box-con h3{ font-size: 22px; padding: 10px 20px; background: #67dece; color:#fff;margin:0; }

.box-con,
.box-con h3{
	border: 1px solid #67dece;
/*-webkit-box-shadow: 0px 0px 3px #fc9753;
	box-shadow:0px 0px 3px #fc9753;*/
}

.login-con
{
	width: 100%;
	margin: auto;
	/*background: #e6dfdf none repeat scroll 0 0;
	height: 435px;*/
	margin-bottom: 20px;
}

.login-box .form-group
{
	margin-top: 20px;
}

.fr
{
	float: right;
}

.lab
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}

.login-box input, .signup-form
{
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;                          
	border: 1px #d9d9d9 solid;
	border-radius: 3px;
	font-size: 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

	.login-box input:focus
	{
		border-color: #67dece;
		box-shadow: 0 0 15px #67dece;
		-webkit-box-shadow: 0 0 15px #67dece;
		-moz-box-shadow: 0 0 15px #67dece;
	}

.login-box button.btn1 {
    width: 100%;
    /*height: 42px;*/
    line-height: 40px;
    font-size: 16px;
    border: 0;
    /*background-color: #0093c7;*/
    background-color: #3795e3;
    color: #fff;
    border-radius: 15px;
}

	.login-box button a
	{
		display: block;
	}

		.login-box button a:hover
		{
			padding-top: 3px;
		}

	.login-box button:hover
	{
		background-color: #295ca5;
	}



.from-line {
    height: 0;
    overflow: hidden;
    border-top: 1px #c2c2c2 solid;
    margin-top: 20px;
}

.a-tag
{
	position: relative;
	display: block;
	text-align: center;
	/*line-height: 48px;*/
	border-radius: 5px;
	border-radius: 5px;
	display: block;
	position: relative;
	text-align: center;
	/*width: 300px;*/
	/*height: 40px;*/
}


.blue-border {
    /*color: #d4050d;*/
    color: #67dece;
}

	/*.a-tag:hover{
	background-color: #aaa;
	color: #fff;
}*/
    .blue-border:hover {
        /*background-color: #03a9f4;*/
        /*color: #b42f36;*/
        color: #4db5bd;
    }

.a-tag i
{
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 24px;
	color: #fff;
}

.a-tag:hover i
{
	right: 10px;
}

.signup, .other-way, .mimachongzhi, .mobile-success
{
	width: 400px;
}


.signup-form
{
	margin-top: 20px;
}

	.signup-form input
	{
		border: 0;
		height: 48px;
		width: 220px;
	}

		.signup-form input:focus
		{
			box-shadow: 0 0 0 #fff;
		}

	.signup-form.border
	{
		border-color: #03a9f4;
		box-shadow: 0 0 15px #03a9f4;
		-webkit-box-shadow: 0 0 15px #03a9f4;
		-moz-box-shadow: 0 0 15px #03a9f4;
	}

	.signup-form a
	{
		color: #03a9f4;
	}

.view-clause
{
	padding-top: 20px;
	line-height: 14px;
	text-align: center;
	color: #808080;
}

	.view-clause a
	{
		color: #03a9f4;
	}

		.view-clause a:hover
		{
			text-decoration: underline;
		}

a.reacquire
{
	color: #c1c1c1;
}

.error-notic
{
	color: #ff4e00;
	/*display: none;*/
}



.homebox
{
	margin: 0 auto;
	position: relative;
	/*width: 1200px;*/
}

.banner
{
	position: relative;
}

.homebox .banner a
{
	color: #666;
	outline: medium none;
	text-decoration: none;
}

.footbox
{
	background: url(../images/footer.jpg) no-repeat scroll center top;
	margin: auto;
	min-width: 1200px;
}

.footer
{
	margin: auto;
	padding: 80px 0 20px;
	position: relative;
	width: 1200px;
}

	.footer p
	{
		line-height: 30px;
		text-align: center;
	}

	.footer a
	{
		color: #666666;
	}

		.footer a:hover
		{
			text-decoration: underline;
		}

.SupportBy
{
	bottom: 10px;
	display: none;
	font-size: 11px;
	position: absolute;
	right: 14px;
}




.login-footer {
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    margin-top:50px;
    /*background: #67dece;*/
}

	.login-footer h1
	{
		font-size: 18px;
		font-weight: normal;
		
	}
    .login-footer p {
        color: #40403E;
    }

    .login-nav {
        width: 100%;
        height: 30px;
        background-color: rgba(0,0,0,0.7);
        color: #fff;
        border-bottom: 1px #c1c1c1 solid;
    }

	.login-nav ul
	{
		padding-right: 50px;
	}

	.login-nav li
	{
		float: left;
		line-height: 30px;
		padding: 0 10px;
	}

	.login-nav a:hover
	{
		text-decoration: underline;
		color: #03a9f4;
	}

.mobile-success
{
	padding-top: 20px;
}

	.mobile-success p
	{
		text-align: center;
		color: #666;
	}

		.mobile-success p span
		{
			font-weight: bold;
			padding: 0 10px;
		}

		.mobile-success p a
		{
			color: #03a9f4;
			padding-left: 5px;
		}

			.mobile-success p a:hover
			{
				text-decoration: underline;
			}

.loading
{
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}


.metro-nav .metro-nav-block {
     height: 130px; 
    border-radius: 30px;
}
    .metro-nav .metro-nav-block i {
        font-size: 50px;
    }

.controls .tscss {
    color: #888;
    font-size:13px;
}
.alert {
    margin-bottom: 0px!important;
}