@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap');

.noto-sans-thai-<uniquifier> {
  font-family: "Noto Sans Thai", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" <width>;
}




body , html {
	font-family: 'Noto Sans Thai';
	margin: 0px;
}

a{text-decoration:none;background:none;}
a:hover{text-decoration:none}

/******************* Color Start ***********************/
	.bg-white{background-color: #fff !important;}
	.bg-black{background-color: #000 !important;}
	.bg-brown{background-color: #c2b797 !important;}
	.bg-brown-l{background-color: #e6dfcd !important;}

	.text-white,.text-white:hover { color:#fff  !important; }
	.text-blcak,.text-blcak:hover { color:#000  !important; }
	.text-brown,.text-brown:hover { color:#c2b797; !important;}
	.text-brown-l,.text-brown-l:hover { color:#e6dfcd; !important;}
	.text-brown-g,.text-brown-g:hover { color:#976f39; !important;}
/******************* Color End ***********************/


.text60{
	font-size: 60px;
}
.text48{
	font-size: 48px;
}
.text40{
	font-size: 40px;
}
.text36{
	font-size: 36px;
}
.text32{
	font-size: 32px;
}
.text30{
	font-size: 30px;
}
.text28{
	font-size: 28px;
}
.text24{
	font-size: 24px;
}
.text20{
	font-size: 20px;
}
.text18{
	font-size: 18px;
}
.text16{
	font-size: 16px;
}
.text14{
	font-size: 14px;
}
.text13{
	font-size: 13px;
}
.text12{
	font-size: 12px;
}


.font-600{
	font-weight: 600;
}
.font-bold{
	font-weight: bold;
}
.font-bolder{
	font-weight: bolder;
}



.mr-40{
	margin-right: 40px;
}


.mb-10{
	margin-bottom: 10px;
}

.border-radius {
	border-radius: 60px;
}