@charset "utf-8";

.white {
	color: #ffffff;
}
			
TD.topics {
	BACKGROUND-COLOR: #cceeff; BORDER-BOTTOM: #c3c3c3 1px solid; BORDER-TOP: #0099cc 0px solid
}
TD.topics A {
	COLOR: #3366ff; FONT-SIZE: 13px; FONT-WEIGHT: none; LINE-HEIGHT: 16px; PADDING-LEFT: 3px; TEXT-DECORATION: none; WIDTH: 100%
}
TD.topics A:hover {
	BACKGROUND-COLOR: #d7ffd7; COLOR: #990000; FONT-SIZE: 13px
}

TR.toptr {
	BACKGROUND-COLOR: #dddddd; BORDER-BOTTOM: #c3c3c3 1px solid; BORDER-TOP: #0099cc 0px solid
}			
TR.toptr A {
	COLOR: #ffffff; FONT-SIZE: 13px; FONT-WEIGHT: none; LINE-HEIGHT: 16px; PADDING-LEFT: 3px; TEXT-DECORATION: none; WIDTH: 100%
}

TD.toptr A:hover {
	BACKGROUND-COLOR: #eaffff; COLOR: #000000; FONT-SIZE: 13px;WIDTH: 100%
}


table {	font-size: 10pt; 
			line-height: 135%; 
			color: #666;
			font-family:  Tahoma ;
			}


.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: 10pt; 
			font-weight: bold;
			line-height: 135%; 
			margin-bottom: -10pt;
			color: #BB00FF;
			font-family: Tahoma;
			}

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

			color: #ffffff;
			letter-spacing: -1pt;
			margin-top: 10pt;
			margin-bottom: -10pt;
			line-height: 100%; 
			font-family: Tahoma;
			}

.hi1b { font-size: 19pt; 
			font-weight: bold;
			font-style: none;
			color: #cc0000;
			letter-spacing: -1;
			margin-top: 20pt;
			margin-bottom: 10pt;
			line-height: 100%; 
			font-family: Arial, Helvetica, sans-serif;
			}

.hi2b { font-size: 10pt; 
			font-weight: none;
			color: #cc0000;
			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: 16pt; 
			font-weight: bold;
			font-style:Tahoma;
			color: #0066cc;
			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
}




a:link {color: #333300; text-decoration: none}
a:visited {color: #333300; text-decoration: none}
a:hover {color: #006600; text-decoration: none}
a:active {color: #0000cc; text-decoration: none}

a.b:link {color: #000; text-decoration: none}
a.b:visited {color: #000; text-decoration: none}
a.b:hover {color: #333300; text-decoration: underline}
a.b:active {color:#333300; text-decoration: underline}

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

a.w:link {color: #996600; text-decoration: none}
a.w:visited {color: #996600; text-decoration: none}
a.w:hover {color: #cc0000; text-decoration: none}
a.w:active {color: #333399; text-decoration: none}

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

a.link:link {color: #006699; text-decoration: none}
a.link:visited {color: #006699; text-decoration: none}
a.link:hover {color: #960; text-decoration: underline}
a.link:active {color:#006699; text-decoration: underline}

a.links:link {color: #006; text-decoration: none}
a.links:visited {color: #006; text-decoration: none}
a.links:hover {color: #006; text-decoration: underline}
a.links:active {color:#006; text-decoration: underline}


#menu a {
width: 190px;
color: #ffffff;
background: #0099ff;
text-decoration: none;
border-style: none solid none solid;
font-family:Tahoma;
font-size: 10pt; 
border-color: #006699;
border-width: 1px;

height: 20px;

}


#menu a:hover {
width: 190px;
font-family: Tahoma;
color: #000000;
background: #00ccff;
border-style: none solid none solid;
font-size: 10pt; 
border-color: #996600;
border-width: 1px;

height: 20px;
}


#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
}
.mput{
	BORDER-RIGHT: #cecece 1px solid; BORDER-TOP: #cecece 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cecece 1px solid; BORDER-BOTTOM: #cecece 1px solid; FONT-FAMILY: "Tahoma";COLOR: #000000; 

}

.TEXTAREA1 {
	BORDER-RIGHT: #e8e8e8 1px solid; BORDER-TOP: #cacaca 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 5px; BORDER-LEFT: #cacaca 2px solid; TEXT-INDENT: 1px; BORDER-BOTTOM: #cacaca 1px solid; FONT-FAMILY: Tahoma, Verdana, sans-serif; BACKGROUND-COLOR: #e9e9e9
}

/*---------- ไอคอนและเส้น ---------------*/
.bg_dot1{background: url('../images/img/dot1.gif') repeat-x; height:1px;}
.bg_line1{background: url('../images/img/line1.gif') repeat-x; height:2px;}
.bg_titleboard{background: url('../images/img/title_board.gif') repeat-x; height:24px; font-weight:bold; text-align:center;}

#mtop2 li a.itop_01{background: url('../images/img/itop_04.png') 12px 5px no-repeat;}
#mtop2 li a.itop_02{background: url('../images/img/itop_05.png') 12px 5px no-repeat;}	
#mtop2 li a.itop_03{background: url('../images/img/itop_06.png') 12px 5px no-repeat;}	
#mtop2 li a.itop_04{background: url('../images/img/itop_07.png') 12px 5px no-repeat;}	
#mtop2 li a.itop_05{background: url('../images/img/itop_01.png') 12px 5px no-repeat;}	
#mtop2 li a.itop_06{background: url('../images/img/itop_02.png') 12px 5px no-repeat;}	
#mtop2 li a.itop_07{background: url('../images/img/itop_03.png') 12px 5px no-repeat;}	

.bul_guest01{padding-left:25px;background: url('../images/img/pencil.gif')  3px 1px no-repeat; height:20px;}	
.bul_guest02{padding-left:25px;background: url('../images/img/user.gif')  3px 0px no-repeat;}	
.bul_guest03{padding-left:25px;background: url('../images/img/calendar.gif')  3px 0px no-repeat; height:18px;}	

.bul_icon01{padding-left:20px;background: url('../images/img/icon_01.gif')  3px 7px no-repeat; height:20px;}
.bul_icon02{padding-left:14px;background: url('../images/img/icon_02.gif')  0px 6px no-repeat; height:20px;}
.bul_icon022{padding-left:14px;background: url('../images/img/icon_022.gif')  0px 6px no-repeat; height:20px;}
.bul_icon03{padding-left:20px;background: url('../images/img/icon_03.gif')  3px 2px no-repeat; height:20px;}
.bul_icon04{padding-left:20px;background: url('../images/img/icon_04.gif')  3px 4px no-repeat; height:20px;}
.bul_icon05{padding-left:25px;background: url('../images/img/icon_05.gif')  3px 6px no-repeat; height:20px;}
.bul_icon06{padding-left:25px;background: url('../images/img/icon_06.gif')  3px 1px no-repeat; height:25px;}
.bul_icon09{padding-left:25px;background: url('../images/img/icon_09.gif')  3px 4px no-repeat; height:20px;}
.bul_icon10{padding-left:25px;background: url('../images/img/itop_05.png')  3px 1px no-repeat; height:20px;}

.b_lock{padding-left:23px;background: url('../images/img/b_lock.png')  3px 0px no-repeat; height:25px;}
.b_unlock{padding-left:23px;background: url('../images/img/b_unlock.png')  3px 0px no-repeat; height:25px;}
.b_cal{padding-left:23px;background: url('../images/img/b_cal.png')  3px 0px no-repeat; height:25px;}
.b_list{padding-left:23px;background: url('../images/img/b_list.png')  3px 0px no-repeat; height:25px;}
.b_forgot{padding-left:23px;background: url('../images/img/b_forgot.png')  3px 0px no-repeat; height:25px;}
.b_del{padding-left:23px;background: url('../images/img/b_del.png')  3px 0px no-repeat; height:25px;}
.b_new{padding-left:23px;background: url('../images/img/b_new.png')  3px 0px no-repeat; height:25px;}
.b_user{padding-left:23px;background: url('../images/img/b_user.png')  3px 0px no-repeat; height:25px;}
.b_mud{padding-left:23px;background: url('../images/img/b_mud.gif')  7px 3px no-repeat; height:22px;}
.b_unmud{padding-left:23px;background: url('../images/img/b_unmud.gif')  3px 0px no-repeat; height:22px;}
.b_topic{padding-left:23px;background: url('../images/img/b_topic.gif')  3px 2px no-repeat; height:22px;}

.txt_titlebar{
	color:#FFF; padding-left:15px; font-size:14px; font-weight:bold;
}

.td_right{
	text-align:right; background-color:#EAF4FF;
}


.td_left{
	text-align:left; background-color:#ffffff;
}