@media (max-width: 899px)
{
	.nav-link{
		border-bottom: 1px solid #FFF;
	}
	.nav-item
	{
		margin-top: 15px;
	}
	.fontheadtab
	{
		font-size: 1em;
	}
	.imgcontact{width:100%;}
}

@media (min-width: 900px)
{
	.navbar-expand-lg .navbar-collapse
	{
	    right: 0px !important;
    	position: absolute !important;
    }
	.nav-item
	{
		margin-top: 28px;
	}
	.fontheadtab
	{
		font-size: 1.2em;
	}
	.imgcontact{width:90%;}
}

body{
	/*font-family: 'Kanit', sans-serif;*/
	/*font-family: 'Prompt', sans-serif;*/
	/* font-family: sans-serif, Arial, Verdana; */
	font-size: 14px;
}

.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px; line-height: 2.0}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}

.LineH17 { line-height: 1.7; }

.text-blue{ color:#1F4272 !important;}
.text-grey{ color:#5E5E5E !important; }
.text-brown { color: #996600 !important; }

iframe img{
	filter: saturate(100%);
	transition: all 0.3s;
}

iframe img:hover{
	/*
	filter: saturate(300%);
	transition: all 0.3s;
	*/
}

img{
	filter: saturate(100%);
	transition: all 0.3s;
}
img:hover{
	/*
	filter: saturate(300%);
	transition: all 0.3s;
	*/
}


.nav-link{
	color:#5e5e5e;
	transition: all 0.3s;
	/*font-weight: bold;*/
}

.nav-link:hover{
	color:#333;
	/*margin-top:-5px*/
}

.hvr-sweep-to-top:before{
	background : #ececec;
}


.navbar-nav {
	margin-top: 10px;
}

.navbar-toggler
{
	color: #FFF;
	border: 1px solid;
	padding: 15px;
}

.tabhead
{
	width: 100%;
	/*height: 50px;*/
	padding-top: 12px;
	text-align: left !important;
}

.maintop
{
	/*text-align:center;*/
	background-color: #FFFFFF;
}
.mb-20{margin-bottom:20px;}
.starcolor{ color: #f9c500;}
.star5{ background: #1bfe01; }
.star4{ background: #38fffd; }
.star3{ background: #FFFFFF; }
.star2{ background: #ffff19 }

.footer-color-link{
	color : #5E5E5E;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
	border-color: #999999 !important;
}

/*----------- Index ------------*/
.padding5{
	padding: 0px 15px 15px 15px;
}
/* .mainColumn a{
	color:#FFF;
}
.mainColumn a:hover{
	color:#FFF;
} */
.mainColumn a img{
	filter: saturate(100%);
	transition: all 0.3s;
}
.mainColumn a:hover img{
	/*
	filter: saturate(300%);
	transition: all 0.3s;
	*/
}

/*=========== Theme Grey Index ============*/
.Tdarkgrey{
	margin-bottom:10px;
	background:#1F4272;
	color:#FFF;
}
.Tdarkgrey .row {
	padding: 10px 10px 0px 10px;
}
.Tdarkgrey a {
	color: #FFF;
}
.Tdarkgrey a img{
	filter: saturate(100%);
	transition: all 0.3s;
}
.Tdarkgrey a:hover img{
	/*
	filter: saturate(300%);
	transition: all 0.3s;
	*/
}
.Tdarkgrey .TheadCol{
	padding: 10px 10px 1px 10px;
}
.Tdarkgrey .TheadCol .Blue{
	background:#0300cc;
	color:#FFF;
	padding: 10px 10px 1px 10px;
}
.Tdarkgrey ul{
	line-height: 2;

}
.Tdarkgrey li{

}
/*=========== Theme Grey Index ============*/

/*=========== Theme White Index ============*/
.Tlightgrey{
	margin-bottom: 10px;
	background: #5E5E5E;
	color: #FFFFFF;
}
.Tlightgrey .row {
	padding: 10px 10px 0px 10px;
}
.Tlightgrey a {
	color: #FFF;
}
.Tlightgrey a img{
	filter: saturate(100%);
	transition: all 0.3s;
}
.Tlightgrey a:hover img{
	/*
	filter: saturate(300%);
	transition: all 0.3s;
	*/
}
.Tlightgrey .TheadCol{
	padding: 10px 10px 1px 10px;
}
.Tlightgrey .TheadCol .Blue{
	background:#0300cc;
	color:#FFF;
	padding: 10px 10px 1px 10px;
}
.Tlightgrey ul{
	line-height: 2;

}
.Tlightgrey li{
    color: darkslategrey;
}
.Tlightgrey li a{
    color: darkslategrey;
}
/*=========== Theme White Index ============*/

/*=========== Theme Grey Index ============*/
.Tdarkblue{
	margin-bottom:10px;
	background:#080925;
	color:#FFF;
}
.Tdarkblue .row {
	padding: 10px 10px 0px 10px;
}
.Tdarkblue a {
	color: #ff7600;
}
.Tdarkblue a img{
	filter: saturate(100%);
	transition: all 0.3s;
}
.Tdarkblue a:hover img{
	*/
	filter: saturate(300%);
	transition: all 0.3s;
	/*
}
.Tdarkblue .TheadCol{
	padding: 10px 10px 1px 10px;
}
.Tdarkblue .TheadCol .Blue{
	background:#0300cc;
	color:#FFF;
	padding: 10px 10px 1px 10px;
}
.Tdarkblue ul{
	line-height: 2;

}
.Tdarkblue li{

}
/*=========== Theme Grey Index ============*/