@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@200;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400&display=swap');

body {
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
  color: #222222;
}
.easyread,
.container-presentation {
  font-family: 'Sarabun', sans-serif;
}
.color-1 {
  color: #A73B24;
}
.bg-color-1 {
  background-color: #A73B24;
}
.bg-color-4 {
  background-color: #A73B24;
}
.table-color-1 {
  --bs-table-color: #ffffff;
  --bs-table-bg: #A73B24;
}
.table-color-3 {
  border-color: #A73B24;
  --bs-table-color: #A73B24;
  --bs-table-bg: #ffffff;
}
.section-container-register {
  background-color: #ede4dd;
  color: #A73B24;
}
h1,h2,h3,h4,h5 {
	font-weight: 400;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #A73B24;
    --bs-btn-border-color: #A73B24;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7f2c1b;
    --bs-btn-hover-border-color: #7f2c1b;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #A73B24;
    --bs-btn-active-border-color: #A73B24;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #be6754;
    --bs-btn-disabled-border-color: #be6754;
}
.label-required:after {
    content: '*';
    color: #ff0000;
}
.section-container-document {
  color: #ffffff;
  background-color: #A73B24;

}
.section-header {
  color: #ffffff;
  background-color: #A73B24;
}
.section-footer {
  color: #ffffff;
  background-color: #A73B24;
  background-color: #5D1809;
}
.border-blue {
  --bs-table-border-color: #1e70b9;

}
.table-blue {
  --bs-table-bg: #1e70b9;
  --bs-table-color: #ffffff;
}
.table-lightblue {
  --bs-table-bg: #2fbce9;
  --bs-table-color: #ffffff;
}
.text-black {
  color: #4a4e4c;
}
.text-blue {
  color: #1e70b9;
}
.bg-lightgray {
  color: #4a4e4c;
  background-color: #e9ecf1;
}
.bg-gray {
  color: #ffffff;
  background-color: #a1a8b2;
}
.bg-lightblue {
  color: #ffffff;
  background-color: #2fbce9;
}
.bg-blue {
  color: #ffffff;
  background-color: #1e70b9;
}
.bg-purple {
  background-color: #1e70b9;
}
.bd-pink-500 {
  color: #fff;
  background-color: #d63384;
}
.bg-platinum {
  background-color: #dedeff;
  background:
  linear-gradient(
    -72deg,
    #dedeff 0%,
    #ffffff 33%,
    #dedeff 66%,
    #ffffff 100%
  );
}
.bg-gold {
  background-color: #ffde45;
  background:
  linear-gradient(
    -72deg,
    #ffffff 0%,
    #ffde45 33%,
    #ffffff 66%,
    #ffde45 100%
  );
}
.bg-silver {
  background-color: #dedede;
  background:
  linear-gradient(
    -72deg,
    #dedede 0%,
    #ffffff 33%,
    #dedede 66%,
    #ffffff 100%
  );
}
.section-container-100 {
  min-height: calc(100vh - 56px);
}
@media screen and (min-width: 1000px) {
.section-container-home {
  background-image: url(https://cdn.royalthaident.org/files/rcds2024/role.png);
  background-position: 130% center;
  background-repeat: no-repeat;
  background-size: contain;
}
}
.section-container-x {
  background-color: #e0decb;
  padding :1em 1.5em;
}
.section-container-presentation {
/*  background-color: #dddddd;*/
}
.alert-box {
  border: 2px solid #A73b24;
  box-sizing: border-box;

/*  background-color: #f5d895;*/
  background-color: #f4e7ca;
/*  color: #A73B24;*/
  color: #444444;
  padding: 1rem 1.5rem;
}
.last_student-area {
  max-width: 640px;
  margin: 0 auto 1rem;
  padding: 1rem 1.5rem;
  border-radius: 2rem;

/*  color: #ffffff;*/
/*  background-color: #e9ecf1;*/
  border: 2px solid #A73b24;
  box-sizing: border-box;

  background-color: #f5d895;
}
.last_student-area .text1 {
  text-align: center;
  font-weight: 600;
  font-size: 1.2em;
}
.last_student-area .text2 {
  color: #A73B24;
  font-size: 1.5em;
  text-shadow:
    -2px 0px 0px #ffffff,
    2px 0px 0px #ffffff,
    0px -2px 0px #ffffff,
    0px 2px 0px #ffffff,
    3px 3px 4px #000000;
  white-space: nowrap;
}
.last_student-area .text4 {
  background-color: #A73b24;
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 17px;
}
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.text-blink {
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}