/* @import url(fonts/fonts.css); */
@import url('https://fonts.googleapis.com/css?family=Prompt|Kanit|Quicksand|Sarabun|Spartan|Thasadith&display=swap&subset=thai');
BODY {
	font-family:  'Prompt'; 
	font-size: 12px; 
	line-height: 24px;
	CURSOR: default; 
	MARGIN: 0 0 10 0px;  /* top right bottom left  */
	PADDING: 0;
	BACKGROUND-color: #FFFFFF;
	/*background: transparent url(http://202.143.139.179/siteschool/images/ribbon-black_68.png) ;*/
	background-repeat: no-repeat;
	COLOR: #000;
}
A:link		{ FONT-WEIGHT: none; text-decoration:none; font-size: 18px; }
A:active	{ FONT-WEIGHT: none; text-decoration:none; font-size: 18px; }
A:visited	{ FONT-WEIGHT: none; text-decoration:none; font-size: 18px; }
A:hover	{ FONT-WEIGHT: none; text-decoration:underline; font-size: 18px; }
input,select,textarea,iframe,p 	{  font-family: 'Prompt', sans-serif; font-size: 18px; clear: both; cursor:pointer; }
.fontchoose2
{
	color:#FFFFFF;
	font-weight: bold;
}

table {
	font-family:  'Prompt'; 
	font-size: 12px; 
	line-height: 24px;
	CURSOR: default; 
}

#wrapper {
	border: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#header {
        background-color: #FFFFFF;
        background-position: right top;
        border-bottom: 4px solid #FFC401;
}

#sunshine {
	position: relative;
	width: 100%;
	background: #FFFFFF;
	background-position: top right;
	margin: 0px;
	padding: 0px;
}

#break {
	height: 30px;
}

form {
    margin: 0px;
}

.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	background: url(../image/button_bg.gif) repeat-x;
	font-size : 18px;
	padding: 4px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	padding: 10px;
	border: 0px solid #cccccc;
	width: 480px;
	background: #FFFFFF;
}
	
.login h1 {
	/*background: url(../images/login/login_header.png) no-repeat;*/
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 0px solid #cccccc;
	background: #FFFFFF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 50%;
}

.login-text {
	color:white;
	text-align: left;
	width: 50%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

.footer {

}