body{
    font-family: 'Kodchasan', sans-serif;
	color:#333;
}
p{
    font-family: 'Kodchasan', sans-serif;
	color:#333;
}
a{
    font-family: 'Kodchasan', sans-serif;
	color:#333;
}
h1,h2,h3,h4,h5{
    font-family: 'Kodchasan', sans-serif;
	color:#333;
}

.clear-10
{
	width:auto;
	height:10px;
	clear:both;
}
.clear-20
{
	width:auto;
	height:20px;
	clear:both;
}
.clear-30
{
	width:auto;
	height:30px;
	clear:both;
}
.clear-40
{
	width:auto;
	height:40px;
	clear:both;
}
.clear-50
{
	width:auto;
	height:50px;
	clear:both;
}
.main-font
{
	font-family: 'Kodchasan', sans-serif;
}
.home-banner
{
	margin-top:-15px;
	background-image: url("../images/bigbanner.JPG");
	padding-top: 40px;
	padding-bottom: 40px;
	height:720px;
	background-position: center;
  	background-repeat: no-repeat;
	background-size: cover;
}
.small-banner
{
	margin-top:-15px;
	background-image: url("../images/bigbanner.JPG");
	padding-top: 40px;
	padding-bottom: 40px;
	height:200px;
	background-position: center;
  	background-repeat: no-repeat;
	background-size: cover;
}
.taie-large-menu
{
	display: block;
	padding-bottom:15px;
}
.taie-small-menu
{
	display: none;
	padding-bottom:15px;
}
.vhf-breadcrumb
{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #EFEFEF;
}
.foot
{
	width:100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #333;
	color:#FFF;
}
.foot p
{
	color:#FFF;
}
.foot h1,h2,h3,h4,h5
{
	color:#FFF;
}
@media only screen and (max-width: 768px){
	.taie-large-menu
	{
		display: none;
	}
	.taie-small-menu
	{
		display: block;
	}

}