@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew-webfont.eot');
    src: url('fonts/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew-webfont.woff') format('woff'),
         url('fonts/thsarabunnew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_bolditalic-webfont.eot');
    src: url('fonts/thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_bolditalic-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_italic-webfont.eot');
    src: url('fonts/thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_italic-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_bold-webfont.eot');
    src: url('fonts/thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_bold-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
body {
	padding-top: 0rem;	
    background-image: url(../img/#);
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#282828;
	
	}
	

f1{
	font-family: 'Sarabun', sans-serif;
	font-size:24px;
}
	
f2{
	font-family: 'Sarabun', sans-serif;
	font-size:20px;
	font-weight: bold;
}	
f3{
	font-family: 'Sarabun', sans-serif;
	font-size:18px;
}
a{
  color:#282828;
  text-decoration:none;
}
	
a:hover{
  color:#0066ff;
  text-decoration:none;
}



.button {
  background-color: #fff;
  text-align: center;
  color: #282828;
  border: none;
  width:100%;
  
  

}

.button:hover {
  background-color: #f5f5f5;
  color: #0066ff;
}

.button2 {
  font-family: 'Sarabun', sans-serif;
  font-size:18px;	
  background-color: #0066ff;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 0.4rem;
  
  

}

.button2:hover {
  background-color: #f5f5f5;
  color: #0066ff;
  border: 0px solid #0066ff;
  border-radius: 50px;
  padding: 0.4rem;  
}

.button3 {
  font-family: 'Sarabun', sans-serif;
  font-size:18px;	
  background-color: #FF0033;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 0.4rem;
  

}

.button3:hover {
  background-color: #f5f5f5;
  color: #FF0033;
  border: 0px solid #0066ff;
  border-radius: 5px;
  padding: 0.4rem;  
}

.button4 {
  font-family: 'Sarabun', sans-serif;
  font-size:18px;	
  background-color: #FF9900;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 0.4rem;
  

}

.button4:hover {
  background-color: #f5f5f5;
  color: #FF9900;
  border: 0px solid #0066ff;
  border-radius: 5px;
  padding: 0.4rem;  
}

.button5 {
  font-family: 'Sarabun', sans-serif;
  font-size:18px;	
  background-color: #00b500;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 0.4rem;
  

}

.button5:hover {
  background-color: #f5f5f5;
  color: #00b500;
  border: 0px solid #0066ff;
  border-radius: 5px;
  padding: 0.4rem;  
}