.login-page {
	background:url(../background/login01.jpg)no-repeat fixed;
	background-size:cover;
}

.login-page .login-logo a {
	color: rgba(255, 255, 255, 0.9);
	font-family: "楷体";
}

.login-page .login-copyright, .login-page .login-copyright a {
	color: rgba(255, 255, 255, 0.8);
}

.login-page .login-box-body {
	width: 360px;
	margin: auto;
	padding: 28px;
	background: #35394a;
	box-shadow: 1px 0px 14px #3c8dbc;
	border-radius: 5px;
}

.login-box {
	padding: 35px;
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -50%);
}

.form-control {
	background: transparent;
	color: #fff;
}

body, html {
	-webkit-text-fill-background: transparent;
}

#username, #password {
	transition: background-color 100000s ease-in-out 0s, color 100000s
		ease-in-out 0s;
	background:transparent;
	-web-kit-appearance: none;
	-moz-appearance: none;
}
.btn-primary {
	background-color: #77c6f4;
    border-color: #a4d5fe;
}

.btn-primary:hover{
	background-color: #1292de;
    border-color: #a4d5fe;
}
.btn-primary.focus, .btn-primary:focus{
	color: #fff;
    background-color: #B3E2FF;
    border-color: #7AB2D4;
}

.btn-primary:active{
	 background-color: #B3E2FF;
    border-color: #7AB2D4;
}
#loginForm .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
	background-color: #B3E2FF;
    border-color: #7AB2D4;
}

.wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
}

.form-group.has-feedback {
	background: transparent !important;
}

.login-box-body, .register-box-body {
	background: rgba(0, 0, 0, 0.75) !important;
}
.login-box-body, .register-box-body{
	color:#f4f4f4;
}
.khd_download{
	color:#f4f4f4;
}
.khd_download:hover{
	color:#00c0ef;
}