﻿/* montserrat-regular */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/montserrat-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../assets/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../assets/fonts/montserrat-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../assets/fonts/montserrat-regular.woff') format('woff'), /* Modern Browsers */
    url('../assets/fonts/montserrat-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../assets/fonts/montserrat-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/barlow-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../assets/fonts/barlow-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../assets/fonts/barlow-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../assets/fonts/barlow-regular.woff') format('woff'), /* Modern Browsers */
    url('../assets/fonts/barlow-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../assets/fonts/barlow-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* sarabun-regular - latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/sarabun-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../assets/fonts/sarabun-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../assets/fonts/sarabun-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../assets/fonts/sarabun-regular.woff') format('woff'), /* Modern Browsers */
    url('../assets/fonts/sarabun-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../assets/fonts/sarabun-regular.svg#Sarabun') format('svg'); /* Legacy iOS */
}
:root {
    --font-family-thai: "Sarabun","K2D","Kanit",BlinkMacSystemFont,-apple-system,"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;
}
    body {
    /* padding-top: 50px;*/
    padding-bottom: 20px;
    font-family: "Montserrat","Barlow", "K2D", "Sarabun","Kanit",BlinkMacSystemFont,-apple-system,"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.content-description {
    font-family: var(--font-family-thai);
}
/*cookies-eu*/
.cookies-eu {
    position: fixed;
    bottom: 0;
    left: 0;
    line-height: 40px;
    background: #f2f2f2;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    z-index: 999;
    text-align: center;
}


    .cookies-eu .cookies-eu-content-holder {
        display: inline-block;
        padding: 0 20px;
        line-height: 26px;
    }

    .cookies-eu .cookies-eu-button-holder {
        display: inline-block;
        padding-right: 20px;
    }

        .cookies-eu .cookies-eu-button-holder .cookies-eu-ok {
            background-color: #4d90fe;
            background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
            border: 1px solid #3079ed;
            border-radius: 2px;
            color: #fff;
            cursor: default;
            display: inline-block;
            font-size: 11px;
            font-weight: bold;
            height: 24px;
            line-height: 20px;
            margin-right: 0px;
            min-width: 26px;
            outline: 0;
            padding: 0 11px;
            text-align: center;
            white-space: nowrap;
            margin: 0 5px;
        }

@media (max-width: 767px) {
    .cookies-eu {
        position: static;
        font-size: 12px;
        line-height: 20px;
    }

        .cookies-eu .cookies-eu-content-holder {
            line-height: 16px;
            padding: 5px 20px;
        }

        .cookies-eu .cookies-eu-button-holder {
            padding-bottom: 5px;
        }
}