.page {
	width  :100%;
	height :100%;
	margin :0;
	padding:0;
	background-color:#efefef;
	
	display: flex;
	flex-direction : column;
	
	font-weight: bold;
}

form{height: 0px;}

.header {
	flex:none;
	height:70px;
	
	display:flex;
	flex-direction:column;
}

.header > div:nth-child(1)  {
	background-image:url(/assets/img/head_bg.jpg);	
	flex:none;
	height:60px;	
	
	display: flex;
	justify-content: space-between; 
	align-items:center;
	padding: 0px 15px;
}

.header > div:nth-child(2) 	{
	background-color:#82aa03;
	flex:none; 
	height:10px;
}

.header  .hd_title_right {
	font-size: 20px;
    color: #2a2a2a;
    padding-right: 10px;	
}

.content {
	flex : auto;	
	
	display: flex;
	flex-direction:column;
	justify-content:center; 
	align-items:center;
	
	background-color:#ffffff;	
	position: relative;
}

.loginbar {
	width: 100%;
	height: 100px;
	background-color:#e6e6e6;
	position:absolute;
	z-index: 1;
}
.loginbox {	
	z-index: 10;
}


.login_box_top {
	background-image:url(/assets/img/login_box_top.png);
	background-repeat: no-repeat;
	height : 52px;	width:291px;
	margin : 0px; padding:0px;
	background-color:#fffff0;
	 background-position: 0px 2px;
 }
 
 .login_box_mid {
 	background-image:url(/assets/img/login_box_mid.png);
	background-repeat: repeat-y;
	height:110px; width:291px;
	margin : 0px; padding:0px;
	background-color:#fffff0;	
		
    display: flex;
    justify-content: center;
 }
 
 .login_box_btm {
	background-image:url(/assets/img/login_box_btm.png);
	background-repeat: no-repeat;
	height : 52px;	width:291px;
	margin : 0px; padding:0px;
	background-color:#fffff0;
	padding-top : 10px;
	
	text-align: center;
 } 

.login_table {
	margin-top: 10px;
}

.login_table tr {
	height : 30px;
}

.login_table tr input[type='text'], .login_table tr input[type='password'] {
	height : 20px;
}


.download {
	margin-top : 10px;
}


.footer {
	flex:none;
	height:120px;
	overflow: hidden;
	
	display:flex;
	flex-direction:column;	
}

.footer > div:nth-child(1) {
	flex:none;
	height:41px;	
	
	display:flex;
	justify-content: center;
	align-items:center;
	
	border-top:#d4d3d3 1px solid; 
	border-bottom:#d4d3d3 1px solid; 
	background-color:#ffffff; 
	overflow:hidden;	
}

.footer > div:nth-child(1)  {
	display:flex;
	flex-direction : row;
	justify-content:space-between;
	align-items:center;	
	
}

.footer > div:nth-child(1) > div {
	flex : 1 1 10px;	
}

.link-center {
	
	justify-content: center;
	align-items:center;		
	display:flex;
	gap : 3px;
}

.link-right {
	
	justify-content: end;
	align-items:center;		
	display:flex;
	padding-right :20px;
}

.link-btn {
	display : inline-block;
}

.footer > div:nth-child(2) {
	flex:none;
	height:70px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
		  
	padding: 5px 20px ;
}

.footer .btn 
{
	color : black;
	background-color: #abd533;
	border-color : #abd533;
	width:100px;
} 

.copyright > div {
	text-align: center;
    font-size: 11px;
    color: #3b3b3b;
}