body, html {
	background: #64C5B1;
	background-image: url('../assets-login/img/bg_login.png');
	background-size: cover;
	margin:0;
	padding:0;
	color:#333333;
	font: 13px/1.3em Arial, Tahoma, Verdana;
}

.limiter{
	width:100%;
	margin: 0 auto;
}
.container-login{
	/* width: 95%;   */
  min-height: 90vh;
  display: -webkit-box;
   display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;

}

.wrap-login{
	width: 560px;
	background: #ffffff;
	border-radius: 10px;
	justify-content: space-between;
	clear:both;
	padding: 50px;
}
.wrap-login2{
	width: 560px;
	background: #ffffff;
	border-radius: 10px;
	justify-content: space-between;
	padding: 50px;
	clear:both;
	margin:50px 0px 50px 0px;
}

.login-form{
	clear:both;
	width:100px;
}

.login-form-logo{ 
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 560px;
  height: 120px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}

.login-form-title{
  font-family: Kanit;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  margin-top: 35px;
  width: 560px;
  text-align: center;
  text-transform: uppercase;
  color: #343C49;
  display: block;
}

.content-group{
    font-family: Kanit;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  width: 560px;
  text-align: center;
  text-transform: uppercase;
  color: #343C49;
  display: block;
  align-items: center;
}

.wrap-input{
	margin-top: 20px;
	width: 560px;
}

.input{
	font-family: Kanit;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #343C49;
	padding: 0 30px 0 20px;
	letter-spacing: 0.458824px;
	/* text-transform: uppercase; */
	
	background: #FFFFFF;
	border: 1px solid #D5DAE2;
	box-sizing: border-box;
	border-radius: 4px;
	height: 50px;
	width: 100%;
}

.container-login-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  width: 560px;
}
.login-form-btn{
	font-family: Kanit;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1.07143px;
	
	background: #64C5B1;
	border-radius: 25px;
	width: 100%;
	height:50px;
	border: 1px solid #D5DAE2;
}

@media only screen and (max-width: 1040px) {
    .login-form{
    min-width: 100%;
    border-radius: 0px;
  }
  
    .login-form-title {
    max-width: 100%;
    
  }
    .content-group {
    max-width: 100%;
    
  }
  
}

@media only screen and (max-width: 800px) {
  .container-login-form-btn{
  	max-width: 100%;
  }
  .wrap-input{
    max-width: 100%;
  }
  
  .login-form{
    min-width: 100%;
    border-radius: 0px;
  }
  
  .login-form-logo {
    width: 100%;
  }
  
    .login-form-title {
    max-width: 100%;
    
  }
    .content-group {
    max-width: 100%;
    
  }
  
}
#headerPopup{
  width:75%;
  margin:0 auto;
}

#headerPopup iframe{
  width:100%;
  margin:0 auto;
}

#headerPopup2{
  width:75%;
  margin:0 auto;
}

#headerPopup2 iframe{
  width:100%;
  margin:0 auto;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
/* .form-login {
	background:url(<%= ctxPath %>/km_back/images/form_login.png) no-repeat;
	height:310px;
	width:938px;
	margin:160px auto 0px;
	position:relative;
}
.form-table {
	margin-top:116px;
	position:absolute;
	right:0;
	width:280px;
}
.form-table td {
	padding: 2px 0 5px;
}
.form-table input[type="text"],  .form-table input[type="password"] {
	border:none;
	background:url(<%= ctxPath %>/km_back/images/bg_field.png) no-repeat;
	height:33px;
	width:200px;
	line-height:33px;
	padding: 0 4px;
}
.form-table input:focus {
	outline:none;
}
.form-table input[type="submit"] {
	background:url(<%= ctxPath %>/km_back/images/btn_login.png) no-repeat; height:30px; width:86px;
	border:none;
	cursor:pointer;
}
.form-table input[type="submit"]:hover {
	background-position:0px -30px;
}
.form-table input[type="button"] {
	background:url(<%= ctxPath %>/km_back/images/btn_index.png) no-repeat; height:30px; width:114px;
	border:none;
	cursor:pointer;
}
.form-table input[type="button"]:hover {
	background-position:0px -30px;
}

.form-table a:link, .form-table a:active, .form-table a:visited { color:#FFF;}
.form-table a:hover{
	color:#bb0000;
}

ul{ text-align:center; list-style:none; font-size:12px;}
li{ display:block;}


.container-login{
	
} */