/**********************************************************************
  * ����Ѻ˹�� login Page 
  **********************************************************************/
body, * {
		margin: 0 auto; 
		font-family: Tahoma, "Microsoft Sans Serif", "Times New Roman";		
}
#ground_body{
		background: #ffffff;
		margin-top:140px;
	
	
  }
#stage_body{
		width:721px;
		height:356px;
		background-color:#FFFFFF;
	
}
#stage_body td.vertical_align_top{
		vertical-align: top;			
}

#noteplate{
		height:356px;
		width:721px;
		display:block;
	
}
#headlog{		
        background: url("../images/login/head_log.png") left top no-repeat;
		background-position:left;
		height:30px;
		display:block;
	
}
#headchkpws{		
        background: url("../images/login/headchkpws.png") left top no-repeat;
		height:30px;
		display:block;
}
#headregister{
        background: url("../images/login/head_regster.png") left top no-repeat;
		height:30px;
		display:block;
}
#boxon_stage_body{
	margin:77px 8px 0px 0px;
	width:307px;
	}
.fontstyle{
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
}
.box1 {
	border: solid 1px #999;
	height: 22px;
	font-family: #666;
	font-size: 10pt;
}
a.gb:link {
	font-size:10pt;
	font-family:verdana : #039; text-decoration: none;color: #333;
}
a.gb:visited {
	font-family:verdana color: #09c; text-decoration: none; color: #333;
}
a.gb:hover {
	font-family:verdana color: #09c;
	text-decoration: none;
	color: #993300;
}
a.gb:active {
	font-family:verdana color: #069;
	color: #333333;
}
#footer{
	font-size:9pt;
	font-weight:normal;
	color:#666;
	text-align:center;
}
.main_image{
	background-image:url(../images/main_image.jpg);
	background-repeat:no-repeat;
	width:406px;
	height:356px;

}
.HSRI{
    background:url("../images/HSRI/main_image.jpg") ;
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.MOTS{
    background:url("../images/MOTS/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DLT{
    background:url("../images/DLT/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.PRD{
    background:url("../images/PRD/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.IPE{
    background:url("../images/IPE/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.ESRI{
    background:url("../images/ESRI/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.RD{
    background:url("../images/RD/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DOF{
    background:url("../images/DOF/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.MRTA{
    background:url("../images/MRTA/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.Nakhonnayok{
    background:url("../images/Nakhonnayok/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.SMOPH{
    background:url("../images/SMOPH/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.HSS{
    background:url("../images/HSS/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.RDPB{
    background:url("../images/RDPB/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DGA{
    background:url("../images/DGA/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.AMLO{
    background:url("../images/AMLO/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DOEB{
    background:url("../images/DOEB/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.FDA{
    background:url("../images/FDA/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DTAM{
    background:url("../images/DTAM/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DPO{
    background:url("../images/DPO/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.ACFS{
    background:url("../images/ACFS/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.QSDS{
    background:url("../images/QSDS/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.EGA{
    background:url("../images/EGA/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.SPM{
    background:url("../images/SPM/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DLPW{
    background:url("../images/DLPW/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DOT{
    background:url("../images/DOT/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DOH{
    background:url("../images/DOH/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.ONDE{
    background:url("../images/ONDE/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.GPO{
    background:url("../images/GPO/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.VRU{
    background:url("../images/VRU/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.LDD{
    background:url("../images/LDD/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.FIO{
    background:url("../images/FIO/main_image.jpg");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DLD{
    background:url("../images/DLD/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.TINT{
    background:url("../images/TINT/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.DRU{
    background:url("../images/DRU/main_image.png");
    background-repeat:no-repeat;
    width:406px;
    height:356px;
}
.main_imageright{
	background-image:url(../images/main_imageright.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:356px;
}
.information{
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #cc0000;
}
.download{
	FONT-SIZE: 12px;
	FONT-FAMILY:  verdan COLOR: #006699; TEXT-DECORATION: underline;color: #333333;
}
a.download:link {
	FONT-SIZE: 12px;
	FONT-FAMILY:  verdana COLOR: #003399;TEXT-DECORATION: underline;color: #333333;
}
a.download:visited {
	FONT-SIZE: 12px; 
	FONT-FAMILY:  verdana COLOR: #0099CC;TEXT-DECORATION: underline; color: #333333;
}
a.download:hover {
	FONT-SIZE: 12px;
	FONT-FAMILY:  verdana COLOR: #0099FF; TEXT-DECORATION: underline; color: #0066CC;
}
a.download:active {
	FONT-SIZE: 12px;
	FONT-FAMILY:  verdana COLOR: #006699; color: #0099FF;
}
.train{
	FONT-SIZE: 20px;
	FONT-FAMILY:  verdana; TEXT-DECORATION:bold; color: #cc0000;
}
.img-qrcode{
   float:left !important;
   margin: 0 0 0 0 !important;
   column-width: 6em !important;
}
.table-row-slide {
    display:table-row;
}
.row-login-qrcode-column6{ 
   float:left  !important;   
   margin: -10 0 0 -50  !important;  
   column-width: 11em  !important;  
}
.row-login-qrcode-column8{ 
   float:left !important;  
   margin: -20 0 0 -45px !important; 
   column-width: 4em !important; 
}
.row-login-slide-column8{ 
   float:left !important; 
   margin: 0 0 0 40 !important; 
   column-width: 8em !important; 
}
.row-login-slide-column11{ 
   float:left  !important;  
   margin: 0 0 0 -70  !important;  
   column-width: 11em  !important;  
}
.row-login-admin-slide-column11{ 
   float:left  !important;  
   margin: 0 0 0 50  !important;  
   column-width: 11em  !important;  
}
.row-login-button-column8{ 
   float:left !important; 
   margin: 0 0 0 -15px !important; 
   column-width: 8em !important; 
}
.floating-label-container{
	height:10vh;
    width: 20vw;
    padding: 2em;
    background-color: #90E0EF;
    border-radius: 5px;  
    cursor: pointer; 
    FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #006699;
}
.floating-label-container:hover {
	height:10vh;
    width: 20vw;
    padding: 2em;
    background-color: #00B4D8;
    border-radius: 5px;  
    cursor: pointer; 
    FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #fff; TEXT-DECORATION: underline;
}
.floating-skip-checkbox{
    position:absolute;
    width:100%;
    text-align: center;
    FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #000;
}
.skip-checkbox{
    border-radius: 0.25em;
    height: 18px;
    width: 18px;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
  }
.fag{
	FONT-SIZE: 1.1em;
	FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #006699; TEXT-DECORATION: underline;
}
a.fag:link {
	FONT-SIZE: 1.1em;
	FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #003399;TEXT-DECORATION: underline;
}
a.fag:visited {
	FONT-SIZE: 1.1em; 
	FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #0099CC;TEXT-DECORATION: underline;
}
a.fag:hover {
	FONT-SIZE: 1.1em;
	FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #0099FF; TEXT-DECORATION: underline;
}
a.fag:active {
	FONT-SIZE: 1.1em;
	FONT-FAMILY:  Tahoma, MS Sans Serif, Times New Roman; COLOR: #0099FF;
}