@charset "utf-8";

table {	font-size: 9pt; 
			 
			font-family: tahoma;
			}
			
td {	font-size: 9pt; 
			 
			font-family: tahoma;
			}			
			

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

.para {	font-size: 10pt; 
			text-indent: 30pt;
			text-align: justify;
			color: #993300;
			 
			font-family: tahoma;
			}

.small{	font-size: 8pt; 
			 
			font-family: tahoma
			}

.topic	{	font-size: 15pt; 
			font-weight: bold;
			 
			margin-bottom: -10pt;
			color: #FF0;
			font-family: tahoma;
			}

.h1	{ font-size: 19pt; 
			font-weight: bold;
			font-style: none;
			color: #FF0;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			 
			font-family: freesiaupc;
			}
	.h11	{ font-size: 17pt; 
			font-weight: bold;
			font-style: none;
			color: #06F;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			 
			font-family: freesiaupc;
			}
	.h12	{ font-size: 17pt; 
			font-weight: bold;
			font-style: none;
			color: #F63;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			 
			font-family: freesiaupc;
			}				
	
.hi1	 {	font-size: 15pt; 
			font-weight: bold;
			font-style: none;
			color: #990000;
			letter-spacing: -1pt;
			margin-top: 10pt;
			margin-bottom: -10pt;
			 
			font-family: freesiaupc
			}

.hi1b { font-size: 11pt; 
			font-weight: bold;
			font-style: none;
			color: #FFC;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			 
			font-family: tahoma;
			}

.hi2b { font-size: 10pt; 
			font-weight: none;
			color: #000099;
			letter-spacing: 1;
			margin-top: 10pt;
			margin-bottom: -10pt;
			 
			font-family:tahoma;
			}	
.hi2bb { font-size: 8pt; 
			font-weight: none;
			color: #cc0000;
			 
			font-family:tahoma;
			}								
.hi3b { font-size: 14pt; 
			font-weight: bold;
			font-style:tahoma;
			color: #ffff99;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			 
			font-family: freesiaupc;
			}

.hi2	 {	font-size: 110pt; 
			font-weight: bold;
			text-align: justify;
			color: #BB00FF;
			 
			font-family: freesiaupc
			}

.hi4b	 {	font-size: 11pt; 
			 
			color: #828282;
			font-family: tahoma;
			}
			
a:link {color: #006; text-decoration: none}
a:visited {color: #006; text-decoration: none}
a:hover {color: #06C; text-decoration: none}
a:active {color: #000080; text-decoration: none}

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

a.p:link {color: #8000FF; text-decoration: none}
a.p:visited {color: #888888; text-decoration: none}
a.p:hover {color: red; text-decoration: underline}
a.p:active {color: red; text-decoration: underline}

a.w:link {color: #ffff00; text-decoration: none}
a.w:visited {color: #ffff00; text-decoration: none}
a.w:hover {color: #ffffff; text-decoration: underline}
a.w:active {color: #ffffff; text-decoration: underline}

a.y:link {color:#0066cc; text-decoration: none}
a.y:visited {color:#0066cc; text-decoration: none}
a.y:hover {color: #990000; text-decoration: none}
a.y:active {color: #FF33FF; text-decoration: underline}

a.z:link {color: #0099ff; text-decoration: none}
a.z:visited {color: #0099ff; text-decoration: none}
a.z:hover {color: #0066cc; text-decoration: underline}
a.z:active {color: #0066cc; text-decoration: underline}

a.title:link {color: #666666; text-decoration: none;}
a.title:visited {color: #666666; text-decoration: none;}
a.title:hover {color: #555555; text-decoration: none;}
a.title:active {color: #555555; text-decoration: none;}


a.title1:link {color: #999999; text-decoration: none}
a.title1:visited {color: #999999; text-decoration: none}
a.title1:hover {color: #555555; text-decoration: none}
a.title1:active {color: #555555; text-decoration: none}

a.title2:link {color: #666666; text-decoration: none;font-weight:bold;font-size: 11pt;}
a.title2:visited {color: #666666; text-decoration: none;font-weight:bold;font-size: 11pt;}
a.title2:hover {color: #555555; text-decoration: none;font-weight:bold;font-size: 11pt;}
a.title2:active {color: #555555; text-decoration: none;font-weight:bold;font-size: 11pt;}

			
a.active:link {color: #F00; text-decoration: none; font-weight:bold}
a.active:visited {color: #F00; text-decoration: none; font-weight:bold}
a.active:hover {color: #00F; text-decoration: none; font-weight:bold}
a.active:active {color: #F00; text-decoration: none; font-weight:bold}
			
a.atype:link {color: #555555; text-decoration: none; font-weight:bold;font-size: 12pt;}
a.atype:visited {color: #555555; text-decoration: none; font-weight:bold;font-size: 12pt;}
a.atype:hover {color:#cccccc ; text-decoration: none; font-weight:bold;font-size: 12pt;}
a.atype:active {color: #cccccc; text-decoration: none; font-weight:bold;font-size: 12pt;}

a.atype1:link {color: #FFFFFF; text-decoration: none; font-weight:bold}
a.atype1:visited {color: #FFFFFF; text-decoration: none; font-weight:bold}
a.atype1:hover {color:#cccccc ; text-decoration: none; font-weight:bold}
a.atype1:active {color: #cccccc; text-decoration: none; font-weight:bold}

a.atype2:link {color: #242424; text-decoration: none; font-weight:bold;font-size: 12pt; }
a.atype2:visited {color: #242424; text-decoration: none; font-weight:bold;font-size: 12pt; }
a.atype2:hover {color:#999999 ; text-decoration: none; font-weight:bold;font-size: 12pt; }
a.atype2:active {color: #999999; text-decoration: none; font-weight:bold;font-size: 12pt; }

a.atype3:link {color: #666666; text-decoration: none; font-weight:bold;font-size: 9pt; }
a.atype3:visited {color: #666666; text-decoration: none; font-weight:bold;font-size: 9pt; }
a.atype3:hover {color:#222222 ; text-decoration: none; font-weight:bold;font-size: 9pt; }
a.atype3:active {color: #222222; text-decoration: none; font-weight:bold;font-size: 9pt; }

.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
width:100; 
color: #996600;
}

.basictab li{
display: inline;
margin: 0;
color: #009900;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 0px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #996600;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover, .basictab li a.current{
background-color: #DBFF6C;
color: #ff3300;
}

.basictab li a:active{
color: #996600;
}

#tabcontentcontainer{
width:95%; /*width of 2nd level content*/
height:1.5em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display:none;
}


#box {visibility: hidden; position: absolute; layer-background-color: silver}
#iebox {border-left-color: blue; border-bottom-color: blue; border-top-color: blue; line-height: 11pt; background-color: yellow; border-right-color: blue
}
.input2 {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid; FONT-FAMILY: "tahoma";COLOR: #003399;BACKGROUND-COLOR: #ffffff 

}

.TEXTAREA1 {
	BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; FONT-WEIGHT: none; FONT-SIZE: 5px; BORDER-LEFT: #efefef 1px solid; TEXT-INDENT: 1px; BORDER-BOTTOM: #efefef 1px solid; FONT-FAMILY: tahoma, Verdana, sans-serif;COLOR: #0099ff;  BACKGROUND-COLOR: #ccffff
}

#menu a {
width: 199px;
color: #00cc00;
background: #FFFFFF;
text-decoration: none;
border-style: none solid none solid;
font-family: tahoma;
font-size: 12pt; 
border-color: #FFFFFF;
border-width: 1px;
height: 15px;

}


#menu a:hover {
width: 180px;
font-family: tahoma;
color: #000000;
background: #cccc99;
border-style: none solid none solid;
font-size: 11pt; 
border-color: #996600;
border-width: 1px;

height: 12px;
}
input.btn {
  color:#050;
  font: bold 100% 'trebuchet ms',tahoma;
  background-color:#f0f0f0;
  border:1px solid;
  border-color: #696 #363 #363 #696;
}

/* Bakcground ของหมวดหมู่*/
.bg_titleleft{background:url(../images/bb_border_04.jpg) 0px 3px no-repeat;}

.bul01_cate{padding-left:15px;background: url('../img/i_cate.gif')  3px 8px no-repeat;}	

.bul02_cate{padding-left:15px;background: url('../img/ico_linker.gif')  3px 4px no-repeat;}	

.bul02_mud{padding-left:18px;background: url('../images/ico/mud.gif')  3px 1px no-repeat;}	

.bul01_group{padding-left:20px;background: url('../img/i_group.png')  no-repeat;}		

.bul03{padding-left:14px;background: url('../pic/bg_dot1.jpg')  5px 9px no-repeat;}	

.bul04{padding-left:25px;background: url('../img/bul_type.png')  3px 6px no-repeat;}	

.bg_line1{background: url('../img/bg_line.gif') repeat-x;}

div.img2
{
  margin: 0px;
  border: 0px dotted #FFCCCC;
  float: left;
  background-color:#FFF;
  text-align: center;
}	

div.img2 img
{
  display: inline;
  margin: 0px;
  border: 1px solid #ffffff;
}
div.img2 a:hover img {border: 0px solid #009AD9;}

div.img1
{
  margin: 0px;
  border: 2px dotted #FFFFFF;
  float: center;
  background-color:#FFF;
  text-align: center;
}

div.img1 img
{
  display: inline;
  margin: 0px;
  border: 2px solid #ffffff;
}

div.img1 a:hover img {border: 2px dotted #009AD9;}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

.gridTD{
	padding:0px;
	background-color: #FFFFFF; 
	border-bottom: 1px #FFFFFF dotted; 
	border-right: 1px #FFFFFF dotted; 
	border-left: 1px #FFFFFF dotted; 
	border-top: 1px #FFFFFF dotted; 
	font-size: 11px; 
}

.gridTitle{
	text-align: center; 
	background-color: #3BB2EA; 
	border-top: 1px #3FBAF4 solid;  
	border-bottom: 1px #178FC7 solid; 
	border-left: 1px #178FC7 solid; 
	border-right: 1px #6AC8F4 solid; 
	font-family: Tahoma; 
	font-size: 12px;
	COLOR: #ffffff; 
}

.gridRow{
	padding:0 5px 0 5px; 
	border-bottom: 1px #eaf4ff solid; 
	border-right: 1px #DFF3FA solid; 
	font-family: Tahoma;
	font-size: 12px; 
}

.gridRow1{
	padding:0 5px 0 5px; 
	background-color: #F2F5F6; 
	border-bottom: 1px #eaf4ff solid; 
	border-right: 1px #DFF3FA solid; 
	border-left: 1px #DFF3FA solid; 
	font-family: Tahoma;
	font-size: 12px; 
}

div.menu_left {
font-family:tahoma;
font-size:12px;
color:#FFFFFF;
}

div.menu_left a {
font-size:12px;
color:#0000FF;
text-decoration:none;
}

div.menu_left a:visited {
font-size:12px;
color:#0000FF;
}

div.menu_left a:hover {
font-size:12px;
color:#FF0000;
}

div.group {
font-family:tahoma;
font-size:12px;
color:#FFFFFF;
}

div.group a {
color:#009900;
text-decoration:none;
}

div.group a:visited {
color:#009900;
font-weight:Bold;
}

.group a:hover {
color:#0000FF;
font-weight:Bold;
}

div.menu_top {
font-family:tahoma;
font-size:13px;
color:#FFFFFF;
font-weight:Bold;
}

div.menu_top a {
font-family:tahoma;
font-size:13px;
color:#FFFFFF !important;
font-weight:Bold;
text-decoration:none;
}

div.menu_top a:visited {
font-family:tahoma;
font-size:13px;
color:#FFFFF !important;
font-weight:Bold;
}

div.menu_top a:hover {
font-family:tahoma;
font-size:13px;
color:#f0f1f2 !important;
font-weight:Bold;
}
div.f9 {
font-family:tahoma;
font-size:9px;
font-weight:bold;
color:#003366;
}