@charset "utf-8";
body {	font-size: 10pt; 
			line-height: 135%; 
			color: #6699cc;
			font-family: MS Sans Serif ;


			}



table {	font-size: 10pt; 
			line-height: 135%; 
			color: #666666;
			font-family: Tahoma, Geneva, sans-serif ;
			}

ul {		font-size: 10pt; 
			line-height: 135%; 
			font-weight: normal;
			list-style-type: square;
			}

.para {	font-size: 10pt; 
			text-indent: 30pt;
			text-align: justify;
			color: #993300;
			line-height: 135%; 
			font-family: MS Sans Serif;
			}

.small{	font-size: 8pt; 
			line-height: 135%; 
			font-family: MS Sans Serif
			}

.topic	{	font-size: 10pt; 
			font-weight: bold;
			line-height: 135%; 
			margin-bottom: -10pt;
			color: #BB00FF;
			font-family: MS Sans Serif;
			}

.h1	{ font-size: 19pt; 
			font-weight: bold;
			font-style: none;
			color: #009;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			line-height: 100%; 
			font-family: freesiaupc;
			}
	
.hi1	 {	font-size: 9pt; 
			font-weight: none;

			color: #ffffff;
			letter-spacing: -1pt;
			margin-top: 10pt;
			margin-bottom: -10pt;
			line-height: 100%; 
			font-family: MS Sans Serif;
			}
a:link {color: #0066cc; text-decoration: none}
a:visited {color: #0066cc; text-decoration: none}
a:hover {color: #006600; text-decoration: none}
a:active {color: #0066cc; text-decoration: none}

a.b:link {color: #06F; text-decoration: none}
a.b:visited {color: #06F; text-decoration: none}
a.b:hover {color: red; text-decoration: underline}
a.b:active {color: red; text-decoration: underline}

a.p:link {color: #0099cc; text-decoration: none}
a.p:visited {color: #0099cc; text-decoration: none}
a.p:hover {color: red; text-decoration: underline}
a.p:active {color: red; text-decoration: underline}

a.w:link {color: #0066cc; text-decoration: none}
a.w:visited {color: #0066cc; text-decoration: none}
a.w:hover {color: #99cc99; text-decoration: underline}
a.w:active {color: #99cc99; text-decoration: underline}

a.y:link {color:#996600; text-decoration: none}
a.y:visited {color:#996600; text-decoration: none}
a.y:hover {color: #ff6600; text-decoration: none}
a.y:active {color: #FF33FF; text-decoration: underline}

a.z:link {color: #808080; text-decoration: none}
a.z:visited {color: #808080; text-decoration: none}
a.z:hover {color: red; text-decoration: underline}
a.z:active {color: red; text-decoration: underline}


.bul01_menu{padding-left:17px;background: url('../img/bullet0020.gif')  3px 7px no-repeat; height:20px;}	

.bul02_menu{padding-left:17px;background: url('../img/5_79.gif')  3px 5px no-repeat; height:20px;}	

div.img
{
  margin: 2px;
  border: 1px solid #E6E4E4;
  float: left;
  background-color:#EFEFEF;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #EFEFEF;
}

div.img a:hover img {border: 1px solid #CCC;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

h3 {
    font-size: 24px;
    line-height: 1.1;
}
h1, h2, h3 {
    font-family: 'DBYordXMedium';
    font-weight: normal;
}

.banner_thaischool{
	padding:2px 0 0 350px;
}