@charset "utf-8";
/* CSS Document */
@import url(fonts/th_satabun.css);



body{
	font-family: 'THSarabunNew', sans-serif;
	 font-size: 14px;
	background-size:100%;
	background-image:url(../img/bg_wat3.png);
	background-attachment:fixed;


	
	}

@media (min-width: 768px) {	

#bodypage{
width:1024px;
background:#FFFFFF;
margin:0px auto;
-webkit-box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);
box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);
/*border:#6600CC 1px solid;*/

}

#header{
width:100%;
height:120px;
/*border:#0000CC 1px solid;*/
background:url(../img/bg-header1-2.png);


/*-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;*/
}
#h_left{
width:70%;
float:left;

}
#h_right{
width:30%;
float:right;
}
#topmenu{
width:100%;
height:45px;
/*border:#00CC66 1px solid;*/
}
.menu-section {
height:45px;
/*background:url(../img/bg4-1.png);*/
background:#580505;
}

#menu-top a {
    color: #FFF;
    text-decoration: none;
    font-weight: 500;
  /*  padding: 10px 20px 10px 20px;*/
    text-transform: uppercase;
	margin:0px auto;


}

.menu-top-active {
    /*background:url(../img/bg6-1.png);*/
	background:#580505;
	height:45px;
}

.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
   /*background:url(../img/bg6-1.png);!important;*/
   background:#580505;
   height:45px;
}

.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
  /* background:url(../img/bg6-1.png);!important;*/
  background:#580505;
   height:45px;
}
#main{
width:100%;
height:auto;
/*border:#330000 1px solid;*/

}
#main_left{
width:27%;
/*border:#FF3366 1px solid;*/
height:auto;
float:left;
}
#main_right{
width:73%;
/*border:#99FF99 1px solid;*/
padding:5px;
float:right;
}
#main_news{
	width:95%;
	border:1px solid red;
	padding:5px;
	margin:auto;
	}
#box_parit{
width:90%;
padding:5px 1px 1px 1px;
margin:10px auto;
border:1px solid #000;
/*box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);*/
/*background:url(../img/bg11.png)*/;
/*border-radius:5px;*/
}
/*#sub_parit{
background:#FFFFFF;
width:80%;
margin:2px auto;
border-radius:5px;
}*/
#menu_left{
width:90%;
padding:5px 5px 1px 5px;
margin:10px auto;
/*box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);*/
background:url(../img/bg14.png);
border-radius:5px;
color:#0000CC;
}

#menu_left2{
width:90%;
padding:5px 5px 1px 5px;
margin:10px auto;
/*box-shadow: 0px -1px 8px -1px rgba(0,0,0,0.75);*/
background:url(../img/bg14.png);
border-radius:5px;
color:#0000CC;

}

#menu_left li{
list-style:none;
line-height:35px;
color:#0000CC;
width:98%;




}
#menu_left ul{
background:#FFFFFF;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

}

.h_menu{
padding:5px;
height:35px;
text-align:center;
background:url(../img/bg4-2.png);
color:#FFFFFF;

}
#box-fb{
width:100%;

margin:3px auto;
padding-left:10px;
}
#bottom_main{
width:100%;
padding:5px;
/*height:70px;*/
margin:0px auto;
/*border-radius:5px;*/
background:url(../img/bg4-2.png);
}
#owl-demo .item{
        margin: 3px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
		/*border:#CCCCCC 1px solid;*/
		padding:5px;
		margin:10px auto;
    }
#footer-right{
width:45%;
float:right;
margin-top:25px;
margin-right:10px;
color:#FFFFFF;
text-align:right;
padding-top:10px;

}
.txt-ft{
width:25%;
/*border:#FFFFFF 1px solid;*/
border-radius:10px;
padding:5px;
color:#FFFFFF;
text-align:center;
margin-top:10px;
margin-left:20px;
}
#footer-left{
width:48%;
padding-top:10px;
margin-top:25px;
margin-left:10px;
color:#FFFFFF;
text-align:left;
float:left;

}
.news_left{
width:100%;
/*border:#FFFF66 1px solid;*/
padding:3px;
float:left;
}
.news_right{
float:right;
width:100%;
padding:3px;
/*border:#000000 1px solid;*/

}
.news_right ul{
list-style:none;

}
.h_news{
border-bottom:3px solid #a94442;
padding:5px;
font-size:16px;
}
.htxt_news{
font-weight:bolder;
/*border:#FF99CC 1px solid;*/
padding:10px 0 0 10px;
float:left;

}
.htxt_varasan{
font-weight:bolder;
/*border:#FF99CC 1px solid;*/
padding:10px 0 0 10px;

}

#scroller-header a {
	text-decoration:none; 
	padding:5px 15px 5px 15px;
	background:url(../img/bg14.png);
	color:#000000;
	
}

#scroller-header a:hover {
	text-decoration:none; 
	background:#FFFFFF;
	
}

a.selected {
		/*text-decoration:underline !important; */
	color:#000000 !important;
	background:#FFFFFF!important;
	border-top:#a94442 3px solid;
}

#scroller-header {
	width:75%;
	padding:10px 0 0 10px;
	/*font-weight:600;*/
	font-size:14px;
	/*border:#006666 1px solid;*/
	float:right;
}




/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
	
		padding-top:10px;
		padding-bottom:20px;

		color:#000;
		border-bottom:1px dotted #CD853F;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
	width:30%;
}

#panel-2 {
}

#panel-3 {
}*/
.picbox_1{
width:100px;
height:100px;
/*border:#FFFFFF 1px solid;*/
margin:0px 20px;
float:left;
padding-left:10px;
}
#show_pic{
width:100%;
/*border:#333399 1px solid;*/
}
#show_pic ul{
list-style:none;
}
#show_pic li{
display:inline;
margin:0px 10px;
padding-left:10px;

}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
#right1{
width:100%;
/*border:1px solid red;*/
border:none;
}
#right1 a:link{
text-decoration:none;
}
#right2{
width:100%;
/*border:#FFCC33 1px solid;*/
margin:0 auto;
}
#right2 ul {
list-style:none;
margin:0 5px;
padding:0;
}

#right2 ul li {
	
		padding:10px 7px 10px 7px;
		color:#000;
	
	}
#right2 ul li a:link {
text-decoration:none;	
	}
#right3{
width:100%;
/*border:#FF0099 1px solid;*/
margin:0 auto;
}
#right3 a:link{
text-decoration:none;
}
.pic_gal{
width:100%;

float:left;
margin-left:10px;
margin-top:10px;
margin-right:10px;
padding:3px;
height:300px;
border:1px solid #ccc;
border-radius:2px;


}
.pic_gal1{
width:100%;
height:150px;
/*border:#000000 1px solid;*/
float:left;


}
.pic_gal2{
width:100%;
/*border:#CCCCCC 2px solid;*/
font-size:12px;
float:left;
padding:2px;
text-align:center;
margin-top:5px;

}
#right4{
width:100%;
/*border:#0033CC 1px solid;*/
margin:0 auto;
}
#right4 a:link{
text-decoration:none;
}
#right5{
width:100%;
border:#0033CC 1px solid;
margin:0 auto;
}
#right5 a:link{
text-decoration:none;
}
.col-md-6 ul{
list-style:none;
margin-left:-25px;


}
#sidemenu-respon{
display:none;
}
.contact1{
width:50%;
margin:20px auto;
}
.contact2{
width:70%;
margin:20px auto;

}
#show_pdf{
	width:100%;
	height:650px; 

	margin:10px auto;
}


}
@media (max-width: 767px) {
#bodypage{
width:100%;
background:#FFFFFF;
margin:0px auto;


}
#header{
width:100%;
min-height:70px;
/*height:100px;*/
/*border:#0000CC 1px solid;*/
background:url(../img/header3-1.png);

}

#h_right{
width:30%;
float:right;
display:none;


}
#topmenu{
width:100%;
height:45px;
/*border:#00CC66 1px solid;*/
margin:0 auto;

}
.menu-section {
background:url(../img/bg10-1.png);
 /*background:#580505;*/
	
}

#menu-top a {
    color: #FFF;
	height:45px;
    text-decoration: none;
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
	
	
}

.menu-top-active {
  background:url(../img/bg5-1.png);
  height:45px;
  
}

.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
   background:url(../img/bg5-1.png);!important;
   height:45px;

}

.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
    background:url(../img/bg5-1.png);!important;
   height:45px;
}
#main{
width:100%;
height:auto;
border:#red 1px solid;
}
#main_left{
display:none;
}
#main_right{
width:100%;
/*border:#99FF99 1px solid;*/
padding:5px;

}
#bottom_main{
width:100%;
padding:5px;
/*height:70px;*/
margin:0px auto;
/*border-radius:5px;*/
background:url(../img/bg4-2.png);

}
#owl-demo .item{
        margin:2px;
    }
    #owl-demo .item img{
        display: block;
        width: 80%;
        height:60px;
		/*border:#CCCCCC 1px solid;*/
		padding:5px;
		margin:auto;
		
    }
	#footer-left{
width:100%;
margin-top:10px;
color:#FFFFFF;
text-align:right;

}

#footer-right{
width:100%;
margin-top:10px;
margin-right:10px;
color:#FFFFFF;
text-align:right;
}
.news_left{
width:100%;
/*border:#009999 1px solid;*/
padding:3px;
}
.news_right{
width:100%;
padding:3px;
/*border:#000000 1px solid;*/
}
.h_news{
border-bottom:3px solid #a94442;
padding:5px;
font-size:16px;
}
.htxt_news{
font-weight:bolder;
/*border:#FF99CC 1px solid;*/
padding:10px 0 0 10px;



}
#scroller-header a {
	text-decoration:none; 
	padding:5px 3px;
	background:url(../img/bg14.png);
	color:#000000;
	
	
}

#scroller-header a:hover {
	text-decoration:none; 
	background:#FFFFFF;
	
}

a.selected {
	/*text-decoration:underline !important; */
	color:#000000 !important;
	background:#FFFFFF!important;
	border-top:#a94442 3px solid;

	
}

#scroller-header {
	width:100%;
	padding:3px 0 0 3px;
	font-size:12px;
	margin-top:10px;
	/*border:#006666 1px solid;*/
	
}




/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
	

		padding-top:10px;
		padding-bottom:20px;
		color:#000;
		border-bottom:1px dotted #CD853F;
	
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
	width:100%;
}

#panel-2 {
}

#panel-3 {
}
.picbox_1{
width:100px;
height:100px;
/*border:#FFFFFF 1px solid;*/
margin:0px 20px;
float:left;
}
#show_pic{
width:100%;
/*border:#333399 1px solid;*/
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
#right1{
width:100%;
/*border:1px solid red;*/
}
#right1 a:link{
text-decoration:none;
}
#right2{
width:100%;
/*border:#FFCC33 1px solid;*/
margin:0 auto;
}
#right2 ul {
list-style:none;
margin:0 5px;
padding:0;
}

#right2 ul li {
	
		padding:10px 7px 10px 7px;
		color:#000;
	
	}
#right2 ul li a:link {
text-decoration:none;	
	}
.pic_gal{
width:100%;
/*border:#CCCCCC 2px solid;*/
float:left;
margin-left:15px;
margin-top:15px;
margin-right:10px;
padding:3px;
border:1px solid #ccc;
border-radius:2px;

}
.pic_gal1{
width:100%;
height:150px;
/*border:#000000 1px solid;*/
float:left;
}
.pic_gal2{
width:100%;
height:auto;
/*border:#CCCCCC 2px solid;*/
font-size:12px;
float:left;
padding:2px;
text-align:center;
margin-top:5px;
}
.col-md-6 ul{
list-style:none;
margin-left:-25px;


}
#show_pic ul{
list-style:none;
}
#show_pic li{
display:inline;
margin:0px 10px;
padding-left:10px;

}
#sidemenu-respon{
width:100%;
color:#FFFFFF;


}
#sidemenu-respon li{
list-style:none;
color:#FFCC66;
line-height:30px;
margin-left:20px;

}
#sidemenu-respon a:link{
color:#FFCC66;
font-size:12px;
text-decoration:none;
}
.contact1{
width:100%;
margin:5px auto;

}
.contact2{
width:100%;
margin:5px auto;

}
#show_pdf{
	display:none;
}


}