@font-face {
  font-family: "DB-Adman-X-Bd";
  src: url("/newmaintain/web/fonts/DB-Adman-X-Bd.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "KAEWKANLAYA";
  src: url("/newmaintain/web/fonts/MN_KAEWKANLAYA.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DB BrandVoice X";
  src: url("/newmaintain/web/fonts/DB BrandVoice X.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DB BrandVoice X";
  src: url("/newmaintain/web/fonts/DB BrandVoice X Bd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "DB BrandVoice X";
  src: url("/newmaintain/web/fonts/DB BrandVoice X Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "DB BrandVoice X";
  src: url("/newmaintain/web/fonts/DB BrandVoice X UltraLi.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

.krub-extralight {
  font-family: "Krub", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.krub-light {
  font-family: "Krub", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.krub-regular {
  font-family: "Krub", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.krub-medium {
  font-family: "Krub", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.krub-semibold {
  font-family: "Krub", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.krub-bold {
  font-family: "Krub", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.krub-extralight-italic {
  font-family: "Krub", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.krub-light-italic {
  font-family: "Krub", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.krub-regular-italic {
  font-family: "Krub", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.krub-medium-italic {
  font-family: "Krub", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.krub-semibold-italic {
  font-family: "Krub", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.krub-bold-italic {
  font-family: "Krub", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.prompt-thin {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: normal;
}

.prompt-extralight {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: normal;
}

.prompt-light {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: normal;
}

html,
body,
.prompt-regular {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: normal;
}

.prompt-medium {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: normal;
}

.prompt-semibold {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: normal;
}

.prompt-bold {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: normal;
}

.prompt-extrabold {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: normal;
}

.prompt-black {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: normal;
}

.prompt-thin-italic {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: italic;
}

.prompt-extralight-italic {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: italic;
}

.prompt-light-italic {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: italic;
}

.prompt-regular-italic {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: italic;
}

.prompt-medium-italic {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: italic;
}

.prompt-semibold-italic {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: italic;
}

.prompt-bold-italic {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: italic;
}

.prompt-extrabold-italic {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: italic;
}

.prompt-black-italic {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: italic;
}

.charm-regular {
  font-family: "Charm", cursive;
  font-weight: 400;
  font-style: normal;
}

.charm-bold {
  font-family: "Charm", cursive;
  font-weight: 700;
  font-style: normal;
}

.charmonman-regular {
  font-family: "Charmonman", serif;
  font-weight: 400;
  font-style: normal;
}

.charmonman-bold {
  font-family: "Charmonman", serif;
  font-weight: 700;
  font-style: normal;
}

.keawkanlaya-regular {
  font-family: "KAEWKANLAYA", serif;
  font-weight: 400;
  font-style: normal;
}

.keawkanlaya-bold {
  font-family: "KAEWKANLAYA", serif;
  font-weight: 700;
  font-style: normal;
}

.adman-regular {
  font-family: "DB-Adman-X-Bd", serif;
  font-weight: 400;
  font-style: normal;
}

.adman-italic {
  font-family: "DB-Adman-X-Bd", serif;
  font-weight: 700;
  font-style: italic;
}

.adman-bold {
  font-family: "DB-Adman-X-Bd", serif;
  font-weight: 700;
  font-style: normal;
}

.headertitle {
  font-family: "DB BrandVoice X";
  font-weight: bold;
}

.titles {
  font-family: "DB BrandVoice X";
  font-weight: 400;
}

em {
  font-family: "DB BrandVoice X";
  font-style: italic;
}

p.light {
  font-family: "DB BrandVoice X";
  font-weight: lighter;
}

.text-stroke-sm {
  -webkit-text-stroke: 0.5px #331e68;
}

.text-stroke-2sm {
  -webkit-text-stroke: 0.75px #331e68;
}

.text-stroke-md {
  -webkit-text-stroke: 1px #331e68;
}

.text-stroke-2md {
  -webkit-text-stroke: 1.2px #331e68;
}

.text-stroke-3md {
  -webkit-text-stroke: 1.3px #331e68;
}

.text-stroke-4md {
  -webkit-text-stroke: 1.4px #331e68;
}

.text-stroke-5md {
  -webkit-text-stroke: 0.9px #331e68;
}

.text-stroke-lg {
  -webkit-text-stroke: 2px #331e68;
}

.text-stroke-2lg {
  -webkit-text-stroke: 2.5px #331e68;
}

.text-stroke-transparent {
  -webkit-text-stroke: 1px #331e68;
  color: transparent;
}

.bg-img-12aug {
  background-image: url("https://s3.sukplus.com/sukplus/imgspacl/img/20250804-031618-mdw4gbkm.webp");
}

.bg-img-27jun2 {
  background-image: url("../img/bg_27jun2_ver.webp");
}

.bg-img-27jun {
  background-image: url("../img/bg_27jun_ver.webp");
}

.bg-img-3jun {
  background-image: url("../img/bg_3jun_ver.webp");
}

.bg-img-chadmonkol {
  background-image: url("../img/bg_chadmonkol_ver.webp");
}

.bg-img-sp1 {
  background-image: url("../img/bg_1_ver.webp");
}

.bg-img-wisaka {
  background-image: url("../img/bg_wisaka_ver.webp");
}

.bg-img-2apr {
  background-image: url("../img/bg_vertical.webp");
}

.bg-img-bb {
  background-image: url("../img/bg_sp_hori.png");
}

.bg-img-bb-dd {
  background-image: url("../img/bg_hori.gif");
}

.bg-img-rip {
  background-image: url("../img/rip1_hori.png");
}

@media (min-width: 768px) {
  /* md breakpoint */
  .md\:text-stroke-sm {
    -webkit-text-stroke: 0.5px #331e68;
  }

  .md\:text-stroke-2sm {
    -webkit-text-stroke: 0.75px #331e68;
  }

  .md\:text-stroke-md {
    -webkit-text-stroke: 1px #331e68;
  }

  .md\:text-stroke-2md {
    -webkit-text-stroke: 1.2px #331e68;
  }

  .md\:text-stroke-3md {
    -webkit-text-stroke: 1.3px #331e68;
  }

  .md\:text-stroke-5md {
    -webkit-text-stroke: 0.9px #331e68;
  }

  .md\:text-stroke-6md {
    -webkit-text-stroke: 1.6px #331e68;
  }

  .md\:text-stroke-lg {
    -webkit-text-stroke: 2px #331e68;
  }

  .md\:text-stroke-2lg {
    -webkit-text-stroke: 2.5px #331e68;
  }

  .bg-img-12aug {
    background-image: url("https://sukpluseasy.com/storage/customer/1-test/gallery/1-2025-08-04-01-41-29-681683/119674-2025-08-04-03-07-51-270516.webp");
  }

  .bg-img-27jun2 {
    background-image: url("../img/bg_27jun2_hori.webp");
  }

  .bg-img-27jun {
    background-image: url("../img/bg_27jun_hori.webp");
  }

  .bg-img-3jun {
    background-image: url("../img/bg_3jun_hori.webp");
  }

  .bg-img-chadmonkol {
    background-image: url("../img/bg_chadmonkol_hori.webp");
  }

  .bg-img-sp1 {
    background-image: url("../img/bg_1_hori.webp");
  }

  .bg-img-wisaka {
    background-image: url("../img/bg_wisaka_hori.webp");
  }

  .bg-img-2apr {
    background-image: url("../img/bg_horizon.webp");
  }

  .bg-img-bb {
    background-image: url("../img/bg_sp_ver.png");
  }

  .bg-img-bb-dd {
    background-image: url("../img/bg_ver.gif");
  }

  .bg-img-rip {
    background-image: url("../img/rip1_ver.png");
  }
}

@media (min-width: 1024px) {
  /* lg breakpoint */
  .lg\:text-stroke-lg {
    -webkit-text-stroke: 2px #331e68;
  }

  .lg\:text-stroke-2lg {
    -webkit-text-stroke: 2.5px #331e68;
  }
}
