/* http://fonts.googleapis.com/css?family=Roboto:100,300%7CRoboto+Condensed:400,300,700&subset=latin,latin */
@font-face {
    font-family: "Roboto";
    font-weight: 100;
    font-style: normal;

    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzQ.woff) format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;

    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;

    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxM.woff) format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 500;
    font-style: normal;

    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;

    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 900;
    font-style: normal;

    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc-.woff) format("woff");
}

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-style: normal;

    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff) format("woff");
}

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 400;
    font-style: normal;

    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format("woff");
}

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 700;
    font-style: normal;

    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff) format("woff");
}

@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sarabun/v12/DtVjJx26TKEr37c9WBE.woff) format('woff');
}

@font-face {
    font-family: 'Sarabun';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sarabun/v12/DtVhJx26TKEr37c9aBBJmQ.woff) format('woff');
}

@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sarabun/v12/DtVmJx26TKEr37c9YOZqul8.woff) format('woff');
}

@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sarabun/v12/DtVmJx26TKEr37c9YK5sul8.woff) format('woff');
}

@font-face {
    font-family: 'Sarabun';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sarabun/v12/DtVkJx26TKEr37c9aBBxJlks7Q.woff) format('woff');
}

@font-face {
    font-family: 'Trirong';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/trirong/v9/7r3DqXNgp8wxdOdOlyAK_a0.woff) format('woff');
}

@font-face {
    font-family: 'Trirong';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/trirong/v9/7r3GqXNgp8wxdOdOr48.woff) format('woff');
}

@font-face {
    font-family: 'Trirong';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/trirong/v9/7r3DqXNgp8wxdOdOl3gL_a0.woff) format('woff');
}
  