@charset "utf-8";
@import "../fonts/thsarabunnew.css";
body { 
	font-family:Tahoma, Geneva, sans-serif; 
	color:#2c2e29; 
	margin: 0px !important; 
	padding: 0;
}

.align-center { text-align: center; }

a{ color:#c11824; text-decoration:none;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-3-1 {float: left;}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3-1 {width: 29%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 { width: 8.33333333%;}



#main{
	width:1024px; 
	background-color:#FFFFF; 
	margin: 0 auto; 
	padding:0; 
	background-image:url(/templates/theme_009/images/a.png); 
	background-repeat:repeat-x; 
	text-align:left;
}

#head{	
	width:1000px; 
	height:125px; 
}
#head .logo { 
	display: inline-block; 
	height: 125px;
	vertical-align: top;
	margin-left: 8px;
}
#head .logo img { height: 125px; }
#head .name {
	font-family: 'THSarabunNew';
	font-weight: bold;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 45px;
	height: 125px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 16px;
	vertical-align: middle;
}
.banner1{ margin-top:0px; }

#content-left{float:left; width:200px; margin-top:7px;}

.menu {
	margin-right:5px; 
	padding-top: 5px; 
	font-family: 'THSarabunNew';
	font-weight: bold;
	font-size: 14px;
	
}
.menu ul{ 
	list-style-type:none;
	margin: 0px; 
	padding: 0px; 
	line-height:23px;
}
.menu li { 
	margin: 0px; 
	padding: 0px; 
	color:#0000FF; 
	border-bottom:1px solid #CCC; 
	background-image:url(/templates/theme_009/images/bg-botton.png);
	padding-left:7px;
	padding-top: 7px;
	background-repeat: no-repeat;
}
.menu li.has-sub {
	background:url(/templates/theme_009/images/bg-botton-sub.png) no-repeat;
	border-bottom: none; 
	padding-left: 0px;
}
.menu li.has-sub a {
	/* margin-left: 7px; */
}
.menu li ul {
	list-style-type:none;
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	line-height:23px;
}
.menu li.has-sub ul {
	/* background-image: none */
}
.menu li ul li {
	padding-left: 14px;
	background-image: none;
	border-bottom: none;
}
.banner{ margin-right:5px; background-repeat:repeat-x; padding-top: 20px; background-image:url(/templates/theme_009/images/bg22.png); margin-top:5px;}
.banner ul{list-style-type:none; margin:0; padding:0;} 
.banner ul li{ margin:5px; padding:0; text-align:center;}
.banner .title {
	color: #FFFFFF;
	text-align: center;
	font-family: 'THSarabunNew';
	font-weight: bold;
}


.bn2 { float:left; margin-right:5px; width:195px; height:300px; background-repeat:repeat-x;background-image:url(/templates/theme_009/images/bg22.png);}
.bn3{ text-align:center;}
.bn3 img{ margin:15px 0 0 0;}
.bn4 { margin-top:5px; text-align:center; margin-top:5px; font-size:14px; color:#999;}

#content-center { 
	float:left; 
	width:610px; 
	margin-top:1px; 
}
.ct { 
	height:360px; 
	width:610px; 
	margin-top: 6px; 
	background-image:url(/templates/theme_009/images/bg22.png); 
	background-repeat:repeat-x;
}
.ct .a{
	margin-top: 0px;
	padding-top: 10px;
}

.index-activities, .index-information { 
	margin-top: 10px;
	padding: 10px;
	background: url(/templates/theme_009/images/bg23.png) 0 0% repeat-x;
}
.index-activities .title, .index-information .title {
	color: #FFFFFF;
	text-align: left;
	font-family: 'THSarabunNew';
	font-weight: bold;
}

.index-activities {
}

.index-activities .activities-box {
	width: 193px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}
.index-activities .activities-box img {
	width: 180px;
	height: 135px;
	margin: 0 auto 8px auto;
	display: block;
}
.index-activities .activities-box .desc
, .index-information .index-information-content ul li a
, .index-stat-more a {
	text-align: left;
	font-family: 'THSarabunNew';
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
	line-height: 18px;
}
.index-activities .activities-box .desc a:hover
, .index-activities .index-activities-more a:hover
, .index-information .information-box .desc a:hover
, .index-information .index-information-more a:hover
, .index-information .index-information-content ul a:hover
, .index-stat-more a:hover {
	color: #888888;
	text-decoration: none;
}

.index-activities .index-activities-more
, .index-information .index-information-more
, .index-stat-more {
	text-align: right;
	font-family: 'THSarabunNew';
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
	line-height: 18px;
}
.index-activities .index-activities-more i.icon
, .index-information .index-information-more i.icon
, .index-information .index-information-content ul i.icon
, .index-stat-more i.icon {
	margin-right: 3px;
	color: #2ECC71;
}

.index-information .index-information-content ul {
	list-style: none;
}

#content-right {
	float:right; 
	width:210px; 
	margin-top:1px; 
}

.index-stat {
	background: url("/templates/theme_009/images/bg22.png") 0px 0px repeat-x;
	font-family: 'THSarabunNew';
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 8px;
}

.index-stat .title {
	text-align: center;
	font-weight: bold;
}

.index-stat .detail {
	padding-left: 8px;
	font-size: 15px;
	line-height: 26px;
	color: #333333;
}

.detail-poll {
	padding-left: 8px;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
}

.footer {
	font-family: 'THSarabunNew';
}
.footer p {
	line-height: 40px;
}
.footer, .footer a, .footer p {
	color: #FFFFFF !important;
}
.footer a:hover {
	text-decoration: underline; 
}

.content-right {
	width: 784px;
	background: url(/templates/theme_009/images/bg24.png) 0 0 repeat-x;
	padding: 20px;
	float: right;
	margin-top: 8px;
	vertical-align: top;
	font-family: 'THSarabunNew';
}

.content-right form textarea {
	width: 100%;
	height: 150px;
}

.content-right form div span {
	display: inline-block;
	width: 250px;
	text-align: right;
}

.content-right form div input {
	display: inline-block;
}


.ct .a .a1{float:left; margin-left:10px; font-size:16px;}
.ct1{height:695px; width:600px; margin-top: 6px; background-image:url(/templates/theme_009/images/bg23.png); background-repeat:repeat-x; padding-top:20px;}
.ct1 .a{float:left; margin-top:9px; margin-left:10px;}
.ct1 .a .a1{float:left; margin-left:10px; font-size:16px;}
.ct1 .b{float:left; margin-top:10px; margin-left:12px;}
.ct1 .c{float:left; margin: 10px 0 0 16px;}
.ct1 .d{float:right; margin: 10px 9px 0 0;}
.ct1 .e{float:left; width:80px; height:20px; margin-left:515px;}
.ct1 .e .e1{float:left; margin-top:2px;}
.ct1 .e .e2{float:left; width:60px; margin-left:5px; font-size:12px;}
.ct2{float:left; padding-top:20px;height:280px; width:600px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.ct2 .f{width:600px; height:182px; margin-top:7px;}
.ct2 .f .f1{float:left; height:180px;}
.ct2 .f .f1 .ff1{width:150px; height:20px;}
.ct2 .f .f1 .ff2{margin-top:10px;}
.ct2 .f .f2{float:left; width:445px; height:180px; margin-left:0px;}
.ct .f .f2_1{float:left; width:450px; height:50px; margin-top:100px; text-align:left;}
.ct .f .f2_1_1{text-align:left; list-style-type:none;}
.ct_f2_1_1_li{text-align:left; list-style-type:none;}
.ct2 .f .f2 .f21{ float:left; height:30px; width:440px; margin-top:5px;}
.ct2 .f .f2 .f21_1{float:left; width:570px; height:75px; margin-left:20px; text-align:left;}
.ct2 .f3_ul{list-style-type:none;margin:0; padding:0; line-height:30px;}
.ct2 .f3_li{float:left; width:570px;}
.ct2 .f4{float:left; width:80px; height:20px; margin-left:515px;}
.ct2 .f4_1{float:left; width:600px; height:200px; margin-top:5px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.ct2 .f4_2{float:left; width:600px; height:20px; margin-top:15px;}
.ct2 .f4 .f41{float:left; margin-top:2px;}
.ct2 .f4 .f42{float:left; width:60px; margin-left:5px; font-size:12px;}
.ct2 .f4 .f42_1{float:left; width:600px; height:200px; margin-top:5px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.ct2 .f4 .f43{float:left; width:600px; height:200px; margin-top:5px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.ct3 {float:left; width:600px; height: 180px; margin-top:5px; background-image:url(/templates/theme_009/images/bg22.png);background-repeat:repeat-x;}
.ct3 .31{ text-align:left; width:600px; height:20px; margin-top:15px;}
.ct3 .32{float:left; width:600px; height:130px; margin-top:15px;}

ul.32-ul {list-style-type:none;line-height:30px;}
li.32-li {float:none;width:550px; text-align:left;}
.ct3 .33{float:left; width:80px; height:20px; margin-left:515px;}
.ct3 .33 .331{float:left; margin-top:2px;}
.ct3 .33 .332{float:left; width:60px; margin-left:5px; font-size:12px;}
.ct4 {float:left; width:600px; height:260px; margin-top:5px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.ct4 .41{ text-align:left;width:600px; height:20px; margin-top:9px;}
.ct4 .42{float:left; width:550px; height:250px; margin-left:25px;}
.ct4 .43{float:right; width:80px; height:20px; margin-right:0px; margin-top:70px;bottom:0;}
.ct4 .43 .431{float:left; width:5px; margin-top:3px;}
.ct4 .43 .432{float:left; width:60px; margin-left:5px; font-size:12px;}

.right_1 {
	width:210px; 
	margin-top:6px; 
	/*
	background-image:url(/templates/theme_009/images/bg-pic.jpg); 
	background-repeat:repeat-x;
	*/
	background-color: #0784b0;
	padding: 8px 0px;
	font-family: 'THSarabunNew';
	color: #FFFFFF;
}
.right_1 img { margin-bottom: 5px; }
.right_1 .R1 {float:left; width:200px; margin-left:5px; margin-top:15px; text-align:center;}
.right_1 .R2 {float:left; width:190px; height:20px; margin-top:10px; margin-left:15px;}
.right_2 {float:left; width:210px; margin-top:6px; height:330px; background-image:url(/templates/theme_009/images/bg-pic.jpg); background-repeat:repeat-x;}
.right_2 .R21 {float:left; width:200px; margin-left:5px; margin-top:8px; text-align:center;}
.right_2 .R22 {float:left; width:190px; height:20px; margin-top:10px; margin-left:15px;}
.right_3 {float:left; width:210px; margin-top:6px; height:300px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.right_3 .R31 {float:left; width:200px; height:20px; margin-top:10px; text-align:center;}
.right_3 .R33 {float:left; width:170px; height:35px; margin-top:10px; margin-left:17px;}
.right_3 .R34 {float:left; width:170px; height:120px; margin-top:20px; margin-left:17px;}
.right_3 .R35 {float: right;width:170px;height:65px; margin-top:10px; text-align:center;}
.right_4 {float:left; width:210px; margin-top:20px; height:180px; background-image:url(/templates/theme_009/images/bg22.png); background-repeat:repeat-x;}
.right_4 .R41 {float:left; width:170px; height:35px; margin-top:10px; margin-left:17px; text-align:center;}
.right_4 .R42 {float:left; width:170px; height:140px; margin-top:10px; margin-left:17px;}
.footer {float:left; width:1024px; height:120px; margin-top:30px; background-image:url(/templates/theme_009/images/fooder.jpg); background-repeat:repeat-x; text-align:center; font-size:14px;}
.footer .footer_1{width:1000px; height:120px; text-align:center; margin-top:5px;}
.footer .footer_1 .text1{width:1000px; height:22px; margin-top:3px;}
.footer .footer_1 .text2{width:1000px; height:22px;}
.footer .footer_1 .text3{width:1000px; height:22px; margin-top:20px;}

#main1{width:1024px; height:1383px; background-color:#FFFFF; margin: 0 auto; padding:0; background-image:url(/templates/theme_009/images/a1.png); background-repeat:repeat-x; text-align:left;}
#content-center1 {width:820px; margin-top:12px; float:left; height:1030px;}
.ct1-1{height:1060px; width:825px; margin-top: 6px; background-image:url(/templates/theme_009/images/bg24.png); background-repeat:repeat-x; padding-top:20px;}
.ct1-1 .a{float:left; margin-top:9px; margin-left:10px;}
.ct1-1 .a .a1{float:left; margin-left:10px; font-size:16px;}
.ct1-1 .b{float:left; margin-top:10px; margin-left:12px;}
.ct1-1 .c{float:left; margin: 10px 0 0 16px;}
.ct1-1 .d{float:right; margin: 10px 9px 0 0;}
.ct1-1 .e{float:left; width:80px; height:20px; margin-left:515px;}
.ct1-1 .e .e1{float:left; margin-top:2px;}
.ct1-1 .e .e2{float:left; width:60px; margin-left:5px; font-size:12px;}
.menu li:hover{
	 opacity: 1;
}
.menu a {
	color: #fff;
	text-decoration: none;
}
.menu a:hover{
	color: #094e66;
	text-decoration: none;
}
 a {
	color:#585858;
 }
 a:hover{
	color:#0000FF;
 }
 a img:hover{
	opacity: 0.7;
 }
 .e2 a:hover{
	color:red;
 }
 
  .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(/templates/theme_009/img/browser-icons.png);
    }
	
.f2 ul li a{
	color:#144ca8;
}
.f2 ul li a:hover{
	color:#0000FF;
}
.ff2-1{
	margin-top:10px;
}

.webboard
{
	margin-top: 10px !important;
	color: white;
	background: url(/templates/theme_009/images/bg23.png) 0 0% repeat-x;
	padding: 10px;
	font-family: 'THSarabunNew';
}
.webboard_title
{
	font-weight: bold;
}
.webboard_list
{
	font-size: 13px;
	font-weight: bold;
	color: #585858
}
.webboard_all
{
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}
.webboard  a:hover
{
	color: #888888 !important;
}