/* @font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Thin.woff') format('woff'),url('../../fonts/line_seedsans/LINESeedSansTH-Thin.woff2') format('woff2'), url('../../fonts/line_seedsans/LINESeedSansTH-Thin.ttf') format('truetype'),url('../../fonts/line_seedsans/LINESeedSansTH-Thin.svg') format("svg");
    
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff') format('woff'), url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff2') format('woff2'), url('../../fonts/line_seedsans/LINESeedSansTH-Regular.ttf') format('truetype'),url('../../fonts/line_seedsans/LINESeedSansTH-Regular.svg') format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff') format('woff'),url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff2') format('woff2'), url('../../fonts/line_seedsans/LINESeedSansTH-Regular.ttf') format('truetype'), url('../../fonts/line_seedsans/LINESeedSansTH-Regular.svg') format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'line-seed-sans-th-Bd';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Bold.woff') format('woff'),url('../../fonts/line_seedsans/LINESeedSansTH-Bold.woff2') format('woff2'), url('../../fonts/line_seedsans/LINESeedSansTH-Bold.ttf') format('truetype'), url('../../fonts/line_seedsans/LINESeedSansTH-Bold.svg') format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */


/* =========================
   FONT BASELINE
   Windows-first baseline
   ========================= */

@font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Thin.woff2') format('woff2'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Thin.woff') format('woff'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Thin.ttf') format('truetype'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Thin.svg') format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff2') format('woff2'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff') format('woff'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.ttf') format('truetype'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.svg') format("svg");

    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff2') format('woff2'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff') format('woff'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.ttf') format('truetype'),
        url('../../fonts/line_seedsans/LINESeedSansTH-Regular.svg') format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ถ้ามีไฟล์ Medium/Bold จริง ให้เปลี่ยน path ตรงนี้เป็นไฟล์จริงทันที */
@font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff2') format('woff2'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.woff') format('woff'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.ttf') format('truetype'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Regular.svg') format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'line-seed-sans-th';
    src: url('../../fonts/line_seedsans/LINESeedSansTH-Bold.woff2') format('woff2'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Bold.woff') format('woff'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Bold.ttf') format('truetype'),
         url('../../fonts/line_seedsans/LINESeedSansTH-Bold.svg') format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* =========================
   GLOBAL FONT USAGE
   Use only one family
   ========================= */

body,
input,
textarea,
h1,
a,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
span,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
    font-family: 'line-seed-sans-th', sans-serif !important;
}

h1,
a,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
span,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
    font-weight: 300;
}

.fw-medium {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 300 !important;
}

.fw-bold,
b,
strong,
b > span,
strong > span,
.fw-medium > b {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 700 !important;
}

.font-bold {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 500 !important;
}

.font-bold > span {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 700 !important;
}

/* editor */
.fr-box,
.fr-element,
.fr-box .fr-element-line-seed,
.fr-box .fr-element-line-seed-bold {
    font-family: 'line-seed-sans-th', sans-serif !important;
}

/* title colors */
.title-event {
    color: #337ab7;
}
.title-event-new,
.sub-title-event {
    color: #ffffff;
}


.header-container {
    position: relative;
}

.container-bg-banner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -40px;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.bg-bander {
    -webkit-filter: blur(10px) brightness(55%);
    filter: blur(10px) brightness(55%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 110%;
    height: 110%;
    margin: -15px;
}

.main-container-register {
    max-width: 1000px;
    margin-left: 8px;
    margin-right: 8px;
}

.container-img-bander {
    overflow: hidden;
    min-height: 180px;
    border-radius: 10px;
}

.container-img-bander .imgcover {
    max-height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

.box-card-shadow {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
}

.rounder {
    border-radius: 12px !important;
}

.fr-box,
.fr-element {
    font-family: 'line-seed-sans-th', 'line-seed-sans-th-Bd', sans-serif;
}

.fr-box .fr-element-line-seed {
    font-family: 'line-seed-sans-th', sans-serif;
}

.fr-box .fr-element-line-seed-bold {
    font-family: 'line-seed-sans-th-Bd', sans-serif;
}
/* สีของ input */
.form-check-input.is-valid {
    border-color: #198754 !important;
  }
  .form-check-input.is-invalid {
    border-color: #dc3545 !important;
  }
  
  /* สีของ label */
  .form-check-input.is-valid ~ .form-check-label {
    color: #198754 !important;
  }
  .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545 !important;
  }

  .select2-container {
    max-width: 100% !important;
    width: 100% !important;
}

.checkstep .step.active .step-label {
    font-weight: 400 !important;
}

/* =========================
   macOS browsers
   Make Mac closer to Windows
   ========================= */

html.mac-browser body,
html.mac-browser input,
html.mac-browser textarea,
html.mac-browser h1,
html.mac-browser a,
html.mac-browser h2,
html.mac-browser h3,
html.mac-browser h4,
html.mac-browser h5,
html.mac-browser h6,
html.mac-browser blockquote,
html.mac-browser p,
html.mac-browser span,
html.mac-browser pre,
html.mac-browser dl,
html.mac-browser dd,
html.mac-browser ol,
html.mac-browser ul,
html.mac-browser figure,
html.mac-browser hr,
html.mac-browser fieldset,
html.mac-browser legend {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

html.mac-browser .fw-bold,
html.mac-browser b,
html.mac-browser strong,
html.mac-browser b > span,
html.mac-browser strong > span,
html.mac-browser .fw-medium > b,
html.mac-browser .font-bold {
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

html.mac-browser .title-event,
html.mac-browser .title-event-new,
html.mac-browser .sub-title-event {
    letter-spacing: -0.01em !important;
}

html.mac-firefox .fw-bold,
html.mac-firefox b,
html.mac-firefox strong,
html.mac-firefox b > span,
html.mac-firefox strong > span,
html.mac-firefox .fw-medium > b,
html.mac-firefox .font-bold {
    letter-spacing: -0.005em !important;
}

html.mac-opera .title-event,
html.mac-opera .title-event-new,
html.mac-opera .sub-title-event {
    letter-spacing: -0.012em !important;
}

/* =========================
   Windows Firefox / Opera
   Fix only bold look
   Keep Windows Chrome as baseline
   ========================= */

html.win-firefox .fw-bold,
html.win-firefox .font-bold,
html.win-firefox b,
html.win-firefox strong,
html.win-firefox b > span,
html.win-firefox strong > span,
html.win-firefox .fw-medium > b {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

html.win-opera .fw-bold,
html.win-opera .font-bold,
html.win-opera b,
html.win-opera strong,
html.win-opera b > span,
html.win-opera strong > span,
html.win-opera .fw-medium > b {
    font-family: 'line-seed-sans-th', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* Fixed */
label.fw-bold > span,
label.fw-bold span.text-secondary,
label.fw-bold span.text-secondary span {
    font-weight: inherit !important;
}