@font-face {
    font-family: 'Kanit';
    /* ตัวบาง */
    src: url(Kanit-Light.ttf);
    font-style: normal;
    font-weight: 100;
}

@font-face {
    /* ตัวพิเศษ */
    font-family: 'Kanit-ExtraLightItali';
    src: url(Kanit-ExtraLightItalic.ttf);
    font-style: normal;
    font-weight: 150;
}

@font-face {
    /* ตัวปกติ */
    font-family: 'Kanit-Regular';
    src: url(Kanit-Regular.ttf);
    font-style: normal;
    font-weight: 200;
}

@font-face {
    /* ตัวปกติ */
    font-family: 'Kanit-SemiBold';
    src: url(Kanit-SemiBold.ttf);
    font-style: normal;
    font-weight: 300;
}

/* H1 */
h1.thai {
    font-family: 'Kanit';
    font-weight: 200;
}
/* H1 END*/

/* H2 */
h2.thai {
    font-family: 'Kanit';
    font-weight: 300;
}
/* H2 END*/

/* H3 */
h3.thai {
    font-family: 'Kanit';
    font-weight: 200;
}
/* H3 END*/

/* H4 */
h4.thai {
    font-family: 'Kanit';
    font-weight: 200;
}
/* H4 END*/

/* H5 */
h5.thai {
    font-family: 'Kanit';
    font-weight: 200;
}
/* H5 END*/

/* H6 */
h6.thai {
    font-family: 'Kanit';
    font-weight: 100;
}
/* H6 END*/

/* P */
p.thai {
    font-family: 'Kanit';
    font-weight: 100;
}

p.thai_b {
    font-family: 'Kanit';
    font-weight: 300;
}
/* P END*/

a.thai {
    font-family: 'Kanit';
    font-weight: 100;
}
/* A END*/

b.thai {
    font-family: 'Kanit';
    font-weight: 200;
}
/* B END*/

strong.thai {
    font-family: 'Kanit';
    font-weight: 200;
}

b.red {
    color: red;
}

label.thai {
    font-family: 'Kanit';
    font-weight: 110;
}

label.upper {
    text-transform: uppercase;
}

span.thai {
    font-family: 'Kanit';
    font-weight: 100;
}

span.red {
    color: red;
}

span.strong {
    font-family: 'Kanit';
    font-weight: 100;
}

.styled-select {
    font-family: 'Kanit';
    font-weight: 100;
}

.styled-select select {
    font-family: 'Kanit';
    font-weight: 100;
}

.select2 {
    font-family: 'Kanit';
    font-weight: 100;
}

.test {
    font-family: 'Kanit';
    font-weight: 100;
}