@import url(fontface.css);
@import url(fix-bootstrap.css);
@import url(fix-slick.css);
@import url(color.css);
@import url(font.css);
@import url(button.css);
@import url(general.css);
@import url(layout.css);
@import url(list.css);
@import url(header.css);
@import url(home.css);
:root {
  --spacing: 0.5208vw;
  --red: #eb0a1e;
  --grey: #777;
  --blue: #0070c1;
  --blue-100: #a0ddf7;
  --blue-500: #0f64af;
  --orange: #f68b1e;
  --orange-400: #e7903c;
  --green: #3fb783;
  --yellow: #efb62e;
  --font: 'DB Heavent';
  --font-li: 'DB Heavent Li';
  --font-md: 'DB Heavent Md';
  --font-bd: 'DB Heavent Bd';
  --cond-li: 'DB Heavent Li Cond';
  --cond-md: 'DB Heavent Md Cond';
  --cond-bd: 'DB Heavent Bd Cond';
  --sarabun: 'Sarabun';
  --sarabun-li: 'Sarabun Light';
  --sarabun-md: 'Sarabun Medium';
  --sarabun-sm: 'Sarabun SemiBold';
  --sarabun-bd: 'Sarabun Bold';
  --text-xxxs: calc(var(--spacing)*1.8);
  --text-xxs: calc(var(--spacing)*2);
  --text-xs: calc(var(--spacing)*2.2);
  --text-sm: calc(var(--spacing)*2.6);
  --text-base: calc(var(--spacing)*3);
  --text-lg: calc(var(--spacing)*3.2);
  --text-xl: calc(var(--spacing)*3.4);
  --text-2xl: calc(var(--spacing)*3.6);
  --text-3xl: calc(var(--spacing)*4);
  --text-4xl: calc(var(--spacing)*4.4);
  --text-5xl: calc(var(--spacing)*4.8);
  --text-6xl: calc(var(--spacing)*5.2);
  --text-7xl: calc(var(--spacing)*5.6);
  --text-8xl: calc(var(--spacing)*6);
  --text-9xl: calc(var(--spacing)*7);
  --text-10xl: calc(var(--spacing)*8);
  --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-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;
    --text-xxxs: 3.6458vw;
    --text-xxs: 3.9063vw;
    --text-xs: 4.4271vw;
    --text-sm: 4.6875vw;
    --text-base: 5.2083vw;
    --text-lg: 5.7292vw;
    --text-xl: 6.2500vw;
    --text-2xl: 6.7708vw;
    --text-3xl: 7.2917vw;
    --text-4xl: 7.8125vw;
    --text-5xl: 8.3333vw;
    --text-6xl: 8.8542vw;
    --text-7xl: 9.3750vw;
    --text-8xl: 9.8958vw;
    --text-9xl: 10.4167vw;
    --text-10xl: 10.9375vw;
    --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;
  }
}