html {
	height:100%
}
body.signin {
	height:auto;
	background:url(../img/login-background.jpg) no-repeat center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	color:rgba(255,255,255,.95)
}
.signinpanel {
	width: 630px;
	height: 100%;
	margin: 6% 14%;
	background-color: #FFFFFF
}
.line-login{
	background-color: #0abf82;
	width: 134px;
	height: 2px;
	margin: 0 auto 40px auto;
}
.no-margin{
	color: #03cf87;
	font-size: 32px;
	font-weight: bold;
}
.signinpanel .logopanel {
	float:none;
	width:auto;
	padding:0;
	background:0 0
}
.signinpanel .signin-info ul {
	list-style:none;
	padding:0;
	margin:20px 0
}
.signinpanel .form-control {
	display:block;
	margin-top:15px
}
.signinpanel .uname {
	background:#f8f8f8 url(../img/user.png) no-repeat 3% center;
	color:#333;
	padding: 20px 0 20px 40px;
	border-radius: 0 !important;
}
.signinpanel .pword {
	background:#f8f8f8 url(../img/locked.png) no-repeat 3% center;
	color:#333;
	padding: 20px 0 20px 40px;
	border-radius: 0 !important;
}
.signinpanel .code {
	height: 40px;
	border-radius: 0 !important;
	background-color: #f8f8f8;
}

.signinpanel .btn {
	margin-top:15px;
	background: linear-gradient(180deg,#01c887, #47b4b7);
	border-radius: 0 !important;
	height: 48px;
	border: none !important;
	font-size: 20px;
	font-weight: bold;
}
.signinpanel form {
	background:rgba(255,255,255,.2);
	padding:90px
}
.signup-footer {
	color: #ffffff;
	/*padding: 20px;*/
	/*background-color: #f9fafe;*/
	font-size: 16px;
	text-align:center
}
@media screen and (max-width:768px) {
	.signinpanel,.signuppanel {
	margin:0 auto;
	width:420px!important;
	padding:20px
}
.signinpanel form {
	margin-top:20px
}
.signup-footer,.signuppanel .form-control {
	margin-bottom:10px
}
.signup-footer .pull-left,.signup-footer .pull-right {
	float:none!important;
	text-align:center
}
.signinpanel .signin-info ul {
	display:none
}
}@media screen and (max-width:320px) {
	.signinpanel,.signuppanel {
	margin:0 20px;
	width:auto
}
}