﻿


@charset "utf-8";
body {	
font-size: 11pt; 
line-height: 135%; 
font-family: tahoma;
scrollbar-face-color: #e9e9e9;
scrollbar-shadow-color: #99ccff; 
scrollbar-highlight-color: #99ccff; 
scrollbar-3dlight-color: #e9e9e9; 
scrollbar-darkshadow-color: #e9e9e9; 
scrollbar-track-color: #e9e9e9; 
scrollbar-arrow-color: #99ccff}
}
			


table {	font-size: 10pt; 
			line-height: 135%; 
			font-family: tahoma;
			}
			
td {	font-size: 10pt; 
			line-height: 135%; 
			font-family: tahoma;
			}			
			

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: tahoma;
			}

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

.topic	{	font-size: 15pt; 
			font-weight: bold;
			line-height: 135%; 
			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;
			line-height: 100%; 
			font-family: freesiaupc;
			}
	.h11	{ font-size: 17pt; 
			font-weight: bold;
			font-style: none;
			color: #06F;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			line-height: 100%; 
			font-family: freesiaupc;
			}
	.h12	{ font-size: 17pt; 
			font-weight: bold;
			font-style: none;
			color: #F63;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			line-height: 100%; 
			font-family: freesiaupc;
			}				
	
.hi1	 {	font-size: 15pt; 
			font-weight: bold;
			font-style: none;
			color: #990000;
			letter-spacing: -1pt;
			margin-top: 10pt;
			margin-bottom: -10pt;
			line-height: 95%; 
			font-family: freesiaupc
			}

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

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

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

.hi4b	 {	font-size: 11pt; 
			line-height: 135%; 
			color: #000000;
			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: #CC3300; text-decoration: none}
a.title:visited {color: #CC3300; text-decoration: none}
a.title:hover {color: #073EF8; text-decoration: none}
a.title:active {color: #073EF8; text-decoration: none}

			
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: #CC3300; text-decoration: none; font-weight:bold}
a.atype:visited {color: #CC3300; text-decoration: none; font-weight:bold}
a.atype:hover {color:#00F ; text-decoration: none; font-weight:bold}
a.atype:active {color: #CC3300; text-decoration: none; font-weight:bold}



.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: #006600;
text-decoration: none;
border-style: none solid none solid;
font-family: tahoma;
font-size: 10pt; 
border-color: #006633;
border-width: 1px;

height: 12px;

}


#menu a:hover {
width: 199px;
font-family: tahoma;
color: #000000;
background: #cccc99;
border-style: none solid none solid;
font-size: 10pt; 
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 8px 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/')  3px 3px no-repeat;}	

.bul01_group{padding-left:30px;background: url('../img/')  13px 3px no-repeat;}	

.bul03{padding-left:14px;background: url('../img/bg_dot1.jpg')  3px 10px 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.img
{
  margin: 2px;
  border: 1px solid #C3C3C3;
  float: center;
  background-color:#FFF;
  text-align: center;
}	

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

.gridTD{
	padding:5px;
	background-color: #FFFFFF; 
	border-bottom: 1px #F90 solid; 
	border-right: 1px #F90 solid; 
	border-left: 1px #F90 solid; 
	border-top: 1px #F90 solid; 
	ont-size: 12px; 
}

.gridTitle{
	text-align: center; 
	background-color: #FFD032; 
	border-top: 1px #1B0000 solid;  
	border-bottom: 1px #1B0000 solid; 
	border-left: 1px #1B0000 solid; 
	border-right: 1px #1B0000 solid; 
	font-family: Tahoma; 
	font-size: 12px;
	COLOR: #1B0000; 
}

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

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