/* CSS Document */
body {
font-family: 'THSarabunNew';
font-size:22px; 
line-height:24px;
font-weight: normal; 
color:#002944;
 margin:0; 
 padding:0; 
}

 
a {  color:#2c3d4f; text-decoration:none;}
a:hover {  color:#519fd6; text-decoration:none;}
.clear { clear:both;}
h1 { font-size:32px; line-height: normal; font-family: 'THSarabunNew-Bold'; color:#1b52af;  text-align:center; margin:0; padding:25px 0 10px 0 ;}


/****main****/
#Wrapper { margin:0 auto; width:100%;
	max-width: 1920px;
/*	background: rgb(5,144,213);
background: linear-gradient(331deg, rgba(5,144,213,1) 44%, rgba(26,86,178,1) 100%);*/
	background: url('../images/bg-login.png') no-repeat top center;
	background-size: cover;}
#Container { margin:0 auto; padding:0; width:1180px;}
.box-left {
	 
	width: 50%;
	float: left;
	height: 100vh;
	position: relative;
}

.box-right {
	background: #fff;
	width: 50%;
	float: right;
	height: 100vh;
	position: relative;
}

/****Login****/
.Conlogin { 
	margin:0 auto; 
	padding:0 0 0 0; 
	width:360px; 
	  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);

}
.Conlogin h1 {
	font-size: 32px;
}
.logologin { margin:0;  text-align:center;  width: 576px;  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);}
.logologin img { margin:0 auto; padding:0; display:block; width: 100%}

.box-txt-manual {
	padding-left: 35%;
	color: #fff;
	font-size: 24px;
	line-height: normal;
}
.box-txt-manual ul {
	margin-top:0 ;
	padding-top: 0
}

 .box-txt-manual ul li a {
 	color: #fff;
 }

 
 .tablelogin h2 {font-weight: normal; font-size: 20px;}
.tdremember { padding:0 0 0 0; margin:0;}
.txtboxlogin { font-size:22px;font-family: 'THSarabunNew'; padding:7px 0;  text-indent: 10px;
border:1px solid #555; width:100%; border-radius: 4px;} 

.btnlogin { font-family: 'THSarabunNew';  font-size:28px; color:#FFF; background:#1b52af; border:0; 
	text-align:center; padding:6px 0; width:100%; margin:0 ; border-radius: 4px; cursor: pointer;} 
.btnlogin:hover {color:#fff; border:0; cursor:pointer; background: #01517a}

.btnsubmit { font-family: 'THSarabunNew';  font-size:18px; line-height:18px;color:#FFF; background:#1e4aaa;
 border:0; text-align:center; padding:10px 17px; margin-top:5px; width:100px;}
.btnsubmit:hover {color:#fff; border:0; cursor:pointer;}




@media (max-width:1024px) {
 body {
 	color: #fff;
 	background-size:cover;
 	height: 100vh
  
 }
.logologin {
    margin: 0 auto;
    
    text-align: center;
    width: 80%;
}
.tablelogin h2 {
	color: #111
}
.box-txt-manual {
    padding-left: 9%;
    color: #fff;
    font-size: 24px;
    line-height: normal;
}
h1 {
	font-size: 26px;
}

}

@media (max-width:750px) {
 body {
 	color: #fff;
 	background-size:cover;
 	height: auto;
  
 }
 .hidden {
 	display: none;
 }
 .show {
 	display: block;

 }
.box-right {
	background: none;
	width: 100%;
	
	float: none;
	padding-bottom: 30px
}
.box-left {
	height: auto;
	width: 100%;
}
.logologin {
    margin: 0 auto;
    padding: 4%;
    text-align: center;
    width: 45%;

}
.box-txt-manual {
	display: none;
}
h1 {
	color: #fff;
	padding: 0 0 10px 0;
	margin:0;
}
.tablelogin h2 {
	color: #fff
}
.txtboxlogin {
	border:none;
}
}


@media (max-width:480px) {
  body {
 	color: #fff;
 	background-size:cover;
 	height: 100vh
  
 }
 .box-right {
	
	width: 96%;
	margin: 0 auto;

}

.box-left {
	height: auto;
	width: 100%;
	padding-top: 50px
}
.logologin {
    margin: 0 auto;
    
    text-align: center;
    width: 80%;
    position: static;
    transform: none

}
 .Conlogin {
 	width: 100%;
 	 position: static;
    transform: none
 }


}