#loginTable {
	width: 100%;
}

.loginPage {
	width: 100%;
	height: 100%;
}

.loginBlock {
	width: 100%;
	height: 100%;
	border: 1px solid black;
}

.btn-login {
	background-color: #7CCBE5;
	color: #fff
}

.loginTitle {
	width: 80px;
	height: 46px;
	text-align: center;
	color: #EF840C;
	font-weight: bold;
	font-size: 20px;
	margin: 0 auto;
}

.loginInput {
	
}

input[type=text] {
	width: 100%;
}

input[type=password] {
	width: 100%;
}

#loginMsg {
	color: red;
	background-color: #fff;
	margin-left: 5px;
}

#securityId {
	width: 40%;
	display: inline
}

/* #securityImg { */
/* 	margin-bottom: 10px; */
/* } */

.top-banner{
	background: url(../img/top.jpg) no-repeat; 
	background-size: auto; 
	height: 153px;
}

.content{
	background: url(../img/content.jpg) no-repeat; 
	background-size: auto; 
	height: 555px;
}

.title-20px{
	line-height: 0px; 
	font-size: 20px; 
	color: #FFFFFF; 
	font-weight: bold;
}

.title-16px{
	line-height: 0px; 
	font-size: 16px; 
	color: #FFFFFF; 
	font-weight: bold;
}

.title2-16px{
	line-height: 0px; 
	font-size: 16px; 
	color: #603912; 
	font-weight: bold;
	vertical-align: text-bottom;
}

.title-13px{
	line-height: 0px; 
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold;
}


.title-bar-left{
	background: #eabe72; /* Old browsers */
	background: -moz-linear-gradient(top, #eabe72 38%, #e69305 68%) no-repeat; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eabe72 38%,#e69305 68%) no-repeat; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eabe72 38%,#e69305 68%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 100% 100%;
	background-position: bottom left; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabe72', endColorstr='#e69305',GradientType=0 );
	height: 22px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.title-bar-center{
	background: #eabe72; /* Old browsers */
	background: -moz-linear-gradient(top, #eabe72 38%, #e69305 68%) no-repeat; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eabe72 38%,#e69305 68%) no-repeat; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eabe72 38%,#e69305 68%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 100% 100%;
	background-position: bottom center; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabe72', endColorstr='#e69305',GradientType=0 );
	height: 22px;
}

.title-bar-right{
	background: #eabe72; /* Old browsers */
	background: -moz-linear-gradient(top, #eabe72 38%, #e69305 68%) no-repeat; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eabe72 38%,#e69305 68%) no-repeat; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eabe72 38%,#e69305 68%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 100% 100%;
	background-position: bottom right; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabe72', endColorstr='#e69305',GradientType=0 );
	height: 22px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	z-index: 99999;
}
.title-bar-content{
	border-right: 1px solid #F9CB9A;
	border-left: 1px solid #F9CB9A;
	border-bottom: 1px solid #F9CB9A;
	border-radius: 0px 0px 10px 10px;
	overflow-y: scroll;
	background:#FFFFFF;
	
}

.title-bar2-content{
	border-right: 5px solid #FEE1AB;
	border-left: 5px solid #FEE1AB;
	border-bottom: 5px solid #FEE1AB;
	border-top: 3px solid #FEE1AB;
	border-radius: 10px 10px 10px 10px;
	overflow-y: scroll;
	background: #FFFFFF;
}

.title-bar2-content::-webkit-scrollbar {
    display: none;
}

.title-bar-content::-webkit-scrollbar {
    display: none;
}

.title-content-layout{
	border-right: 1px solid #F9CB9A;
	border-left: 1px solid #F9CB9A;
	border-bottom: 1px solid #F9CB9A;
	border-radius: 0px 0px 10px 10px;
	background: #FEE1AB;
	
}

.title-bar2-left{
	background: #FEE1AB;
	height: 32px;
	
	border-left: 1px solid #F9CB9A;
	border-top-left-radius:10px;
}

.title-bar2-center{
	background: #FEE1AB;
	height: 32px;
	border-top: 1px solid #F9CB9A;
}

.title-bar2-right{
	background: #FEE1AB;
	height: 32px;
	border-right: 1px solid #F9CB9A;
	border-top-right-radius:10px;
}


.title-height{
	height:220px;
}

.title-img{
	height:50px;
	margin-top: -10px;

}

.title-img2{
	height:40px;
	position: absolute;
    right: 15px;
    bottom: 0;
}

.mar-top-title-text{
	margin-top: 0px;
}

.mar-title2{
	margin-top: 3px;
	

}

.g-recaptcha{
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	margin-left: -20px;
}

.xs-show{
	display: none;
}

.xs-hide{
	display: inline;
}
.xs-title-color{
	color: #FFFFFF;
}

.xs-footer{
		display: none;
		
	}

@media screen and (max-width: 767px) {
	.login_footer{
		display: none;
	}
	
	.login-w{
		width : 100%;
	}
	
	.xs-right{
		
		text-align: right;
	}
	
	.xs-mar-top3{
		margin-top: 3px;
	}
	
	.xs-mar-right5{
		margin-right: 5px;
	}
	
	.xs-mar{
		margin : 1px;
		
	}
	.mar-top-15{
		margin-top: 3px;
	}
	
	.xs-mar-top-15{
		margin-top: 15px;
	}
	
	.top-banner{
		background: url(../img/top.jpg);
   	 	background-size:     cover;                      /* <------ */
   	 	background-position: center center; 
    	height: 75px;
	}
	
	.content {
	    background: #FFFFFF;
		background-size:     cover;                      /* <------ */
	   	background-position: center center; 
	   	height: 100%;
	}
	
	.xs-show{
		display: inline;
	}
	
	.xs-footer{
		display: inline;
		background: url(../img/rwd_footer.jpg);
   	 	background-size:     cover;                      /* <------ */
   	 	background-position: center center; 
    	height: 75px;
    	
    	margin-top: 15px;
	}
	
	.xs-hide{
		display: none;
	}
	
	.xs-title-color{
		color: #0269c5;
	}
	
	.g-recaptcha{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin-left: 0px;
	}
	
	.col-center{
		 display: flex;
	     justify-content: center;
	     align-items: center;
    	
    
    }
}