@charset "windows-874";/* CSS Document */
#tab {
  display:block;
  width:100%; /* ความกว้างของ Tab */
}
#content_tab {
/*  margin:0px;*/
/* border-right:1px solid #333333;
  border-bottom:1px solid #333333;
  border-left:1px solid #333333;
  display:block;*/
/*  height:120px; ความสูงของ Tab */
 /* overflow:hidden; /* แสดง scrollbar */*/
 /* padding:0px 2px 2px 2px;
  color:#000066;*/
}
#tab ul {
margin-top:0px;
padding:0px;
list-style-type:none;
float:right; /* Tab ชิดขวา */
}
#tab li {
  display:inline;
  position:relative;
}
#tab li a {
  font-weight:bold; /* ตัวอักษรหนา */
  text-decoration:none; /* ไม่ขีดเส้นใต้ */
  color:#006699; /* สีตัวอักษร */
  background:#f0f0f0; /* สีพื้นตอนปกติ (#f0f0f0)*/
  border-bottom:4px solid #333333; /* สีกรอบด้านล่างตอนปกติ */
  padding:0 10px 2px 10px;
}
#tab li a:hover {
  color:#006699; /* สีตัวอักษรเมื่อเมาส์อยู่บน */
  border-bottom:4px solid  #333333; /* สีกรอบด้านล่างเมื่อเมาส์อยู่บน */
  background:#f4f4f4; /* สีพื้นเมื่อเมาส์อยู่บน */
}
#tab li.selected a { /* เมื่อ Tab ถูกเลือก */
  color:006699;
  border-bottom:4px solid  #333333;
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  padding-top:1px; /* เลื่อน Tab ขี้นเพื่อลบกรอบ */
  background:#ffffff;
}
/*  Style About Form -------------------------------------------------------------------------------------------*/
html,BODY {
	BACKGROUND: #FFFFFF;
	padding:0px;
	margin:0px;
	FONT: 11pt "MS Sans Serif", Tahoma;
	SCROLLBAR-FACE-COLOR: #EEEEEE;
	SCROLLBAR-HIGHLIGHT-COLOR: #999999;
	SCROLLBAR-SHADOW-COLOR: #999999;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
TD {
	FONT-SIZE: 10pt; FONT-FAMILY: "MS Sans Serif"; color:#FFFFFF;
}
a:link { 
	color: #FFFFFF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11
}
a:visited { 
	color: #FFFFFF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11
}
a:active { 
	color: #FFFFFF; text-decoration: underline; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11
}
a:hover { 
	color: #FFFFFF; text-decoration: underline; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11
}
td {  
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11
}
textarea {  
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11; border-style: solid;border-color:#999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
}
.nobox {  
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11pt; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px
}
input {  
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11pt; border-style: solid; border-color:#999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
}

#Txt-Field {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: "MS Sans Serif"; BACKGROUND-COLOR: #ffffff
}


.font_11darkbk{
color: #333333; 
text-decoration: none; 
font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
font-size: 11;
}
.font_11darkbk:link { 
	color: #333333; 
	text-decoration: none; 
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	 font-size:11;
}
.font_11darkbk:visited { 
	color: #333333;
	 text-decoration: none;
	 font-family: "MS Sans Serif", "Microsoft Sans Serif";
	  font-size:11;
}
.font_11darkbk:active { 
	color: #333333;
	 text-decoration: underline; 
	 font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
	 font-size:11;
}
.font_11darkbk:hover { 
	color: #000000; 
	text-decoration: underline;
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
	font-size:11;
}
font_12darkbk{
	color: #333333;
	text-decoration: underline;
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size:12;
	font-weight: bold;
}
.font_12darkbk:link { 
	color: #333333;
	 text-decoration: underline; 
	 font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
	 font-size:12;
	 font-weight: bold;
}
.font_12darkbk:visited { 
	color: #333333; 
	text-decoration: underline;
	 font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
	 font-size:12;
	 font-weight: bold;
}
.font_12darkbk:active { 
	color: #333333; 
	text-decoration: underline;
	font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
	font-size:12;
	font-weight: bold;
}
.font_12darkbk:hover { 
	color: #000000; text-decoration: underline; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size:12;
	font-weight: bold;
}
.font_11red{
color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11;
}
.font_11red:link { 
	color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11;
}
.font_11red:visited { 
	color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11;
}
.font_11red:active { 
	color: #CC0000; text-decoration:  none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11;
}
.font_11red:hover { 
	color: #CC0000; text-decoration:  none;
	 font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11;
}
.font_12red{
color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12;
}
.font_12red:link { 
	color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12;
}
.font_12red:visited { 
	color: #CC0000; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12;
}
.font_12red:active { 
	color: #CC0000; text-decoration:  none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12;
}
.font_12red:hover { 
	color: #FF0000; text-decoration:  none; font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12;
}


/*=====================       Tab continent    ======================== */
#coninent{margin:0px; padding:0px;}
#continent ul {  margin:0px 0px 0px 0px;  padding:0px;  list-style-type:none; border:1px #000033 solid;}
#continent li#tab_1{display:inline; background: #9DDF3E; margin:0px 3px 0px 0px; padding-top:4px; width:95px; height:24px; border:1px #000000 solid; text-align:center;}
#continent li#tab_2{display:inline; background: #5B9508; margin:0px 3px 0px 0px;padding-top:4px; width:125px; height:24px; border:1px #000000 solid; text-align:center;}
#continent li#tab_3{display:inline; background: #157405; margin:0px 3px 0px 0px;padding-top:4px; width:85px; height:24px; border:1px #000000 solid; text-align:center;}
#continent li#tab_4{display:inline; background: #D74431; margin:0px 3px 0px 0px;padding-top:4px; width:95px; height:24px; border:1px #000000 solid; text-align:center;}
#continent li#tab_5{display:inline; background: #F76F0B; margin:0px 3px 0px 0px;padding-top:4px; width:88px; height:24px; border:1px #000000 solid; text-align:center;}
#continent li#tab_6{display:inline; background: #F7C80B; margin:0px 3px 0px 0px;padding-top:4px; width:66px; height:24px; border:1px #000000 solid; text-align:center;}

#continent li#tab_1 a{color:#ffffff;}
#continent li#tab_2 a{color:#ffffff;}
#continent li#tab_3 a{color:#ffffff;}
#continent li#tab_4 a{color:#ffffff;}
#continent li#tab_5 a{color:#ffffff;}
#continent li#tab_6 a{color:#ffffff;}

#continent li#tab_1 a:hover{color:#000000;}
#continent li#tab_2 a:hover{color:#000000;}
#continent li#tab_3 a:hover{color:#000000;}
#continent li#tab_4 a:hover{color:#000000;}
#continent li#tab_5 a:hover{color:#000000;}
#continent li#tab_6 a:hover{color:#000000;}

#continent li#tab_1.selected a{color:#000000 ;}
#continent li#tab_2.selected a{color:#000000 ;}
#continent li#tab_3.selected a{color:#000000 ;}
#continent li#tab_4.selected a{color:#000000 ;}
#continent li#tab_5.selected a{color:#000000 ;}
#continent li#tab_6.selected a{ color:#000000 ;}