@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;
}
.iSarabanNormalWhite {	
	font-family: thSarabanNew;
	font-size: 16pt;
	color: white;
}

.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 ?????????????????€?????????*/ 

#divMainArea{
	position: relative;
}

#divMenuVideo{
    position: absolute;
    left: 270px;
    top: 40px;
    /*width: 100px;*/
    height: 300px;
}

#divMenuExercise{
    position: absolute;
    left: 419px;
    top: 40px;
    /*width: 200px;*/
    height: 300px;
}

#divMenuExamination{
    position: absolute;
    left: 580px;
    top: 40px;
    /*width: 200px;*/
    height: 300px;
}

img {
    display: block;
    margin: auto;
}

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }