html,body{width:100%; height:100%;}

#logon_bg_div{
	height:100%; 
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	border:0;
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	background-image: url('../../common/images/logon/logon_bg.jpg');
	color:#ffffff;
}

.logon_pannel{
	width: 500px;
	height:300px;
	text-align:center;
	color:#cceef8;
	display:flex;
	background-color:rgba(255,255,255,0.3);
	border:1px solid #ffffff;
	padding:20px;
	align-self: center;
	box-shadow:2px 2px 5px #000000;
	transition: all 400ms ease;
}

.logon_pannel:hover{
	background-color:rgba(255,255,255,0.6);
	box-shadow:5px 5px 5px #000000;
	transition: all 600ms ease;
	
}


#logon_systemName{
	line-height:50px;
	margin-bottom:30px;
	font-size:30px;
}

#logon_div{
	width:100%;
	background-color:#ffffff;
	padding:30px 90px;
}


.logon_item{
	padding:20px 10px;
	text-align:center;
}
.logon_item input{
	font-size:16px;
	line-height:16px;
	height:30px;
}


#logonLogo{
}

.logon_info{
	
}

.logon_input_item{
	text-align:center;
	
}

.logon_item input{
	height:30px;
}

.logon_item_right{
	margin-top:35px;
	text-align:right;
	margin-right:80px;
}




.logon_button{
	display:block;
	width:200px;
	height:35px;
	line-height:35px;
	font-size:14px;
	left:0;
	right:0;
	margin:auto;
	text-decoration:none;
	border-radius: 5px 5px 5px 5px;
	opacity:0.8;
	cursor:pointer;
	color:#ffffff;
	background-image: url('../../common/images/logon/logon_button.png');

}

.logon_button:hover{
	opacity:1;
	color:rgb(var(--sub_r),var(--sub_g),var(--sub_b));
}


.logon_disabled_div{
	position: absolute;	
	top: 20%;
	right: 10%;
	height: 200px;
	width: 600px;
	left:0;
	right:0;
	margin:auto;
	border:0;
	text-align:center;
	background-color:#ffffff;
	box-shadow:2px 2px 5px #000000;
	opacity:0.9
}

.disabled_title{
	font-size:24px;
	margin:20px;
}

.disabled_content{
	font-size:14px;
	margin:10px;
}


#logon_copyright_div{
	font-size:12px;
	width:100%;
	height:50px;
	z-index:99;
	position:fixed;
	bottom:0px;
	transition: all 400ms ease;
	text-align:center;
	line-height:50px;
	color:#ffffff;
	background:rgba(var(--main_r),var(--main_g),var(--main_b),0.5);
}
#logon_copyright_div:hover{
	transition: all 600ms ease;
	color:#ffffff;
	background:rgba(var(--main_r),var(--main_g),var(--main_b),0.8);
}

#logon_copyright_div a:link, #logon_copyright_div a:visited{
	color:#ffffff;
	text-decoration: none;
	margin:0px 12px;
}
#logon_copyright_div a:hover, #logon_copyright_div a:active{
	color:#ffffff;
}