@charset "utf-8";
*body{ margin:0; font-family:Tahoma; font-size:12px; color:#444444;}
img{ border:none;}
a{ text-decoration:none;color:#444444;}
a:hover{ color:#b38c4a;}
.clear{ display:block; clear:both;}
.newstopic { font-family:Tahoma; font-size:13px; color:#804000; font-weight:bold; }
.gentopic { font-family:Tahoma; font-size:17px; color: blue; font-weight:bold;}
.hh1 { font-family:Tahoma; font-size:13px; color:#DF7000; font-weight:bold; }
.dd1 { font-family:Tahoma; font-size:13px; color:#007979; }
.reditem {	font-family: Tahoma; font-size: 11px; color: #FF0000; text-decoration: none;}
A.link2:link {text-decoration:none;color:#DF7000;font-weight: bolder;}
A.link2:visited {text-decoration:none;color:#DF7000;font-weight: bolder;}
A.link2:hover {text-decoration:none;color:#B6935D;font-weight: bolder;}
A.link2:active {text-decoration:none;}
.content{ font-family:Tahoma; font-size:13px; color:black; }
.redtopic {	font-family: Tahoma; font-size: 13px; color: #FF0000; text-decoration: underline;}
.navytopic {	font-family: Tahoma; font-size: 13px; color: #0072A8; font-weight:bold;}
.bluetopic {	font-family: Tahoma; font-size: 13px; color: #0000B9; font-weight:bold;}
select.border1, textarea.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:13px;
			}
input.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:13px; 
			}
	

A.link1:link {text-decoration:none;color:blue;font-family: Tahoma;font-size: 13px;}
A.link1:visited {text-decoration:none;color:blue;font-family: Tahoma;font-size: 13px;}
A.link1:hover {text-decoration:none;color:#828282;font-family: Tahoma;font-size: 13px;}
A.link1:active {text-decoration:none;}

.size1 .newstopic { font-family:Tahoma; font-size:12px; color:#804000; font-weight:bold;}
.size1 .content{ font-family:Tahoma; font-size:12px;}
.size1 .content2{ font-family:Tahoma; font-size:12px; color:#444444;}
.size1 h1{ font-family:Tahoma; font-size:19px;}
.size1 h2{ font-family:Tahoma; font-size:17px;}
.size1 h3{ font-family:Tahoma; font-size:14px;}
.size1 A.link1:link		{text-decoration:none;color:blue;font-family: Tahoma;font-size: 12px;}
.size1 A.link1:visited	{text-decoration:none;color:blue;font-family: Tahoma;font-size: 12px;}
.size1 A.link1:hover	{text-decoration:none;color:#828282;font-family: Tahoma;font-size: 12px;}
.size1 A.link1:active	{text-decoration:none;Tahoma;font-size: 12px;}
.size1 A.link2:link		{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 12px;}
.size1 A.link2:visited	{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 12px;}
.size1 A.link2:hover	{text-decoration:none;color:#B6935D;font-weight: bolder;Tahoma;font-size: 12px;}
.size1 A.link2:active	{text-decoration:none;Tahoma;font-size: 12px;}
size1 .hh1 { font-family:Tahoma; font-size:12px; color:#DF7000; font-weight:bold; }
.size1 .dd1 { font-family:Tahoma; font-size:12px; color:#007979; }
.size1 .redtopic {	font-family: Tahoma; font-size: 12px; color: #FF0000; text-decoration: underline;}
.size1 .navytopic {	font-family: Tahoma; font-size: 12px; color: #0072A8; font-weight:bold;}
.size1 .bluetopic {	font-family: Tahoma; font-size: 12px; color: #0000B9; font-weight:bold;}
.size1 select.border1, textarea.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:12px;
			}
.size1 input.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:12px; 
			}
	
.size2 .newstopic { font-family:Tahoma; font-size:13px; color:#804000; font-weight:bold;}
.size2 .content { font-family:Tahoma; font-size:13px;}
.size2 .content2 { font-family:Tahoma; font-size:13px; color:#444444;}
.size2 h1{ font-family:Tahoma; font-size:22px;}
.size2 h2{ font-family:Tahoma; font-size:19px;}
.size2 h3{ font-family:Tahoma; font-size:16px;}
.size2 A.link1:link		{text-decoration:none;color:blue;font-family: Tahoma;font-size: 13px;}
.size2 A.link1:visited	{text-decoration:none;color:blue;font-family: Tahoma;font-size: 13px;}
.size2 A.link1:hover	{text-decoration:none;color:#828282;font-family: Tahoma;font-size: 13px;}
.size2 A.link1:active	{text-decoration:none;Tahoma;font-size: 13px;}
.size2 A.link2:link		{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 13px;}
.size2 A.link2:visited	{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 13px;}
.size2 A.link2:hover	{text-decoration:none;color:#B6935D;font-weight: bolder;Tahoma;font-size: 13px;}
.size2 A.link2:active	{text-decoration:none;Tahoma;font-size: 13px;}
.size2 .hh1 { font-family:Tahoma; font-size:13px; color:#DF7000; font-weight:bold; }
.size2 .dd1 { font-family:Tahoma; font-size:13px; color:#007979;}
.size2 .redtopic {	font-family: Tahoma; font-size: 13px; color: #FF0000; text-decoration: underline;}
.size2 .navytopic {	font-family: Tahoma; font-size: 13px; color: #0072A8; font-weight:bold;}
.size2 .bluetopic {	font-family: Tahoma; font-size: 13px; color: #0000B9; font-weight:bold;}
.size2 select.border1, textarea.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:13px;
			}
.size2 input.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:13px; 
			}

.size3 .newstopic { font-family:Tahoma; font-size:14px; color:#804000; font-weight:bold;}
.size3 .content{ font-family:Tahoma; font-size:14px;}
.size3 .content2{ font-family:Tahoma; font-size:14px; color:#444444;}
.size3 h1{ font-family:Tahoma; font-size:25px;}
.size3 h2{ font-family:Tahoma; font-size:22px;}
.size3 h3{ font-family:Tahoma; font-size:18px;}
.size3 A.link1:link		{text-decoration:none;color:blue;font-family: Tahoma;font-size: 14px;}
.size3 A.link1:visited	{text-decoration:none;color:blue;font-family: Tahoma;font-size: 14px;}
.size3 A.link1:hover	{text-decoration:none;color:#828282;font-family: Tahoma;font-size: 14px;}
.size3 A.link1:active	{text-decoration:none;Tahoma;font-size: 14px;}
.size3 A.link2:link		{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 14px;}
.size3 A.link2:visited	{text-decoration:none;color:#DF7000;font-weight: bolder;Tahoma;font-size: 14px;}
.size3 A.link2:hover	{text-decoration:none;color:#B6935D;font-weight: bolder;Tahoma;font-size: 14px;}
.size3 A.link2:active	{text-decoration:none;Tahoma;font-size: 14px;}
.size3 .hh1 { font-family:Tahoma; font-size:14px; color:#DF7000; font-weight:bold; }
.size3 .dd1 { font-family:Tahoma; font-size:14px; color:#007979; }
.size3 .redtopic {	font-family: Tahoma; font-size: 14px; color: #FF0000; text-decoration: underline;}
.size3 .navytopic {	font-family: Tahoma; font-size: 14px; color: #0072A8; font-weight:bold;}
.size3 .bluetopic {	font-family: Tahoma; font-size: 14px; color: #0000B9; font-weight:bold;}
.size3 select.border1, textarea.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:14px;
			}
.size3 input.border1 {
				border-right: #CC9900 1px solid;
				border-top: #CC9900 1px solid;
				border-left: #CC9900 1px solid;
				border-bottom: #CC9900 1px solid;
				font-family: tahoma;
				font-size:14px; 
			}

.bg1{ background:url(images/pat1.gif) repeat-x #FF0000; }
.bg2{ background-color:#CC6600}
.bg3{ background:url(images/pat3.gif) #FF66FF;}


.test {
	font-family: Tahoma;
}
.haedMid{ width:978px; height:136px; background:url(../images/base/nav-start.jpg);}
.headOut{ background:url(../images/base/head-out.gif);}

#topHead{ position:relative;}
#topHead #lange{ position:absolute; top:67px; left:496px;}
#topHead #sizePage{ position:absolute; top:65px; left:685px;}
#topHead #search{ position:absolute; top:60px; left:777px;}
#topHead #logo{ position:absolute; top:19px; left:45px;}
.txtBox{background:transparent none repeat scroll 0 0;border:medium none; width:168px;}
.btnSearch{ padding-top:2px; display:inline-block;}

.bodyMid{ width:978px;}
.bodyOut1{ background:url(../images/base/body-out1.gif) repeat-x;}
.bodyOut2{ background:url(../images/base/body-out2.gif) repeat-x;}
.bodyOut3{ background:url(../images/base/body-out3.gif) repeat-x;}
.bodyOut4{ background:url(../images/base/body-out4.gif) repeat-x;}
.bodyOut5{ background:url(../images/base/body-out5.gif) repeat-x;}
.bodyOut6{ background:url(../images/base/body-out6.gif) repeat-x;}
.bodyOut7{ background:url(../images/base/body-out7.gif) repeat-x;}
.bodyOut8{ background:url(../images/base/body-out8.gif) repeat-x;}

.bodyOutInside{ background:url(../images/base/body-out-inside.gif) repeat-x;}
.bodyOutb1{ background:url(../images/base/body-outb1.gif) repeat-x;}
.bodyOutb2{ background:url(../images/base/body-outb2.gif) repeat-x;}
.bodyOutb3{ background:url(../images/base/body-outb3.gif) repeat-x;}
.bodyOutb4{ background:url(../images/base/body-outb4.gif) repeat-x;}
.bodyOutb5{ background:url(../images/base/body-outb5.gif) repeat-x;}
.bodyOutb6{ background:url(../images/base/body-outb6.gif) repeat-x;}
.bodyOutb7{ background:url(../images/base/body-outb7.gif) repeat-x;}
.bodyOutb8{ background:url(../images/base/body-outb8.gif) repeat-x;}


.dataMid{ width:926px; background:url(../images/base/data-bg.gif) no-repeat;}
.dataMidInside{ width:926px; background:url(../images/base/data-bg-inside.gif) no-repeat;}
.dataOut1{ background:url(../images/base/data-out1.gif) right top no-repeat; width:28px;}
.dataOut2{ background:url(../images/base/data-out2.gif) right top no-repeat; width:28px;}
.dataOut3{ background:url(../images/base/data-out3.gif) right top no-repeat; width:28px;}
.dataOut4{ background:url(../images/base/data-out4.gif) right top no-repeat; width:28px;}
.dataOut5{ background:url(../images/base/data-out5.gif) right top no-repeat; width:28px;}
.dataOut6{ background:url(../images/base/data-out6.gif) right top no-repeat; width:28px;}
.dataOut7{ background:url(../images/base/data-out7.gif) right top no-repeat; width:28px;}
.dataOut8{ background:url(../images/base/data-out8.gif) right top no-repeat; width:28px;}

.dataOutb1{ background:url(../images/base/data-outb1.gif) left top no-repeat;}
.dataOutb2{ background:url(../images/base/data-outb2.gif) left top no-repeat;}
.dataOutb3{ background:url(../images/base/data-outb3.gif) left top no-repeat;}
.dataOutb4{ background:url(../images/base/data-outb4.gif) left top no-repeat;}
.dataOutb5{ background:url(../images/base/data-outb5.gif) left top no-repeat;}
.dataOutb6{ background:url(../images/base/data-outb6.gif) left top no-repeat;}
.dataOutb7{ background:url(../images/base/data-outb7.gif) left top no-repeat;}
.dataOutb8{ background:url(../images/base/data-outb8.gif) left top no-repeat;}

#col1{ vertical-align:top;}
#col1 div{ margin:0 0 0 26px;}
.txtValue{ color:#7e9d56; /*font-weight:bold;*/ font-size:14px; width:252px; margin:0 auto !important; text-align:center;}

#col2{ vertical-align:top; width:322px; font-family:Tahoma; font-size:12px; }
#list{ margin:13px 0 0 32px; padding:0; list-style-type:none; width:257px;}
#list li{ margin:0 0 30px 0;}
#list li .wrap{ position:relative;}
#list li .curve{ position:absolute; top:0px; left:0px;}
#list li .detail{ margin:10px 0 0 0;}

#list1{ margin:13px 0 0 32px; padding:0; list-style-type:none; width:257px;}
#list1 li{ margin:0 0 30px 0;}
#list1 li .wrap{ position:relative;}
#list1 li .curve{ position:absolute; top:0px; left:0px;}
#list1 li .detail{ margin:10px 0 0 0;}

#list2{ margin:13px 0 0 32px; padding:0; list-style-type:none; width:257px;}
#list2 li{ margin:0 0 30px 0;}
#list2 li .wrap{ position:relative;}
#list2 li .curve{ position:absolute; top:0px; left:0px;}
#list2 li .detail{ margin:10px 0 0 0;}

#list3{ margin:13px 0 0 32px; padding:0; list-style-type:none; width:257px;}
#list3 li{ margin:0 0 30px 0;}
#list3 li .wrap{ position:relative;}
#list3 li .curve{ position:absolute; top:0px; left:0px;}
#list3 li .detail{ margin:10px 0 0 0;}

#wrapNum  { padding:3px 0 3px 15px; background-color:#f6f6f3; margin-left:10px; margin-top:55px; }
#wrapNum a{ display:block; width:18px; height:18px; text-decoration:none; color:#c9b56b;}
#wrapNum a:hover{ font-weight:bold;}
#wrapNum a span{display:block; padding:1px 0 0 0px; text-align:center;}
#wrapNum div{ float:left; margin:0 3px 0 3px; width:18px; height:18px;/* background-color:#CCCCCC;*/}
#wrapNum .act a{ background:url(../images/base/num-bg.gif);}


#col3{ vertical-align:top; font-family:Tahoma; font-size:12px; }
#listTopic{ margin:25px 0 0 25px; padding:0; list-style-type:none;}
#listTopic li{ margin-bottom:30px;}
#listTopic li .topicDetailllll{ width:174px; float:left; margin-right:10px;}
#listTopic li .topicDetail{ width:180px; float:left; margin-right:10px;}
#listTopic li .topicDetail span{ font-weight:bold; color:#7e9d56; font-size:13px;}
#listTopic li .topicDetail span.fb { font-family:Tahoma; font-size:10px; color:white; font-weight:normal;}

#listTopic li .topicDetail22222{ width:244px; margin-right:10px;}
#listTopic li .topicDetail2{ width:250px; margin-right:10px;}
#listTopic li .topicDetail2 span{ font-weight:bold; color:#7e9d56; font-size:13px;}
#listTopic li .topicDetail2 span.fb { font-family:Tahoma; font-size:10px; color:white; font-weight:normal;}

#listTopic li .topicPic{ width:70px; float:left;}

.footTopOut{ height:215px; background:url(../images/base/foot-top-out.gif) bottom repeat-x;}
#wrapSlide{ margin:5px 0 0 0px; overflow:hidden; width:1200px;}
.slideItem{ margin:0 auto; position:relative; width:207px; height:122px; /*background-color:#999999;*/}
.slideCurve{ position:absolute; width:207px; height:122px; top:0px; left:0px;}

#dv{ width:900px; height:122px; /*background-color:#333333;*/ position:relative; overflow: hidden;}
#wrapX{ position:absolute; top:0; left:0px;} /* width=223xจำนวน banner */
#wrapX div{
	width:223px;
	height:122px;
	float:left;
	text-align:center;
}
#wrap{ position:absolute; top:0; left:0px;width:1784px;} /* width=223xจำนวน banner */
#wrap div{
	width:223px;
	height:122px;
	float:left;
	text-align:center;
}
	/*#dv1{ background-color:#99CC00; }
	#dv2{ background-color:#99FFFF; }
	#dv3{ background-color:#0066FF;}
	#dv4{ background-color:#FF6600;}
	#dv5{ background-color:#6633FF;}
	#nav{ width:300px; text-align:center;}*/
#tbLink td{ vertical-align:top; font-family:Tahoma; font-size:12px; }	
#tbLink td ul{ margin-top:5px; margin-left:10px; padding-left:15px;}
#tbLink td ul li{ margin-bottom:2px;}
#tbLink td ul li a{ text-decoration:none; color:#444444;}
#tbLink td ul li a:hover{color:#b38c4a;}

#tbLink  ul { list-style-image:url(../web/images/li.gif); margin:0em; padding-top: 0.5em; } 
#tbLink  li.content4 { margin-left: 0.5em; color: red; font-weight:bold; }


.headLink{ background:url(../images/base/bul.gif) no-repeat left center; padding:0 0 0 10px;}	
.headLink a{ color:#527999; text-decoration:none; font-weight:bold;}
.headLink a:hover{ color:#b38c4a;}
.headLink span { color:#527999; text-decoration:none; font-weight:bold;}

#copy{ width:978px; margin:0 auto; position:relative;}
#copy #txtC{ position:absolute; top:18px; left:116px; font-size:11px;}

.tdSub{ width:303px; vertical-align:top; font-family:Tahoma; font-size:12px; }

#bredCome{ height:30px; background-color:#f1efd8; margin:0 1px 0 0;}
#bredCome #wrapBred{ text-align:right; padding:7px 20px 0 0; font-family:Tahoma; font-size:12px; }
/*#bredCome #wrapBred a{ color:#9b9b9b;}
#bredCome #wrapBred a:hover{ color:#b38c4a;}*/

#printTab{ background-color:#ebebeb; height:26px;}
#printTab #wrapPrint{ width:82px; float:right; margin-top:3px;}
#printTab #iconPrint{  width:25px; float:left;}
#printTab #txtPrint{  width:55px; float:left; margin-top:3px;}

#printTab1{ background-color:#ebebeb; height:65px;}
#printTab1 #wrapPrint{ width:82px; float:right; margin-top:3px;}
#printTab1 #iconPrint{  width:25px; float:left;}
#printTab1 #txtPrint{  width:55px; float:left; margin-top:3px;}
#printTab1 A.link3:link {text-decoration:none;color:blue; }
#printTab1 A.link3:visited {text-decoration:none;color:blue; }
#printTab1 A.link3:hover {text-decoration:none;color:#E0DEFE; background-color:#6356FA;}
#printTab1 A.link3:active {text-decoration:none;}

#wrapBanner{ position:relative;}
#wrapBanner #bannerInside{ position:absolute; top:-85px; left:55px;}

#headSub{ height:32px; background:url(../images/base/head-sub-panel.gif); margin:0 0 0 1px; }
#headSub h2{ display:block; padding:5px 0 0 20px; font-size:18px; font-weight:normal;margin:0;}
.inside{background:url(../images/base/head-sub-panel-inside.gif) !important;}

#listSubMenu { margin:0 0 0 1px; padding:0; list-style-type:none; }
#listSubMenu li{ background-color:#fffde8; height:20px; border-bottom:1px solid #e5e3d7; padding:5px 5px 0 20px;}
#listSubMenu li div{ background:url(../images/base/bul2.gif) no-repeat left center; padding:0px 0 0 10px; background-position:0 6px; }
#listSubMenu li div.sub { background:url(../images/base/bul3.gif) no-repeat left center; padding:0px 5px 0 10px; background-position:0 6px; }
#listSubMenu li.active{ background-color:#f4f2e0  !important; font-weight:bold;}

#hlSub_old { text-align:center; height:100px; background:url(../images/base/hl-sub.gif); }
#hlSub { text-align:center;  background:url(../images/base/hl-sub.gif) no-repeat; }

#title{ margin:1px 0 0 0; position:relative;}
#title #flashTitle{ position:absolute; top:135px; left:1px;}

#contentArea1 { margin:13px 63px 13px 63px;}
#contentArea  { margin:13px 30px 13px 30px;}
#contentArea h3{ margin:0 0 5px 0; padding:0 0 0 0;}
#contentArea .content { color: #3E3E3E; font-weight:normal; }
#contentArea .content3 { color: #707038; font-weight:bold; }
#contentArea .content4 { padding:0px 0px 0px 10px; color: blue; font-weight:bold; }
#contentArea p{ margin:0 0 15px 0; padding:0; text-align:justify;}
#contentArea .topic1 { color:#B35900; text-decoration:none; font-weight:bold;}
#contentArea .topic2 { color:#713800; text-decoration:none; font-weight:bold;}
#contentArea .topic3 { color:#95004A; text-decoration:none; font-weight:bold;}
#contentArea .topic4 { color:#DF7000; text-decoration:none; font-weight:bold;}
#contentArea A:link {text-decoration:none;color:blue; }
#contentArea A:visited {text-decoration:none;color:blue; }
#contentArea A:hover {text-decoration:none;color:#828282; }
#contentArea A:active {text-decoration:none;}
#contentArea A.link2:link {text-decoration:none;color:#DF7000;font-weight: bolder;}
#contentArea A.link2:visited {text-decoration:none;color:#DF7000;font-weight: bolder;}
#contentArea A.link2:hover {text-decoration:none;color:#B6935D;font-weight: bolder;}
#contentArea A.link2:active {text-decoration:none;}
#contentArea td {text-align:left; padding:0 0 0 10px;}

#twtr-search-widget div{ margin-left:1px; margin-right:1px; padding:2; text-align:left;}

#tdContent{ background:url(../images/base/shadow-inside.gif) no-repeat;}
#wrapFlash{ height:283px; position:relative;}
#flash{ position:absolute; top:-34px; left:0px}

#navMain{ margin:0 0 0 0; padding:0; list-style-type:none;}
#navMain li{ float:left;}

.fb { font-family:Tahoma; font-size:10px; color:white; font-weight:normal;}
.fb { font-family:Tahoma; font-size:10px; color:white; font-weight:normal;}
img.journal {opacity:1;filter:Alpha(opacity=100);}
img.journal:hover {opacity:0.5;filter:Alpha(opacity=50);}

/*#nav{ margin:0 !important; padding:0 !important;}
#nav li{ margin:0 !important; padding:0 !important;}*/