@charset "utf-8";
/* CSS Document */
@import url(fonts/th_satabun.css);
body{
	/*font-family:"THBaijam";*/
	font-family: 'THSarabunNew', sans-serif;
	 font-size: 14px;
	background-size:100%;
	/*background-image:url(../img/bg_wat2.png);*/
	background-attachment:fixed;

	}
@media (min-width: 768px) {	

#bodypage{
width:100%;
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:#fff 1px solid;*/
background:url(../img/bg-banner.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:68%;
float:left;
margin:0.5%;
/*border:#fff 1px solid;*/

}
#h_right{
width:22%;
float:right;
/*border:#fff 1px solid;*/
margin:0.5%;

}
#main_search{
width:100%;
background:url(../img/bg_search.png);
min-height:350px;

}
#main_content{
width:100%;
padding:10px;
margin:0 auto;
min-height:750px;
background:url(../img/bg_content.png);	
}
#main{
width:100%;

	}
#footer{
width:100%;
background:url(../img/bg_footer.png);
min-height:50px;
	}
#footer p{
	color:#FFF;
	line-height:40px;
	}
#ft_1{
	float:left;
	width:90%;
	padding-top:10px;
	border:1px solid red;
	}
#ft_2{
	float:right;
	width:9%;
	line-height:40px;
	color:#FFF;
	text-align:right;
	padding-right:20px;
	padding-top:10px;
	border:1px solid red;
	}


}


@media (max-width: 767px) {
#bodypage{
width:100%;
background:#FFFFFF;
margin:0px auto;
/*border:#6600CC 1px solid;*/

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

}
#h_left{
width:68%;
float:left;
margin:1%;
/*border:#fff 1px solid;*/

}
#h_right{
display: none;
width:25%;
float:right;
/*border:#fff 1px solid;*/
margin-top:4%;
color:#FFF;
text-align:right;
}
#main_search{
width:100%;
background:url(../img/bg_search.png);
min-height:350px;

}

#main_content{
margin:0 auto;
width:100%;
min-height:350px;
background:url(../img/bg_content.png);	
padding:10px;
}
#main{
width:100%;

	}
#footer{
width:100%;
background:url(../img/bg_footer.png);
min-height:50px;
	}
#footer p{
	color:#FFF;
	line-height:40px;
	}
}