@font-face {
    font-family: thSarabanNEW;
    src: url('Font/THSarabunNew.ttf'), url('Font/thsarabunnew.eot'), url('Font/thsarabunnew.woff');
}

.THSarabanBlackNormal{
	font-family:thSarabanNew;
	font-size: 21px;
}

.THSarabanBlackNormalHeader{
	font-family:thSarabanNew;
	font-size: 24px;
}

.THSarabanBlackBoldHeader{
	font-family:thSarabanNew;
	font-size: 24px;
	font-weight: bold;
	color:#000000;	
}

.THSarabanWhiteBoldHeader{
	font-family:thSarabanNew;
	font-size: 24px;
	font-weight: bold;
	color:#FFFFFF;	
}

.THSarabanRedNormal{
	font-family:thSarabanNew;
	font-size: 21px;
	color:#FF0000;
}

.THSarabanYellowBold{
	font-family:thSarabanNew;
	font-size: 21px;
	font-weight: bold;
	color:#FFFF00;
}

.THSarabanSmallBlackNormal{
	font-family:thSarabanNew;
	font-size: 18px;
	color:#FF0000;
}

.iMathLink a{ text-decoration:none } /*?????????????????”??€??????????????•???*/
.iMathLink a:link {color: #000;} /* unvisited link ????????”???  ?????????????????”??€??????????????•???*/ 
.iMathLink a:visited {color: #000} /* visited link  ????????”???*/ 
.iMathLink a:hover {color:#FF6600;font-weight: bold;} /* mouse over link ??????????????? */ 
.iMathLink a:active {color: #0000FF; text-align: center;} /* selected link ?????????????????€?????????*/ 

#divContentMenu {
	position: absolute;
	left: 435px;
	top: 410px;
	z-index:1000;
}

#divExerciseMenu {
	position: absolute;
	left: 640px;
	top: 410px;
	z-index:1001;
}

#divExaminationMenu {
	position: absolute;
	left: 750px;
	top: 410px;
	z-index:1002;
}

#divUserMenuMain{
    position: relative;
    display: inline-block;
}

#divUserMenu {
    display: none;
    position: absolute;
    right: 0;
}
/*
html{
           filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
           -webkit-filter: grayscale(100%);
           -moz-filter: grayscale(100%);
           -ms-filter: grayscale(100%);
           -o-filter: grayscale(100%);
           filter: grayscale(100%);
}
*/