@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:#000000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
@font-face {
    font-family: 'pslxkittithadabold';
    src: url('../font/pslxkittithada_bold-webfont.eot');
    src: url('../font/pslxkittithada_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pslxkittithada_bold-webfont.woff') format('woff'),
         url('../font/pslxkittithada_bold-webfont.ttf') format('truetype'),
         url('../font/pslxkittithada_bold-webfont.svg#pslxkittithadabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	width: 100%;
	background: url(../images/bgtop.jpg) repeat-x;
}
.clearfloat{
	clear:both;
}
#tophead{
	height:52px;
	width:100%;
	margin:0px;
	padding:0px;
}
.top{
	width: 1366px;
	margin:0px auto 0px auto;
	position:relative;
	z-index:5;
}
.logo{
	width:150px;
	height:120px;
	padding-top:10px;  /*ลบออกเมือ logo กลม*/
	float:left;
	margin-left:60px;
	text-align:center;
}
.logo img{
	width:100px;
}
.top .title1{
	float:left;
	display:block;
	width:600px;
	margin-top:15px;
	margin-left:10px;
}
.top .title1 a{
	color:#0ac8cf;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:50px;
	text-decoration:none;
}
.top .title2{
	float:left;
	color:#fff;
	font-family: Tahoma, sans-serif;
	font-size:18px;
	display:block;
	width:600px;
	margin-top:-10px;
	margin-left:10px;
	text-shadow: 0.05em 0.05em 0.1em  #171f07;
}
.socialico{
	float:right;
	margin-right:5px;
	margin-top:10px;
}
.menumain{
	float:right;
	width:600px;
	margin-top:-20px;
}
.menumain li{
	color: #000;
	font-family: 'pslxkittithadabold', Tahoma, sans-serif;
	font-size: 26px;
	display: block;
	float: left;
	list-style: none;
	padding: 10px 20px;
	text-align: right;
	
}
.menumain li a{
	text-decoration:none;
}
.menumain_1{
	background:url(../images/l.jpg) 0px no-repeat;
}
.menumain_h{
	background:url(../images/home.png) 0px no-repeat;
	width:80px;
}
#wrapper1{
	padding:0px;
	margin:0px auto;
	width:1366px;
	/*background:url(../images/bg_bottom.jpg) bottom center no-repeat;*/
}
#wrapper2{
	padding-bottom:20px;
	margin:0px auto;
	width:1366px;
	background:url(../images/backf.jpg) bottom center repeat-x;
}
#wrapper3{
	padding: 0px 0px 200px 0px;
	margin:0px auto;
	width:1366px;
	/*background:url(../images/bg_bottom.jpg) bottom center no-repeat;*/
}
.headtop{
	width:1366px;
}
#container{
	margin:0px auto 0px auto;
	padding:0px;
	width:1100px;
	background:#FFFFFF;
}
#headtop{
	min-width: 1366px;
  	margin: auto;
	min-height:100px;
	max-height:130px;
	background: url(../images/headtop2.jpg) bottom center repeat;
}
#headtop2{
	min-width:1366px;
  	margin: auto;
	min-height:100px;
	max-height:130px;
	background: url(../images/headtop.jpg) bottom center repeat;
}
#head {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:1366px;
	height:352px;
	z-index:5;
	position:relative;
	/*background-color: #3CF;*/
	/*background-image:url(../images/bgH.jpg);*/
}
#head_in{
	z-index:1;
	position:relative;
	height:410px;
	width:100%;
	margin:0px auto;
}
#head_r{
	width:1000px;
	height:406px;
	margin-top:-30px;
	z-index:2;
	position:relative;
	background:url(../images/foreground.png);
}
#head_l{
	z-index:3;
	position:relative;
	margin-top:-50px;
	margin-left:-5px;
	width:275px;
	height:244px;
	background: url(../images/toplogo.png) no-repeat;
}
#content{
	padding-bottom:50px;
}
.barcontent{
	margin: 68px auto 0px auto;
	width: 1366px;
	/*padding-left: 90px;
	margin-top:68px;*/
	height:50px;
	background:url(../images/headtop4.jpg) bottom center no-repeat;
}
.barcontent2{
	margin: 0px auto 0px auto;
	width: 1366px;
	/*padding-left: 90px;
	margin-top:0px;*/
	height:53px;
	background:url(../images/headtop5.jpg) bottom center no-repeat;
}
.barbox{
	margin-left:410px;
	margin-top:-10px;
	width:800px;
	height:50px;
	z-index:3;
	position:relative;
}
.barbox marquee{
	margin-left:45px;
	padding:10px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:28px;
	color: #0ac8cf;
}
.title_view{
	margin-left:410px;
	margin-top:-10px;
	width:800px;
	height:50px;
	z-index:3;
	position:relative;
}
.title_view p{
	margin-left:45px;
	padding:10px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:28px;
	color: #fff;
}
.conL{
	float:left;
	width:250px;
	margin-left:-16px;
}
.menutop{
}
.menu{
	width:265px;
	margin-top:-244px;
	margin-left:-0px;
	padding-top:300px;
	min-height:300px;
	background:url(../images/menu2.png) bottom center no-repeat;
	padding-bottom:180px;
	z-index:2;
	position:relative;
}
/*.menu ul{
	list-style:none;
	width:210px;
	margin-left:-10PX;
}

.menu ul li{
	background:url(../images/bt5.png) 40px center no-repeat;
	padding-left:65px;
	display:block;
	padding-top:5px;
	padding-bottom:3px;
	color:#363;
	font-size:25px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
}
.menu ul li a{
	color:#fff;
	font-size:25px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	text-decoration: none;
}
.menu ul li a:hover{
	color: #FF3;
}*/
.linkL{
	margin-top:10px;
	margin-left:23px;
}
.conR{
	margin-top:10px;
	float: left;
	width:875px;
	margin-left:-10px;
}
.counsm{
	margin-top:50px;
	text-align: center;
}
.con1{
	width:610px;
	margin-left:20px;
	float: left;
}
.con2{
	width:230px;
	float:right;
	padding-right:5px;
}
.con3{
	margin-left:-8px;
	margin-top:-10px;
	padding-right:5px;
}
.imgtop{
	float:left;
	z-index:1; 
	position:relative;
}
.imgtoplink{
	float:right;
	margin-top:-380px; 
	margin-right:40px; 
	z-index:4; 
	position:relative;
}
.youtube{
	float:right;
	margin-top:-300px; 
	margin-right:40px; 
	z-index:3; 
	position:relative;
}
#slideR{
	z-index:1;
	position: relative;
	padding:5px;
	width:230px;
	height:260px;
}
.linkR{
	
	margin-top:0px;
}
#main{
	margin-top:10px;
	padding-top:10px;
	width:610px;
	height:40px;
	background: url(../images/title4.jpg) no-repeat;
}
#main .title_text{
	color: #FFFD00;
	font-size:25px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	padding-left:25px;
}
#list{
	margin-top:10px;
	padding-top:8px;
	height:40px;
	background: url(../images/bt1.jpg) no-repeat;
}
#list .list_text{
	color: #fff;
	font-size:25px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:5px;
}
#title_link{
	margin-top:0px;
	padding-top:7px;
	height:35px;
	background: url(../images/bt1.jpg) no-repeat;
}
#title_link a{
	color:#FFFFFF;
	font-size:25px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:0px;
	text-decoration:none;
}
.listbox a{
	list-style:none;
	color:#766C6C;
	padding-left:10px;
}
#footer{
	margin:-255px auto auto;
	padding-top: 800px;
	padding-bottom:0px;
  	min-width: 1366px;
	background: url(../images/bg_bottom.jpg) bottom center no-repeat;
}
.footbox{
	margin:-180px auto 0px auto;
	padding:0px 0px 30px 0px;
	width:1100px;
}
.footbox a{
	color: #FF0;
	text-decoration: none;
}
.footcontent{
	width:1000px;
	margin:0px auto;
}
.footlogo{
	float:left;
	width:150px;
	height:150px;
}
.footlogo img{
	width: 120px;
	padding:5px;
	/*margin-top:30px; ลบออกเมือ logo กลม*/
}
.foottext{
  	color:#fff;
	margin-top:20px;
	width:800px;
	float:left;
	padding-left:20px;
	padding-bottom:20px;
}
.foottext p{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:18px;
	color: #fff;
}
.foottext h3{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:16px;
	color: #fff;
}
.foottext h2{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:35px;
	color: #fff;
}
.menufoot{
	max-width:800px;
	float:left;
	margin-left:20px;
}
.menufoot li{
	color: #000;
	font-family: 'pslxkittithadabold', Tahoma, sans-serif;
	font-size: 20px;
	display: block;
	float: left;
	list-style: none;
	
}
.menufoot li a{
	text-decoration:none;
}
.menufoot_1{
	padding:0px 5px;
	border-left:1px #000000 double;
}
.menufoot_h{
	padding:0px 10px 0px 0px;
}
.Copyright{
	min-width:600px;
	max-width:1000px;
	float:left;
	font-size:13px;
	margin-left:20px;
}
.webmaster{
	float:right;
	width:100px;
	text-align:center;
}
/*----------------------------------------------------*/
.slidernews{
	height:250px;
	width:610px;
	margin-top:10px;
}
.slidernewsLine{
	width:511px;
	margin-top:6px;
	margin-bottom:-12px;
	background-color:#EBF99B;
	padding:6px 20px;
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:25px;
	color: #030;
}
.newscontent{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.newsImg{
	float:left;
}
.newsImg img{
	border:2px solid #999;
}
.newsText{
	float:right;
	width:375px;
	
}
.newstitle{
	background-image:url(../images/point1.png);
	background-repeat: no-repeat;
}
.newsText h2 a{
	margin-left:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color: #03F;
	font-weight: bold;
	text-decoration: none;
	float:left;
}
.iconnew{
	display:inline;
}
.newsText h3 a{
	margin-left:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-decoration: none;
	float:left;
	color:#333;
}
.newsText h3 a:hover ,.newsText h2 a:hover{
	color:#06C;
}
.tabnews{
	margin-top:20px;
}
/*.tablelist{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #000000;
}
.tablelist a{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.tablelist a:hover{
	color:#039;
}
.trlist td{
	border-bottom:1px dotted #CCC;
}
.trlist:hover{
	background-color: #EAEAEA;
}
.trlist .c1{
	width:20px;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}*/
.imglistGallery{
	margin-top:20px;
}
.imgicon2{
	float:left;
	padding-left:30px;
	padding-top:10px;
	width:200px;
	/*background: url(../images/bt6.png) 5px 12px no-repeat;*/
}
.imgicon2 h2{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:25px;
	color: #FFFFFF;
}
.imgicon h2{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:25px;
}
.imglist{
	margin-top:10px;
	padding-left:5px;
}
.imgbox{
	width:300px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	float:left;
}
.imgbox .img{
	height:250px;
	width:280px;
	
}
.imgbox .img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.imgbox a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#06C;
	font-weight: bold;
	text-decoration: none;
}
.imgbox p{
	margin-top:5px;
}
.igmall{
	margin-top:15px;
	float:right;
	width:80px;
	height:25px;
	background-image:url(../images/bt4.png);
	background-repeat: repeat;
}
.igmall a{
	display:block;
	font-size:13px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	padding-left:25px;
	padding-top:3px;
}
.igmall a:hover{
	color:#039;
}
.otoplistGallery{
	margin-top:5px;
	float:left;
	margin-left:0px;
}
.imgbox2{
	width:135px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	float:left;
}
.imgbox2 a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#06C;
	font-weight: bold;
	text-decoration: none;
}
.imgbox2 p{
	margin-top:5px;
}
.imgbox2 .img{
	
}
.imgbox2 .img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.webboard{
	margin-top:15px;
}
.webboardBT{
	display:block;
	width:100%;
	height:40px;
	background:url(../images/title1.jpg) top center repeat-x;
	padding-top:13px;
	text-align:center;
	color: #630;
	font-weight: bold;
}
.iframe{
	margin-top:10px;
}
.linkC{
	text-align:center;
	margin-top:20px;
}
.linkC .linkCD{
	display: inline;
}
.iframetext{
	text-align:center;
}
.counter{
	background-color:#EDEDED;
}
.tbcounter{
	margin-top:-15px;
}
.countTitle{
	font-family:'pslxkittithadabold', Tahoma, sans-serif;
	font-size:27px;
	color:#fff;
	text-align:center;
	text-decoration: underline;
	background-color: #1eb91f;
}
.countN{
	text-align:right;
}
.countText1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	float:left;
	padding-left:30px;
	background-image:url(../images/counter/4.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.countText2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	float:left;
	padding-left:30px;
	background-image:url(../images/counter/3.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.countText3{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	float:left;
	padding-left:30px;
	background-image:url(../images/counter/2.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.countText4{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	float:left;
	padding-left:30px;
	background-image:url(../images/counter/1.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.countAll{
	padding:10px;
}
.moduleRight{
	margin-top:5px;
	margin-bottom:5px;
}
.moduleleft{
	margin-top:5px;
	margin-bottom:5px;
}
/*-------------------------------view---------------------------------*/
.detailcontnet{
	width:800px;
	margin:0px 10px 0px 32px;
	z-index:1;
	position: static;
	min-height:500px;
	padding:20px 10px 20px 10px;
}
.detailtext{
	min-height:100px;
}
.detailtext strong{
	font-weight: bold;	
}
.detailtext em{
	font-style: italic;
}
.detailUn{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	margin-top:20px;
}
.back{
	margin-bottom:10px;
}
.back a{
	background-color:#F63;
	padding:5px 10px 5px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.back a:hover{
	background-color: #F93;
}
.detailtextT{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#06F;
	font-weight: bold;
	margin-bottom:15px;
	margin-left:-10px;
	width:800px;
	padding:10px;
}
.detailgalleryT{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#06F;
	font-weight: bold;
	margin-bottom:15px;
	margin-left:-10px;
	width:800px;
	padding:10px;
	background-color: #E6E6E6;
}
.detailgallery{
	min-height:200px;
}
.pagelink{
	margin-top:5px;
	color:#F36;
}
.pagelink ul{
	list-style:none;
}
.pagelink ul li{
	padding:5px;
	background-color: #F69;
	display:block;
	float:left;
	margin:2px;
	height:15px;
}
.pagelink ul li a{
	margin-top:-5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color: #FFF;
	text-decoration: none;
}
.pagelink ul li{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color: #FFF;
}
.pagelink ul li:hover{
	background-color: #F9C;
}
.tablelist{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #000000;
}
.tablelist a{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.tablelist p{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tablelist a:hover{
	color:#039;
}
.trlist:hover{
	background-color: #EAEAEA;
}
.trlist td{
	border-bottom:1px dotted #666;
}
.trlist .c1{
	width:20px;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}
.trlist .c2{
	width:800px;
}
.trlist h4{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#666;
}
.trlistIMG img{
	background-color:#0ac8cf;
	padding:6px;
	/*border:3px solid  #00A9FB;*/
}
.trlistIMG a{
	font-weight: bold;
	color: #0ac8cf;	
}
.trlistIMG h4{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#666;	
}
.trlistIMG:hover{
	background-color: #EAEAEA;
}
.trtitle{
	background-color:#D5D4D4;
}
.trtitle th{
	padding:10px;
	margin-bottom:10px;
}
.trview td{
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.trlistV td{
	border-bottom:1px solid #FC6;
	padding-left:20px;
}
.tablelistCom{
	margin-top:10px;
	background-color: #FBF8CE;
}
.trtitle th{
	padding:10px;
}
.formbox{

}
.listGroup{
	width:600px;
	margin:10px auto;
	background-color: #f3ec91;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	border:1px solid  #F93;
	padding:10px 20px;
}
.trlistGroup .c1{
	width:20px;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}
.trlistGroup td{
	border-bottom:1px dotted #F90;
}
.listGroupT{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#36F;
}
.listGroupT a{
	margin-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	float:right;
	color:#36F;
}
.show_gallery{
	margin-top:10px;
}
.gallery a {
   height:200px;
   width: 250px;
   overflow: hidden;
   float: left;
   display: block;
   }
.gallery img{
	margin:6px;
	max-height:330px;
	max-width:330px;
}
.gallery img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.counterSmall{
	text-align:center;
	margin:10px auto;
}
.counterSmall p{
	margin-top:2px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	padding:2px;
}
.formsearch{
	text-align:right;
	margin-top:-10px;
}
.table_personnel img{
	padding:5px;
	width:150px;
	height:178px;
	background:#FFFFFF;
	margin-bottom:5px;
}
.text_personnel{
	width:300px;
	height:70px;
	padding-top:10px;
	background: url(../images/bg3.jpg) repeat-x;
	margin-bottom:5px;
}
.text_title{
	width:600px;
	height:85px;
	padding-top:20px;
	background: url(../images/bg4.jpg) repeat-x;
}
.linkslide{
	width:800px;
	margin:0px auto;
}
.table_list tr{
	text-decoration: none;
	position: relative;
	width: 80%!important;
	display: block;
	padding: 0.5rem 2rem;
	color: #ffffff;
	background: linear-gradient(#0ac8cf,#333);
	border: 1px solid #333;
	border-radius: 0.5rem!important;
	margin-bottom: 10px!important;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);
}
.table_list a{
	color: #ffffff;
	text-decoration: none;
}