@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;
}

.iSarabanBoldBlue {	
	font-family: thSarabanNew;
	font-size: 16pt;
	font-weight: bold;
	color: #0000FF;
}
.iSarabanBoldWhite {	
	font-family: thSarabanNew;
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
}
.iSarabanBoldYellow {	
	font-family: thSarabanNew;
	font-size: 16pt;
	font-weight: bold;
	color: #FF0;
}
.iSarabanNormal {	
	font-family: thSarabanNew;
	font-size: 16pt;
}

.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 ?????????????????€?????????*/ 

#divContentArea{
	position: relative;
}

#divSubMenu901{
    position: absolute;
    left: 260px;
    top: 40px;
    width: 300px;
    height: 300px;
	
}

#divSubMenu902{
    position: absolute;
    left: 260px;
    top: 70px;
    width: 500px;
    height: 300px;
}

#divSubMenu903{
    position: absolute;
    left: 260px;
    top: 100px;
    width: 450px;
    height: 300px;
}

#divSubMenu904{
    position: absolute;
    left: 260px;
    top: 130px;
    width: 450px;
    height: 300px;
}

#divSubMenu905{
    position: absolute;
    left: 260px;
    top: 160px;
    width: 450px;
    height: 300px;
}

#divSubMenu906{
    position: absolute;
    left: 260px;
    top: 190px;
    width: 450px;
    height: 300px;
}

#divSubMenu907{
    position: absolute;
    left: 260px;
    top: 210px;
    width: 450px;
    height: 300px;
}

img {
    display: block;
    margin: auto;
}

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
