@import url(fontface.css);
@import url(fix-slick.css);
@import url(fix-select2.css);
@import url(fix-bootstrap.css);
@import url(general.css);
@import url(color.css);
@import url(font.css);
@import url(button.css);
@import url(form.css);
@import url(list.css);
@import url(table.css);
@import url(card.css);
@import url(popup.css);
@import url(header.css);
@import url(footer.css);
@import url(tailwind.css);
:root {
  --spacing: 0.5208vw;
  --color-general: #101010;
  --black-300: #3a3a3a;
  --black: #101010;
  --black-li: #4a4a4a;
  --grey: #999;
  --grey-md: #808080;
  --grey-li: #F4F4F4;
  --grey-300: #e7e7e7;
  --grey-400: #c5c5c5;
  --grey-500: #b7b7b7;
  --red: #eb0a1e;
  --red-200: #ffe1e1;
  --red-300: #f6bac0;
  --blue: #266bf4;
  --blue-100: #dfebf5;
  --blue-300: #0157ba;
  --blue-400: #0048ab;
  --blue-600: #142a44;
  --font: 'DB Heavent';
  --font-li: 'DB Heavent Li';
  --font-md: 'DB Heavent Md';
  --font-bd: 'DB Heavent Bd';
  --sarabun: 'Sarabun';
  --sarabun-li: 'Sarabun Light';
  --sarabun-md: 'Sarabun Medium';
  --sarabun-sm: 'Sarabun SemiBold';
  --sarabun-bd: 'Sarabun Bold';
  --font-heavent-small: 1.1458333333vw;
  --font-heavent-thin: 1.3541666667vw;
  --font-heavent-general: 1.5625vw;
  --font-heavent-medium: 1.6667vw;
  --font-heavent-general-bold: 1.7708333333vw;
  --font-heavent-black: 1.8750vw;
  --font-heavent-title: 2.0833333333vw;
  --font-heavent-subhead: 2.2916666667vw;
  --font-heavent-head-title: 2.5vw;
  --font-heavent-head-title2: 2.7083vw;
  --font-heavent-head-title3: 2.9167vw;
  --font-heavent-head-info: 3.125vw;
  --font-heavent-head-section: 4.1666666667vw;
  --font-sarabun-smallest: 0.625vw;
  --font-sarabun-smaller: 0.7291666667vw;
  --font-sarabun-small: 0.8333333333vw;
  --font-sarabun-general: 0.9375vw;
  --font-sarabun-medium: 0.9895833333vw;
  --font-sarabun-general-bold: 1.25vw;
  --font-sarabun-title: 1.6666666667vw;
  --font-sarabun-subhead: 1.9791666667vw;
  --font-sarabun-head-title: 2.2916666667vw;
}

@media (min-width: 992px) and (max-width: 1480px) {
  :root {
    --font-heavent-small: 1.4322916667vw;
    --font-heavent-thin: 1.6927083333vw;
    --font-heavent-general: 1.8229166667vw;
    --font-heavent-general-bold: 1.8229166667vw;
    --font-sarabun-smallest: 0.78125vw;
    --font-sarabun-smaller: 0.9114583333vw;
    --font-sarabun-small: 1.0416666667vw;
    --font-sarabun-general: 1.171875vw;
    --font-sarabun-general-bold: 1.171875vw;
  }
}
@media (max-width: 991px) {
  :root {
    --spacing: 1.3021vw;
    --font-heavent-small: 4.6875vw;
    --font-heavent-thin: 5.7291666667vw;
    --font-heavent-general: 5.7291666667vw;
    --font-heavent-medium: 6.5104166667vw;
    --font-heavent-general-bold: 6.5104166667vw;
    --font-heavent-black: 6.5104166667vw;
    --font-heavent-title: 7.8125vw;
    --font-heavent-subhead: 7.8125vw;
    --font-heavent-head: 8.8542vw;
    --font-heavent-head-title: 8.8542vw;
    --font-heavent-head-title2: 9.8958vw;
    --font-heavent-head-title3: 9.8958vw;
    --font-heavent-head-info: 10.9375vw;
    --font-heavent-head-section: 10.9375vw;
    --font-sarabun-smaller: 3.3854vw;
    --font-sarabun-small: 3.90625vw;
    --font-sarabun-general: 3.90625vw;
    --font-sarabun-medium: 4.1666666667vw;
    --font-sarabun-general-bold: 4.4270833333vw;
    --font-sarabun-title: 5.46875vw;
    --font-sarabun-subhead: 6.5104166667vw;
    --font-sarabun-head: 7.5520833333vw;
  }
}
@media print {
  :root {
    --font-heavent-small: calc(4.6875vw/2);
    --font-heavent-thin: calc(5.7291666667vw/2);
    --font-heavent-general: calc(5.7291666667vw/2);
    --font-heavent-medium: calc(6.5104166667vw/2);
    --font-heavent-general-bold: calc(6.5104166667vw/2);
    --font-heavent-black: calc(6.5104166667vw/2);
    --font-heavent-title: calc(7.8125vw/2);
    --font-heavent-subhead: calc(8.8541666667vw/2);
    --font-heavent-head: calc(9.8958333333vw/2);
    --font-heavent-head-title: calc(9.8958333333vw/2);
    --font-heavent-head-title2: calc(9.8958333333vw/2);
    --font-heavent-head-title3: calc(9.8958333333vw/2);
    --font-heavent-head-info: calc(9.8958333333vw/2);
    --font-heavent-head-section: calc(10.9375vw/2);
    --font-sarabun-small: calc(3.90625vw/2);
    --font-sarabun-general: calc(3.90625vw/2);
    --font-sarabun-medium: calc(4.1666666667vw/2);
    --font-sarabun-general-bold: calc(4.4270833333vw/2);
    --font-sarabun-title: calc(5.46875vw/2);
    --font-sarabun-subhead: calc(6.5104166667vw/2);
    --font-sarabun-head: calc(7.5520833333vw/2);
  }
}