@font-face {
    font-family: 'Noto Serif';
    src: url('noto_serif/subset-NotoSerif-Regular.eot');
    src: url('noto_serif/subset-NotoSerif-Regular.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerif-Regular.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerif-Regular.woff') format('woff'),
    url('noto_serif/subset-NotoSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('noto_serif/subset-NotoSerif-Medium.eot');
    src: url('noto_serif/subset-NotoSerif-Medium.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerif-Medium.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerif-Medium.woff') format('woff'),
    url('noto_serif/subset-NotoSerif-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('noto_serif/subset-NotoSerif-Bold.eot');
    src: url('noto_serif/subset-NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerif-Bold.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerif-Bold.woff') format('woff'),
    url('noto_serif/subset-NotoSerif-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif Thai';
    src: url('noto_serif/subset-NotoSerifThai-Regular.eot');
    src: url('noto_serif/subset-NotoSerifThai-Regular.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerifThai-Regular.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerifThai-Regular.woff') format('woff'),
    url('noto_serif/subset-NotoSerifThai-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif Thai';
    src: url('noto_serif/subset-NotoSerifThai-Medium.eot');
    src: url('noto_serif/subset-NotoSerifThai-Medium.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerifThai-Medium.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerifThai-Medium.woff') format('woff'),
    url('noto_serif/subset-NotoSerifThai-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif Thai';
    src: url('noto_serif/subset-NotoSerifThai-Bold.eot');
    src: url('noto_serif/subset-NotoSerifThai-Bold.eot?#iefix') format('embedded-opentype'),
    url('noto_serif/subset-NotoSerifThai-Bold.woff2') format('woff2'),
    url('noto_serif/subset-NotoSerifThai-Bold.woff') format('woff'),
    url('noto_serif/subset-NotoSerifThai-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('noto_sans/subset-NotoSans-Regular.eot');
    src: url('noto_sans/subset-NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSans-Regular.woff2') format('woff2'),
    url('noto_sans/subset-NotoSans-Regular.woff') format('woff'),
    url('noto_sans/subset-NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('noto_sans/subset-NotoSans-Medium.eot');
    src: url('noto_sans/subset-NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSans-Medium.woff2') format('woff2'),
    url('noto_sans/subset-NotoSans-Medium.woff') format('woff'),
    url('noto_sans/subset-NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('noto_sans/subset-NotoSans-Bold.eot');
    src: url('noto_sans/subset-NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSans-Bold.woff2') format('woff2'),
    url('noto_sans/subset-NotoSans-Bold.woff') format('woff'),
    url('noto_sans/subset-NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('noto_sans/subset-NotoSansThai-Regular.eot');
    src: url('noto_sans/subset-NotoSansThai-Regular.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSansThai-Regular.woff2') format('woff2'),
    url('noto_sans/subset-NotoSansThai-Regular.woff') format('woff'),
    url('noto_sans/subset-NotoSansThai-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('noto_sans/subset-NotoSansThai-Medium.eot');
    src: url('noto_sans/subset-NotoSansThai-Medium.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSansThai-Medium.woff2') format('woff2'),
    url('noto_sans/subset-NotoSansThai-Medium.woff') format('woff'),
    url('noto_sans/subset-NotoSansThai-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('noto_sans/subset-NotoSansThai-Bold.eot');
    src: url('noto_sans/subset-NotoSansThai-Bold.eot?#iefix') format('embedded-opentype'),
    url('noto_sans/subset-NotoSansThai-Bold.woff2') format('woff2'),
    url('noto_sans/subset-NotoSansThai-Bold.woff') format('woff'),
    url('noto_sans/subset-NotoSansThai-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('/sarabun/Sarabun-Regular.eot');
    src: url('/sarabun/Sarabun-Regular.eot?#iefix') format('embedded-opentype'),
    url('/sarabun/Sarabun-Regular.woff2') format('woff2'),
    url('/sarabun/Sarabun-Regular.woff') format('woff'),
    url('/sarabun/Sarabun-Regular.ttf') format('truetype'),
    url('/sarabun/Sarabun-Regular.svg#Sarabun-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('/sarabun/Sarabun-Bold.eot');
    src: url('/sarabun/Sarabun-Bold.eot?#iefix') format('embedded-opentype'),
    url('/sarabun/Sarabun-Bold.woff2') format('woff2'),
    url('/sarabun/Sarabun-Bold.woff') format('woff'),
    url('/sarabun/Sarabun-Bold.ttf') format('truetype'),
    url('/sarabun/Sarabun-Bold.svg#Sarabun-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('/sarabun/Sarabun-Medium.eot');
    src: url('/sarabun/Sarabun-Medium.eot?#iefix') format('embedded-opentype'),
    url('/sarabun/Sarabun-Medium.woff2') format('woff2'),
    url('/sarabun/Sarabun-Medium.woff') format('woff'),
    url('/sarabun/Sarabun-Medium.ttf') format('truetype'),
    url('/sarabun/Sarabun-Medium.svg#Sarabun-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



.font--noto-sans, .font--family-2 {
    font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
}

.font--noto-serif, .font--family-1 {
    font-family: 'Noto Serif Thai', 'Noto Serif', sans-serif;
}

.font--sarabun, .font--family-3 {
    font-family: 'Sarabun', sans-serif;
}

.font--system-default, .font--family-0 {
    font-family: Helvetica, Arial, Thonburi, Tahoma, sans-serif;
}

.green-color{
    color: #166910;
}
.green-color2{
    color: #59bc52
}
.red-color{
    color: #ff0000;
}
.orang-color{
    color: #ff7e00;
}
.bold1{
    font-weight: 600;
}
.font-size1{
    font-size:1.5em;
}