@CHARSET "UTF-8";
.bgstudent {
	background-color:#ffe5a7;
	font-family:tahoma, sans-serif;
	text-decoration:none; 
	color:#444;
	font-weight: normal;
	font-size: 14px;
}

.bgtopic2 {
	background-color:#ffe2f9;
	font-family:tahoma, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
.bgapplication {
	 font-family:Cordia New,MS Sans Serif; font-size:14pt;text-decoration:none;
	color:#000000;
	text-decoration:none;

}
.bgtable {
	background-color: #b3b3b3;
}
.topic {
	font-family:Cordia New,MS Sans Serif;
	font-size:14pt; color:#1e00ff;
	font-weight:none;
}
.topicStudent {
	font-family:Cordia New,MS Sans Serif;
	font-size:14pt; color:#009900;
	font-weight:none;
}
.topicTable {
}
.topicTablePopup {
}


.headBlue{
    font-family:Quark;
	font-size:15px;
	font-weight: bold;
	color: #06688d;
}

.headBlueBig{
    font-family:Quark;
	font-size:18px;
	font-weight: bold;
	color: #06688d;
}

.number {
	text-align:right;
}
.remark {
	 font-size:10pt;
	color:#FF0000;
	font-weight:bold;
}
.remarkText {
	 font-size:13px;
	color:#b7232c;
}
.hideBox { 
	BORDER-RIGHT: #FFFFFF 0pt; 
	BORDER-TOP: #FFFFFF 0pt;  
	BORDER-LEFT: #FFFFFF 0pt; 
	CURSOR: default; 
	BORDER-BOTTOM: #FFFFFF 0pt;  
	font-family:Tahoma;
	font-size:11pt;color:#0066FF;   
}

.flittle {  font-size:8pt; }
.fsmall {  font-size:9pt; }
.fmedium {  font-size:10pt; }
.fbig {  font-size:14px; }

.fnotice {
	color:#000000;
	text-decoration:none;
	 font-size:14px;text-decoration:none; 
	font-weight: normal;
	line-height: 1.8;
}

.fshow{
	font-family:sukhumvit_text;
	font-size:13px;
	color: #3964ee;
	font-weight: bold;
}

.fshowRed{
	font-family:sukhumvit_text;
	font-size:13px;
	color: red;
	font-weight: bold;
}

.fshowGreen{
	font-family:sukhumvit_text;
	font-size:13px;
	color: green;
	font-weight: bold;
}

.fheadertopic{
	font-family:pridi, pridien, Arial;
	font-size:17px;
}

.fheader{
	font-family:pridi, pridien, Arial;
	font-size:15px;
}

.fheaderSub{
	font-family:pridi, pridien, Arial;
	font-size:14px;
}

.flogin{
	font-family:pridi, pridien, Arial;
	font-size:14px;
	color: #ffffff;
}

.falert{
	font-family:pridi, pridien, Arial;
	font-size:16px;
	color: red;
}

.fdetail{
	font-family:pridi, pridien, Arial;
	font-size:14px;
}

.fdetailSarabun{
	font-family:thsarabunnew;
	font-size:14px;
}

.ftopic { font-family:Cordia New,MS Sans Serif; font-size:14pt; text-decoration:none; color:#ffffff;}
.ftopicdetail {  font-size:9pt; text-decoration:none; color:#fcfff0;}
.fresultsize {  font-size:10pt;font-weight:bold;color:#009900; }


/* font bold */
.bpink {  font-size:10pt; font-weight:bold; color:#FF00FF; }
.bblue {  font-size:10pt; font-weight:bold; color:#0033FF; }
.bsky {  font-size:10pt; font-weight:bold; color:#0066FF; }
.borange {  font-size:10pt; font-weight:bold; color:#FF9900; }
.byellow {  font-size:10pt; font-weight:bold; color:#e4b749; }
.bgreen {  font-size:10pt;font-weight:bold;color:#009900; }
.bred {  font-size:10pt;font-weight:bold; color:#FF0000;}
.bblack {  font-size:10pt;font-weight:bold; color:#000000;}
.bwhite {  font-size:10pt;font-weight:bold; color:#FFFFFF;}
.bgray {  font-size:10pt; font-weight:bold;color:#858585;}


.cpink { color:#FF00FF; }
.cblue { color:#0033FF; }
.csky { color:#0066FF; }
.corange { color:#ff9c00; }
.cyellow { color:#e4b749; }
.cgreen { color:#009900; }
.cred { color:#FF0000;}
.cviolet { color:#6600ff;}
.cdarkblue { color:#003366;}
.cdarksky { color:#006699; }
.cgray { color:#858585;}
.cwhite { color:#FFFFFF;}

/* medium */
.codeShow {  font-size:7pt; color:#25a8da;}
.copyright {  font-size:10pt; color:#cccccc;}
.mpink {  font-size:10pt; color:#FF00FF; }
.mblue {  font-size:10pt; color:#0033FF; }
.msky {  font-size:10pt; color:#0066FF; }
.morange {  font-size:10pt; color:#ff9c00; }
.myellow {  font-size:10pt; color:#e4b749; }
.mgreen {  font-size:10pt;color:#009900; }
.mred {  font-size:10pt; color:#FF0000;}
.mviolet {  font-size:10pt; color:#6600ff;}
.mdarkblue {  font-size:10pt; color:#003366;}
.mdarksky {  font-size:10pt; color:#006699; }
.mgray {  font-size:10pt; color:#858585;}
.mblack {  font-size:10pt; color:#000000;}
.mwhite {  font-size:10pt; color:#FFFFFF;}

.lgray {  font-size:7pt; color:#858585;}

/* small */
.spink {  font-size:8pt; color:#FF00FF; }
.sblue {  font-size:8pt; color:#0033FF; }
.ssky {  font-size:8pt; color:#0066FF; }
.sorange {  font-size:8pt; color:#FF9900; }
.syellow {  font-size:8pt; color:#e4b749; }
.sgreen {  font-size:8pt;color:#009900; }
.sred {  font-size:8pt; color:#FF0000;}
.sviolet {  font-size:8pt; color:#6600ff;}
.sdarkblue {  font-size:8pt; color:#003366;}
.sdarksky {  font-size:8pt; color:#006699; }
.sgray {  font-size:8pt; color:#858585;}
.swhite  {  font-size:8pt; color:#FFFFFF;}

.i-calendar {
	cursor: pointer;
	border: 1px solid #c4c4c4
}
.datagrid table{
	padding:0;
	border-collapse:separate;
	*border-collapse:collapse;
	border-spacing:0;
	border:1px solid #7F7F7F; 
	background-color: #fff;
	font-size: 14px;
}
.datagrid thead{border-spacing:0;}
.datagrid caption{color:#000;line-height:1;padding:1em 0;text-align:center;}
.datagrid th{
	background:#635d5d;
	color : #fff;
	border-bottom:1px solid #7F7F7F;
	border-right:1px solid #CBCBCB;
	cursor: pointer;
	padding-top: .25rem;
	font-weight: normal;
}
.datagrid td{margin:0;padding:2px 3px 2px 3px;border:none;border-right:1px solid #CBCBCB;line-height:22px; padding-left: 5px;}

.datadetail table{margin-left:10px;padding:0; background-color: #fff}
.datadetail td{margin:0;padding:2px 3px 2px 3px;border:none;line-height:22px; padding-left: 5px;}
.datagrid tbody tr:nth-child(even) {background: #fef4f4}
.datagrid tbody tr:nth-child(odd) {background: #FFF}

.datagrid tbody tr:nth-child(odd):hover{background: #f3d27e;}
.datagrid tbody tr:nth-child(even):hover {background: #f3d27e; }

.datadetail tbody tr:nth-child(odd):hover{background: #f3d27e;}
.datadetail tbody tr:nth-child(even):hover {background: #f3d27e; }

/* ----- */
.datagridNoColor table{
	margin-left:10px;
	padding:0;
	border-collapse:separate;
	*border-collapse:collapse;
	border-spacing:0;
	border:1px solid #7F7F7F; 
	background-color: #fff;
	font-size: 14px;
}
.datagridNoColor thead{border-spacing:0;}
.datagridNoColor caption{color:#000;line-height:1;padding:1em 0;text-align:center;}
.datagridNoColor th{
	background:#635d5d;
	color : #fff;
	border-bottom:1px solid #7F7F7F;
	border-right:1px solid #CBCBCB;
	cursor: pointer;
	padding-top: .25rem;
	font-weight: normal;
}
.datagridNoColor td{margin:0;padding:2px 3px 2px 3px;border:none;border-right:1px solid #CBCBCB;line-height:22px; padding-left: 5px;}
.datagridNoColor tbody tr:nth-child(even) {background: #fff5ed;}
.datagridNoColor tbody tr:nth-child(odd) {background: #FFF;}

.datagridNoColor tbody tr:nth-child(odd):hover{background: #f3d27e;}
.datagridNoColor tbody tr:nth-child(even):hover {background: #f3d27e; }

.kanit{
   font-family: 'Kanit', sans-serif;
}

@font-face {
	font-family: 'Kanit';
	src: url('../font/Kanit-Medium.eot');
	src: url('../font/Kanit-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Kanit-Medium.woff') format('woff'),
		url('../font/Kanit-Medium.ttf') format('truetype');
}

.notosan{
   font-family: 'Notosan', sans-serif;
}

@font-face {
	font-family: 'Notosan';
	src: url('../font/NotoSansTh.eot');
	src: url('../font/NotoSansTh.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansTh.woff') format('woff'),
		url('../font/NotoSansTh.ttf') format('truetype');
}
.i-calendar {
	background: #fff url("../img/icon/calendar.png") no-repeat;
	background-position: 96%;
	padding-right: 20px;
	cursor: pointer;
}
.preloading {
	text-align: center;
	background-size: contain;
	background: url("../img/preload/ajax-loader.gif");
	padding-top: 20px;
	background-position: center center;
    background-repeat: no-repeat;
}