html {
	height: 100%;
}
body.signin {
	background: url("../image/login-background.jpg") fixed no-repeat center / cover; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.signinpanel {
	margin: 10% auto 0px; width: 750px;
}
.signinpanel .logopanel {
	background: 0px 0px; padding: 0px; width: auto; float: none;
}
.signinpanel .signin-info ul {
	list-style: none; margin: 20px 0px; padding: 0px;
}
.signinpanel .form-control {
	margin-top: 15px; display: block;
}
.signinpanel .uname {
	background: url("../image/user.png") no-repeat 95% rgb(255, 255, 255); color: rgb(51, 51, 51);
}
.signinpanel .pword {
	background: url("../image/locked.png") no-repeat 95% rgb(255, 255, 255); color: rgb(51, 51, 51);
}
.signinpanel .btn {
	margin-top: 15px;
}
.signinpanel form {
	background: rgba(255, 255, 255, 0.2); padding: 30px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; box-shadow: 0px 3px 0px rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03); -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.signup-footer {
	margin: 30px 0px; padding-top: 15px; border-top-color: rgba(255, 255, 255, 0.3); border-top-width: 1px; border-top-style: solid;
}
@media screen and (max-width:768px)
{
.signinpanel {
	margin: 0px auto; padding: 20px; width: 420px !important;
}
.signuppanel {
	margin: 0px auto; padding: 20px; width: 420px !important;
}
.signinpanel form {
	margin-top: 20px;
}
.signup-footer {
	margin-bottom: 10px;
}
.signuppanel .form-control {
	margin-bottom: 10px;
}
.signup-footer .pull-left {
	text-align: center; float: none !important;
}
.signup-footer .pull-right {
	text-align: center; float: none !important;
}
.signinpanel .signin-info ul {
	display: none;
}
}
@media screen and (max-width:320px)
{
.signinpanel {
	margin: 0px 20px; width: auto;
}
.signuppanel {
	margin: 0px 20px; width: auto;
}
}