:root{
	--primary-color: #3fb178;
	--secondary-color: #3b4a51;
}
.text-grey{ color: #9a9a9a; }
.text-color{ color:var(--primary-color) !important; }

body,
p,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
#mainMenu nav > ul > li > a,
#footer,
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
	font-family: "Lato", "Noto Sans Thai", serif;
	letter-spacing: 0;
	line-height: 1.5;
}
body, p{ font-size: 16px;}
.w100, .w-100{ width:100%; }
.italic{ font-style:italic; }
.font-custom,
.headbar .htitle{ 
	font-family: "PT Serif","Noto Sans Thai", serif;
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
	font-size: 16px;
	padding: 0 20px;
	line-height: 40px;
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: #fff;
}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary{
	background-color: var(--primary-color);
	border-color:var(--primary-color);
}
button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-light:hover,
.btn:not(.close):not(.mfp-close).btn-light:hover{
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: #fff;
}
a{ color:var(--secondary-color); }
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active{ color:var(--primary-color); }
.flickity-button:hover{ background:var(--primary-color); }

#scrollTop{ bottom:60px !important; }
#scrollTop:after, #scrollTop:before{ background:var(--primary-color); }