@import url(fonts/thsarabunnew.css);
BODY {
	BACKGROUND-IMAGE: font-family: 'THSarabunNew',sans-serif; BACKGROUND-COLOR: #ffffff; MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top
}
#banner {
	MARGIN: 0px auto; WIDTH: 937px; HEIGHT: 300px
}
#cover {
	BACKGROUND-IMAGE: url(images/footer.jpg); MARGIN: 0px auto; WIDTH: 962px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center bottom; HEIGHT: auto; CLEAR: both
}
#content {
	MARGIN: 0px auto; WIDTH: 937px; HEIGHT: auto; CLEAR: both
}
#footer {
	MARGIN: 0px auto; WIDTH: 937px; HEIGHT: 30px
}
#banner_index {
	MARGIN: 0px auto; WIDTH: 937px; HEIGHT: 400px
}
#content_index {
	BACKGROUND-IMAGE: url(images/bg_index.jpg); MARGIN: 0px auto; WIDTH: 937px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; HEIGHT: auto
}
.style1 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.style2 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	text-align: center;
}
.style4 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	text-align: left;
}

.style3 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.head_big_g {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #1fa600; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.head_med_g {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #1fa600; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.head_small_g {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #1fa600; FONT-SIZE: 11px; FONT-WEIGHT: bold
}
.head_small_g A {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #1fa600; FONT-SIZE: 11px; FONT-WEIGHT: bold
}
.style5 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #ff0000; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.style7 {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.style7_bold {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #666666; FONT-SIZE: 11px; FONT-WEIGHT: bold
}
login {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #666666; FONT-SIZE: 11px; FONT-WEIGHT: bold
}
.sub {
	TEXT-ALIGN: justify; FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #2d3033; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.sub A:link {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #2d3033; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.sub A:visited {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #2d3033; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.sub A:hover {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #007c1c; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.head_news {
	FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #1fa600; FONT-SIZE: 13px; FONT-WEIGHT: bold
}
A:link {
	COLOR: #0000FF; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000FF; TEXT-DECORATION: none
}
A:hover {
	COLOR: #CC3300; TEXT-DECORATION: underline
}
A:active {
	COLOR: #0000FF; TEXT-DECORATION: none
}
.infoPage {
	BORDER-BOTTOM: #007c1c 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #007c1c 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 3px; WIDTH: 15px; PADDING-RIGHT: 3px; DISPLAY: inline-block; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 1px; COLOR: #007c1c; MARGIN-LEFT: 3px; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-TOP: #007c1c 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #007c1c 1px solid; PADDING-TOP: 6px
}
.infoPage:hover {
	BACKGROUND-COLOR: #007c10; COLOR: #ffffff
}
.infoInactivePage {
	BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 3px; WIDTH: 15px; PADDING-RIGHT: 3px; DISPLAY: inline-block; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 1px; COLOR: #888; MARGIN-LEFT: 3px; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-TOP: #aaa 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 6px
}
.infoCurPage {
	BORDER-BOTTOM: #007c1c 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #007c1c 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #007c1c; PADDING-LEFT: 3px; WIDTH: 15px; PADDING-RIGHT: 3px; DISPLAY: inline-block; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 1px; COLOR: #fff; MARGIN-LEFT: 3px; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-TOP: #007c1c 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #007c1c 1px solid; PADDING-TOP: 6px
}
.infoNavPage {
	BORDER-BOTTOM: #007c1c 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #007c1c 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 3px; WIDTH: 80px; PADDING-RIGHT: 3px; DISPLAY: inline-block; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 1px; COLOR: #007c1c; MARGIN-LEFT: 3px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #007c1c 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #007c1c 1px solid; PADDING-TOP: 4px
}
.infoNavPage A {
	TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #007c1c; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal
}
.infoNavPage:hover {
	BACKGROUND-COLOR: #007c1c; COLOR: #fff; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.infoInactiveNavPage {
	BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 3px; WIDTH: 80px; PADDING-RIGHT: 3px; DISPLAY: inline-block; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 1px; COLOR: #888; MARGIN-LEFT: 3px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #aaa 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 4px
}
.sitemap {
	MARGIN-BOTTOM: 30px
}
.sitemap TH {
	BORDER-BOTTOM: #fff 0px solid; TEXT-ALIGN: left; BORDER-LEFT: #030 5px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #007c1c; PADDING-LEFT: 10px; FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; COLOR: #fff; FONT-WEIGHT: normal; PADDING-TOP: 5px
}
.sitemap TD {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 8px
}
.sitemap UL {
	MARGIN-TOP: 0px; PADDING-LEFT: 10px; FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; PADDING-TOP: 0px
}
.sitemap TD LI {
	PADDING-LEFT: 0px; FONT-FAMILY: 'THSarabunNew',Tahoma, sans-serif; MARGIN-LEFT: 0px
}
.sitemap TD LI A {
	BORDER-BOTTOM: #000 1px dotted; PADDING-BOTTOM: 8px; LINE-HEIGHT: 1.2em; PADDING-LEFT: 5px; DISPLAY: block; COLOR: #666666; TEXT-DECORATION: none; PADDING-TOP: 10px
}
.sitemap TD LI A:hover {
	COLOR: #007c1c
}
.sitemap TD LI A:visited {
	COLOR: #666666
}

.content {
	 no-repeat 12px 3px; font: 12px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; color: rgb(62, 62, 62); border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.content a {
	padding: 3px; text-decoration: none;
}
.content a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}
.content1 {
	no-repeat 16px 3px; font: 14px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 7px 7px 7px 7px; color: rgb(62, 62, 62); border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.content1 a {
	padding: 3px; text-decoration: none;
}
.content1 a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}
.content2 {
	 no-repeat 12px 3px; font: 12px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; color: #0000FF; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.content2 a {
	padding: 3px; text-decoration: none;
}
.content2 a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}
.content3 {
	no-repeat 16px 3px; font: 14px/23px 'THSarabunNew','THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 7px 7px 7px 7px; color: #000000; border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.content3 a {
	padding: 3px; text-decoration: none;
}
.content3 a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}
.content4 {
	 no-repeat 12px 3px; font: 12px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; color: #000000; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.content4 a {
	padding: 3px; text-decoration: none;
}
.content4 a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}

#left ul.leftLink {
	width: 240px; color: rgb(0, 0, 0);
}
#left ul.leftLink li {
	line-height: 0; font-size: 0px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 0px; border-bottom-style: dashed;
}
#left ul.leftLink li a {
	 font: 12px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; color: rgb(62, 62, 62); text-decoration: none; display: block; font-size-adjust: none; font-stretch: normal;  background-attachment: scroll; background-repeat: no-repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: inherit;
}
#left ul.leftLink li a:hover {
	color: rgb(51, 51, 51); background-color: rgb(255, 153, 255);
}
#left ul.leftMem {
	width: 240px; color: rgb(0, 0, 0);
}
#left ul.leftMem li {
	no-repeat 12px 3px; font: 12px/23px 'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 37px; color: rgb(62, 62, 62); border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}



.buttons {
	PADDING-BOTTOM: 0px;
	CLEAR: both;
	PADDING-TOP: 0px;
	border-bottom: 0;
	border-bottom-color: #000000;
}
A.button {
	BORDER-BOTTOM: #dcdcdc 1px solid;
	POSITION: relative;
	BORDER-LEFT: #dcdcdc 1px solid;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	DISPLAY: inline-block;
	FONT: bold 12px Helvetica, Arial, sans-serif;
	BACKGROUND: #99FF00;
	COLOR: #0000FF;
	BORDER-TOP: #dcdcdc 1px solid;
	MARGIN-RIGHT: 1px;
	BORDER-RIGHT: #dcdcdc 1px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 5px;
	text-shadow: 0 1px 0 #fff;

-webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; 		border-radius: 2px;

-webkit-border-radius: 2px; -moz-border-radius: 2px
; 		visibility: visible;
}
A.button:hover {
	BORDER-BOTTOM-COLOR: #999; BORDER-TOP-COLOR: #999; COLOR: #333; BORDER-RIGHT-COLOR: #999; BORDER-LEFT-COLOR: #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}
A.button:active {
	BORDER-BOTTOM-COLOR: #444; BORDER-TOP-COLOR: #444; COLOR: #000; BORDER-RIGHT-COLOR: #444; BORDER-LEFT-COLOR: #444
}
A.left {
	MARGIN: 0px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0
}
A.middle {
	BORDER-LEFT: #f3f3f3 1px solid; MARGIN: 0px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0
}
A.middle:hover {
	BORDER-LEFT: #999 1px solid
}
A.right:hover {
	BORDER-LEFT: #999 1px solid
}
A.right {
	BORDER-LEFT: #f3f3f3 1px solid; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0
}
A.big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.supersize {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FONT-SIZE: 20px; PADDING-TOP: 15px
}
A.save {
	PADDING-LEFT: 30px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 10px 7px
}
A.add {
	PADDING-LEFT: 30px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 10px -27px
}
A.delete {
	PADDING-LEFT: 30px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 10px -61px
}
A.flag {
	PADDING-LEFT: 30px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 10px -96px
}
A.up {
	WIDTH: 18px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 13px -133px
}
A.down {
	WIDTH: 18px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 13px -168px
}
A.save-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 35px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px 11px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.add-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 35px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px -23px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.delete-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 35px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px -57px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.flag-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 35px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px -92px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.up-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; WIDTH: 18px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px -128px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.down-big {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; WIDTH: 18px; PADDING-RIGHT: 15px; BACKGROUND: url(sprite.png) #f3f3f3 no-repeat 15px -163px; FONT-SIZE: 16px; PADDING-TOP: 10px
}
A.edit {
	PADDING-LEFT: 30px; BACKGROUND: url(../../images/famfamfam/page_white_edit.png) #f3f3f3 no-repeat 10px 7px
}
A.save {
	PADDING-LEFT: 30px; BACKGROUND: url(../../images/famfamfam/disk.png) #f3f3f3 no-repeat 10px 7px
}
A.excel {
	PADDING-LEFT: 30px; BACKGROUND: url(../../images/famfamfam/page_white_excel.png) #f3f3f3 no-repeat 10px 7px
}
A.pdf {
	PADDING-LEFT: 30px; BACKGROUND: url(../../images/famfamfam/page_white_acrobat.png) #f3f3f3 no-repeat 10px 7px
}
A.tick {
	PADDING-LEFT: 30px; BACKGROUND: url(../../images/famfamfam/tick.png) #f3f3f3 no-repeat 10px 7px
}
h1,h2,h3,h4,h5{ line-height: 2em; clear: both; }
h2{ background: #0F7AC2; font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; padding: 0 10px; color: #FFF; margin: 20px 0 10px; }
p{ padding: 0 0 10px 0; }
.n{ font-weight: normal; font-style: normal;font-size: 1.5 em; font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;  }
.b{ font-weight: bold; font-style: normal;font-size: 1.5 em;font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; }
.i{ font-weight: normal; font-style: italic;font-size: 1.5 em; font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif; }
.bi{ font-weight: bold; font-style: italic;font-size: 1.5 em; font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
ul,ol{padding: 0 0 10px 0;font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
li{ margin: 0 0 0 2em; padding: 0 0 5px 0;font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
code{ background: #FFF; }
#container{ width: 900px; margin: 20px auto 0; border: 1px solid #333; padding: 20px; background: #FFF; font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
#instruction{ padding: 10px 10px 0; background: #e6e6e6;font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
#footer{ width: 940px; margin: 0 auto; padding: 10px 0 20px;font-family:'THSarabunNew',Tahoma, Arial, Helvetica, sans-serif;}
.right{text-align: right;}
.type{ font-family: 'THSarabunNew', sans-serif; height: 5em; width: 98%;font-size: 1em;clear: both;padding: 5px 1%; }