@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');*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
:root {
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255,255,255;
  --bs-heading-color: #5e3794;
}
body {
	font-family: "Noto Sans Thai", sans-serif;
/*	font-weight: 200;*/
  color: #1A1F4A;
}
h1, h2 {
  font-weight: 700;
}
.main-navbar {
/*  background: #CDA13A;*/
/*  background: linear-gradient(153deg,rgba(205, 161, 58, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(205, 161, 58, 1) 62%);*/
/*  background-color: #ffffff;*/
  background-color: #D4AF37; box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}
.navbar-brand {
/*  --bs-navbar-brand-color: #ffffff;*/
}
.nav-link {
/*  --bs-nav-link-color: #ffffff;*/
/*  --bs-navbar-active-color: #081ac1;*/
}
.easyread,
.container-presentation {
  font-family: 'Sarabun', sans-serif;
}
/*
.color-1 {
  color: #081ac1;
}
.color-2 {
  color: #736ef5;
}
*/
.color-1 {
  color: #5e3794;
}
.color-2 {
  color: #cda13a;
  color: #D4AF37;
}
.color-3 {
  color: #e8e9ea;
}
.color-4 {
  color: #FFD700;
}
.color-5 {
  color: #efdb97;
}
.bgcolor-1 {
  background: #5e3794;
}
.bgcolor-2 {
  background: #D4AF37;
}
.bgcolor-3 {
  background: #d5d4d5;
}
.bgcolor-4 {
  background: #FFD700;
}
.bgcolor-5 {
  background: #efdb97;
}
.bgcolor-6 {
  background: #8a692d;
  background: linear-gradient(
    90deg,
    #b0974c 0%,
    #8a692d 50%,
    #b0974c 100%,
  );
}
.table-color-1 {
  /*border-color: #ffffff;*/
  --bs-table-color: #ffffff;
  --bs-table-bg: #623795;
}
.table-color-2 {
  /*border-color: #ffffff;*/
  --bs-table-color: #6e5010;
  --bs-table-bg: #efdb97;
}
.table-color-6{
  --bs-table-color: #ffffff;
  --bs-table-bg: #8a692d;
}
.table-color-6 th{
  background: linear-gradient(
    0deg,
    #b0974c 0%,
    #8a692d 50%,
    #b0974c 100%
  );
}
.border-color-1 {
  border-color: #623795;
}
.border-color-6 {
  border-color: #8a692d;
}


.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;
}
*/
.table-pink {
  --bs-table-bg: #ffcdf9;
}
.border-pink {
  border-color: #ff07f8 !important;
}
.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: #5e3794;
    --bs-btn-border-color: #5e3794;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3f1f6b;
    --bs-btn-hover-border-color: #3f1f6b;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3f1f6b;
    --bs-btn-active-border-color: #3f1f6b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8454c6;
    --bs-btn-disabled-border-color: #8454c6;
}
.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: #D4AF37;
}
.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(../../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: #ffffff;
/*  color: #5e3794;*/
}
.alert-box {
/*  border: 2px solid #A73b24;*/
  box-sizing: border-box;

/*  background-color: #f5d895;*/
  background-color: #d1d2d4;
/*  color: #A73B24;*/
/*  color: #444444;*/
  padding: 1rem 1.5rem;
}
.last_student-area {
  margin: 0 auto 1rem;
}
.last_student-area .text1 {
  text-align: center;
  font-weight: 600;
  font-size: 1.8em;

  color: #e7116f;
  text-shadow:
    -2px 0px 0px #ffffff,
    2px 0px 0px #ffffff,
    0px -2px 0px #ffffff,
    0px 2px 0px #ffffff,
    3px 3px 4px #000000;
}
.last_student-area .text2 {
  font-size: 1.4em;
  white-space: nowrap;
}
.last_student-area .text4 {
  background-color: #5e3794;
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 17px;
}
.last_student-box {
  display: flex;
  border: 1px solid #e7116f;
  border-radius: 10px;
  overflow: hidden;
  align-items: stretch;
  margin-bottom: 1rem;
}
.last_student-box .last_student-box-left {
  background-color: #e7116f;
  color: #ffffff;
  border-radius: 10px 0 0 10px;
  line-height: 1.1;
  padding: 8px;
}
.last_student-box .last_student-box-right {
  background-color: #fdc4da;
  color: #5e3794;
  border-radius: 0 10px 10px 0;
  flex: 1;
  line-height: 1.2;
  padding: 8px;
}
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.5;
    }
}
.text-blink-red {
    animation: blinker-red 3s linear infinite;
}
@keyframes blinker-red {
    0% { color: inherit; }
    40% { color: red; }
    60% { color: red; }
    100% { color: inherit; }
}