@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Source+Sans+Pro:200,300,400,600,700,900");
html, body { font-family: "Noto Sans Thai"; }
body.Regline_normal { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.container { max-width: 860px !important; }
.justify-content-center { justify-content: center; }
.glyphicon-modal-window::before { content: ""; }
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }
.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }
.modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; }
.modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }
.modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }
.modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
.modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); }
@media (min-width: 576px) {
  .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }
  .modal-sm { --bs-modal-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl { --bs-modal-width: 800px; }
}
@media (min-width: 1200px) {
  .modal-xl { --bs-modal-width: 1140px; }
}
.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
.modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; }
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0px; }
.modal-fullscreen .modal-body { overflow-y: auto; }
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0px; }
  .modal-fullscreen-sm-down .modal-body { overflow-y: auto; }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0px; }
  .modal-fullscreen-md-down .modal-body { overflow-y: auto; }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0px; }
  .modal-fullscreen-lg-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0px; }
  .modal-fullscreen-xl-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0px; }
  .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }
}
.modal .modal-body { color: rgb(0, 0, 0); }
.sponsor-container { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: center; padding-top: 40px; padding-bottom: 30px; }
.sponsor-container.moderators { padding-bottom: 200px; }
.sponsor-container h1 { color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 2px; }
.sponsor-container img { cursor: pointer; max-width: 200px; }
.sponsor-container .speaker-item { display: inline-block; }
.sponsor-container.speakers .speakerlist .speaker-item { max-width: 400px; width: 100%; }
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .speakeritem { width: 20% !important; }
  .online { float: none !important; }
  .offline { float: none !important; }
}
@media only screen and (max-width: 768px) and (min-width: 622px) {
  .speakeritem { width: 25% !important; }
}
@media only screen and (max-width: 622px) and (min-width: 520px) {
  .speakeritem { width: 33.3% !important; }
}
@media only screen and (max-width: 520px) {
  .speakeritem { width: 50% !important; }
  .keepmiddle { text-align: center; padding-left: 20px !important; padding-right: 20px !important; }
  .partner-left { float: none !important; width: 100% !important; }
  .partner-right { float: none !important; width: 100% !important; }
  .partner-h2 { text-align: left !important; }
}
@media only screen and (max-width: 348px) {
  .arc-full-width-modules .arc-row .arc-row-content { padding-left: 0px; padding-right: 0px; }
}
.speakeritem { float: left; width: 16.6%; font-size: 13px; padding-bottom: 20px; text-align: center; height: 220px; }
.speakeritem strong { text-transform: uppercase; font-size: 14px; }
.speakeritem img { border-radius: 50%; max-height: 100px; }
#ReglineGroupUl:not(.ui-sortable) label.QuestionLabel, #ReglineGroupUl:not(.ui-sortable) .QuestionLabel { padding-top: 0px !important; }
#ReglineGroupUl:not(.ui-sortable) .QuestionRadioLabel, #ReglineGroupUl:not(.ui-sortable) .QuestionCheckBoxLabel { font-size: 18px !important; line-height: 20px !important; }
#ReglineGroupUl:not(.ui-sortable) .Field_li .InputField, #ReglineGroupUl:not(.ui-sortable) .Field_li .InputSelect, #ReglineGroupUl:not(.ui-sortable) .Field_li .textarea, #HotelComments:not(.ui-sortable), #ReglineGroupUl:not(.ui-sortable) .Question_li .InputField, #ReglineGroupUl:not(.ui-sortable) .Question_li .textarea { background-color: rgb(0, 0, 0); }
#InternetConfirmation header, .Regline_normal header { background-size: cover; background-position: center center; }
#InternetConfirmation header .container, .Regline_normal header .container { max-width: 1500px !important; }
#InternetConfirmation header .desktop, .Regline_normal header .desktop { padding: 24px; }
#InternetConfirmation header .mobile, .Regline_normal header .mobile { padding: 6px; }
#InternetConfirmation header .desktop, .Regline_normal header .desktop { display: none; }
#InternetConfirmation header .mobile, .Regline_normal header .mobile { display: block; }
footer { background-color: transparent; text-align: center; margin-bottom: 30px; padding-bottom: 50px !important; }
footer img { display: inline-block; max-width: 175px; }
#buttonrow { margin-top: 60px !important; }
#buttonrow #nextbutton { background-color: rgb(229, 130, 63); border-radius: 6px; line-height: 30px; }
a.download-button { display: inline-block; background-color: rgb(229, 130, 63); color: rgb(0, 0, 0); line-height: 50px; padding: 0px 30px; border-radius: 6px; font-weight: 600; }
.Regline_normal .error { padding-top: 6px; display: inline-block; color: rgb(251, 34, 34) !important; }
.Regline_normal #ErrorMessageDiv { padding-top: 50px; text-align: center; display: block; color: rgb(251, 34, 34) !important; }
@media screen and (min-width: 768px) {
  #InternetConfirmation header .desktop, .Regline_normal header .desktop { display: block; }
  #InternetConfirmation header .mobile, .Regline_normal header .mobile { display: none; }
}
#nextbutton { background-color: rgb(239, 97, 58) !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; }
#InternetConfirmation h1, #InternetConfirmation h2, #InternetConfirmation h3, #InternetConfirmation p, #InternetConfirmation *, .Regline_normal h1, .Regline_normal h2, .Regline_normal h3, .Regline_normal p, .Regline_normal *, .architect-normal * { font-family: "Noto Sans Thai"; letter-spacing: 0px; }
#InternetConfirmation h1, .Regline_normal h1 { font-weight: 700; color: rgb(15, 8, 11); font-size: 36px; line-height: 50px; margin-bottom: 32px; }
#InternetConfirmation h2, .Regline_normal h2 { font-weight: 700; color: rgb(15, 8, 11); font-size: 26px; line-height: 32px; margin-top: 32px; margin-bottom: 12px; }
#InternetConfirmation h3, .Regline_normal h3 { font-weight: 600; color: rgb(15, 8, 11); font-size: 20px; line-height: 26px; margin-top: 32px; margin-bottom: 12px; }
#InternetConfirmation p, .Regline_normal p { color: rgb(15, 8, 11); font-size: 18px; line-height: 26px; margin-bottom: 12px; font-weight: 300; }
#InternetConfirmation p strong, .Regline_normal p strong { font-weight: 500; }
#InternetConfirmation li, .Regline_normal li { color: rgb(15, 8, 11); font-size: 18px; line-height: 42px; font-weight: 300; }
#InternetConfirmation ol > li::marker, .Regline_normal ol > li::marker { font-weight: 600; }
#InternetConfirmation ol li strong, .Regline_normal ol li strong { font-weight: 600; }
#InternetConfirmation ul li u, .Regline_normal ul li u { font-weight: 400; }
#InternetConfirmation label, #ReglineGroupUl label { font-size: 18px; font-weight: 700; line-height: 26.91px; }
#ReglineGroupUl:not(.ui-sortable) label.QuestionLabel, #ReglineGroupUl:not(.ui-sortable) .QuestionLabel { font-weight: 700; font-size: 20px; line-height: 46px; margin-top: 32px !important; padding-top: 32px !important; }
#ReglineGroupUl:not(.ui-sortable) .Field_li .InputField, #ReglineGroupUl:not(.ui-sortable) .Field_li .InputSelect, #ReglineGroupUl:not(.ui-sortable) .Field_li .textarea, #HotelComments:not(.ui-sortable), #ReglineGroupUl:not(.ui-sortable) .Question_li .InputField, #ReglineGroupUl:not(.ui-sortable) .Question_li .textarea { padding: 12px 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(15, 8, 11); font-size: 18px; line-height: 24px; font-weight: 300; font-family: "Noto Sans Thai"; outline: none; border-radius: 3px; width: 100%; max-width: 100%; }
tr.activityTR { display: flex !important; flex-direction: column !important; }
.Activity_li tr.activityTR { display: block !important; flex-direction: column !important; }
#ReglineItemId_itemTr_3083997 .ReglineTable td, #ReglineItemId_itemTr_3083999 .ReglineTable td, #ReglineItemId_itemTr_3084000 .ReglineTable td, #ReglineItemId_itemTr_3084005 .ReglineTable td { width: 100% !important; }
@media screen and (min-width: 768px) {
  #ReglineItemId_itemTr_3083997 .ReglineTable tbody, #ReglineItemId_itemTr_3084000 .ReglineTable tbody, #ReglineItemId_itemTr_3084005 .ReglineTable tbody { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  #ReglineItemId_itemTr_3083999 { max-width: calc(50% - 10px); }
}
#InternetConfirmation { background-color: rgb(255, 255, 255); }
#InternetConfirmation main { padding: 60px 0px !important; }
#InternetConfirmation .confirm-page-button-row { margin-top: 30px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; }
#InternetConfirmation .confirm-page-button-row a { display: inline-block; font-size: 18px; font-weight: 600; line-height: 22px; color: rgb(34, 31, 32); padding: 16px 32px; border-radius: 6px; background-color: rgb(238, 238, 238); }
#InternetConfirmation .confirm-page-button-row a.now { background-color: rgb(239, 97, 58); }
#InternetConfirmation .confirm-page-button-row a.later { background-color: rgb(239, 97, 58); }
h2 { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.05rem; line-height: 0.75; }
h1 { font-size: 2.3rem; letter-spacing: 0.05rem; font-weight: 400; }
body.architect-normal::before { content: ""; position: fixed; inset: 0px; display: block; background-image: url("/app/Data/ProjectImages/21000/home-bg_small.jpg"); background-repeat: no-repeat; background-size: cover; z-index: -1; }
.architect-normal .arc-main-content { max-width: 1425px; padding: 16px 16px 0px; }
nav .container { padding-left: 16px; padding-right: 16px; gap: 20px; }
nav .container::before, nav .container::after { display: none; }
nav { background-color: transparent; padding-bottom: 0px; padding-top: 0px; box-shadow: none; }
nav .container { padding-top: 12px; }
@media screen and (min-width: 1230px) {
  nav { padding-top: 12px; }
}
nav .container { display: flex; align-items: center; justify-content: space-between; max-width: 1445px !important; }
nav ul.arc-mainmenu li a span { display: block; line-height: 1rem; color: rgb(25, 87, 152); }
nav ul.arc-mainmenu li a { padding-left: 8px; padding-right: 8px; }
nav .arc-mainmenu { background-color: rgb(255, 255, 255); padding: 20px; margin-top: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; }
nav .arc-mainmenu li { margin-bottom: 12px; }
nav .arc-mainmenu { margin-top: 12px; }
@media screen and (min-width: 801px) {
  nav .arc-mainmenu { background-color: transparent; box-shadow: none; padding: 0px; margin-top: 0px; }
}
@media screen and (min-width: 1230px) {
  nav .arc-mainmenu { margin-top: 0px; }
  nav .arc-mainmenu li { margin-bottom: 0px; }
  nav ul.arc-mainmenu li a span { line-height: 1.2rem; text-align: center; }
  nav ul.arc-mainmenu li a { padding: 12px; }
}
nav ul li.arc-menuitem-active a { background-color: transparent !important; color: rgb(61, 170, 73) !important; }
nav ul li.arc-menuitem-active a span { color: rgb(61, 170, 73) !important; }
nav ul li:hover a span { color: rgb(61, 170, 73) !important; }
nav ul.arc-mainmenu li a span:first-child { font-size: 14px; }
nav ul.arc-mainmenu li a span:last-child { font-size: 10px; }
@media screen and (min-width: 1230px) {
  nav ul.arc-mainmenu li a span:first-child { font-size: 18px; }
  nav ul.arc-mainmenu li a span:last-child { font-size: 14px; }
}
nav .logo-group { display: flex; flex-wrap: nowrap; }
nav .logo-group { display: flex; gap: 20px; align-items: center; }
nav .logo-group img:first-child { width: 80px; height: 40px; }
nav .logo-group img:last-child { width: 80px; height: 28px; }
@media screen and (min-width: 1230px) {
  nav .logo-group img:first-child { width: 200px; height: 95px; }
  nav .logo-group img:last-child { width: 200px; height: 67px; }
}
.Regline_normal #ReglineGroupUl * { color: rgb(35, 59, 104); }
.Regline_normal #ReglineGroupUl h4 { line-height: 1.5em; }
.Regline_normal #ReglineItemId_itemTr_3170183 { padding-bottom: 40px; }
.Regline_normal #ReglineItemId_itemTr_3170209 .ReglineTable .moverbody { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media screen and (min-width: 992px) {
  .Regline_normal #ReglineItemId_itemTr_3170209 .ReglineTable .moverbody { grid-template-columns: 1fr 1fr; }
}
#ReglineGroupUl:not(.ui-sortable) label.QuestionLabel, #ReglineGroupUl:not(.ui-sortable) .QuestionLabel { font-size: 18px; color: rgb(35, 59, 104) !important; }
.Regline_normal .InputSelect { padding: 12px 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(15, 8, 11); font-size: 18px; line-height: 24px; font-weight: 300; font-family: "Noto Sans Thai"; outline: none; border-radius: 3px; width: 100%; max-width: 100%; }
#ReglineItemId_itemTr_3170216 * { font-size: 16px !important; }
.Regline_normal #buttonrow #nextbutton { background-color: rgb(61, 170, 73) !important; }
.Regline_normal main { background-image: url("/app/Data/ProjectImages/21000/new-footer-bg.png"); background-size: 100%; background-position: center bottom; background-repeat: no-repeat; padding-bottom: 300px; }
.Regline_normal footer { margin-top: -200px; }
.architect-normal .home.button-group { text-align: center; }
.architect-normal .home.button-group { margin-top: 40px; }
.architect-normal .home.button-group a { max-width: 300px; width: 100%; padding: 10px; margin-bottom: 14px; }
.architect-normal .home.button-group a span { display: block; text-align: center; }
.architect-normal .home.button-group a span:first-child { font-size: 18px; font-weight: bold; }
.architect-normal .home.button-group a span:last-child { font-size: 14px; }
.architect-normal .home.button-group a.button-green { background-color: rgb(61, 170, 73); }
.architect-normal .home.button-group a.button-orange { background-color: rgb(252, 133, 0); }
nav { background-color: rgb(255, 255, 255); }
@media screen and (min-width: 801px) {
  nav { background-color: transparent; }
}
.architect-normal .arc-main-content .container { max-width: 1180px !important; }
.architect-normal .arc-main-content .arc-page-background { background-color: transparent; }
.architect-normal .arc-row-content { padding: 0px !important; }
.architect-normal .button-detail { display: grid; grid-template-columns: 1fr; gap: 40px 20px; padding-bottom: 100px; margin-top: 20px; }
@media screen and (min-width: 801px) {
  .architect-normal .button-detail { grid-template-columns: 1fr 1fr; }
}
.architect-normal .button-group { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; justify-content: center; }
.architect-normal .button-group a { max-width: 100%; display: flex; text-align: center; justify-content: center; align-items: center; flex-direction: column; min-height: 87px; }
@media screen and (min-width: 801px) {
  .architect-normal .button-group a { max-width: 552px; }
}
.architect-normal .button-group a span { max-width: 340px; display: block; }
.architect-normal .button-group .button-primary { background-color: rgb(31, 65, 110); color: rgb(255, 255, 255); font-size: 16px; padding: 8px; border-radius: 12px; }
.architect-normal .button-group .button-primary span:first-child { color: rgb(248, 132, 31); font-size: 24px; font-weight: bold; text-transform: uppercase; }
.architect-normal .button-group .button-primary span:last-child { font-size: 16px; }
.architect-normal .button-group .button-secondary { background-color: rgb(0, 173, 58); color: rgb(255, 255, 255); font-size: 14px; padding: 8px; border-radius: 12px; }
@media screen and (min-width: 801px) {
  .architect-normal .button-group .button-primary span:first-child { font-size: 32px; line-height: 1.1em; }
  .architect-normal .button-group .button-primary span:last-child { font-size: 18px; }
  .architect-normal .button-group .button-secondary { font-size: 16px; line-height: 1.1em; }
}
.architect-normal .detail-group { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
@media screen and (min-width: 801px) {
  .architect-normal .detail-group { align-items: end; }
  .architect-normal .detail-group img { max-width: 400px; }
}
.architect-normal .event-footer { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 999; }
.architect-normal .event-footer img { display: block; max-width: 100%; margin: 0px auto; }
.architect-normal footer { padding-bottom: 120px !important; }
.architect-normal .floating-logo { width: 100%; text-align: right; margin-bottom: 20px; }
@media screen and (min-width: 801px) {
  .architect-normal .floating-logo { position: absolute; }
}
.architect-normal .floating-logo img { display: inline-block; max-width: 120px; }
@media screen and (min-width: 801px) {
  .architect-normal .floating-logo img { display: inline-block; max-width: 200px; }
}
.architect-normal .ragline-header { display: none; }
.Regline_normal nav { position: static; top: 0px; width: 100%; }
.Regline_normal .ragline-header img { width: 100%; }
@media screen and (min-width: 801px) {
  .Regline_normal nav { position: absolute; }
  .Regline_normal { padding-top: 0px; }
}
.architect-normal .agenda-head { padding-top: 60px; padding-bottom: 60px; }
.architect-normal .agenda-head h1 { font-size: 32px; font-weight: bold; color: rgb(35, 59, 104); }
.architect-normal .agenda-head p { font-size: 16px; font-weight: bold; color: rgb(35, 59, 104); }
.architect-normal .agenda-1, .architect-normal .agenda-2 { padding-bottom: 100px; }
.architect-normal .agenda-1 h2, .architect-normal .agenda-2 h2 { color: rgb(255, 255, 255); font-weight: bold; text-align: center; font-size: 24px; line-height: 1em; padding: 12px; }
.architect-normal .agenda-1 .arc-table tbody tr td, .architect-normal .agenda-2 .arc-table tbody tr td { padding-top: 20px; padding-bottom: 10px; }
.architect-normal .agenda-1 .arc-table tbody tr td:first-child, .architect-normal .agenda-2 .arc-table tbody tr td:first-child { font-weight: bold; color: rgb(25, 87, 152); }
.architect-normal .agenda-1 .arc-table tbody tr td:first-child > div, .architect-normal .agenda-2 .arc-table tbody tr td:first-child > div { margin: 0px; }
.architect-normal .agenda-1 .arc-table tbody tr td:last-child h3, .architect-normal .agenda-2 .arc-table tbody tr td:last-child h3 { font-weight: bold; margin: 0px 0px 10px; }
.architect-normal .agenda-1 .arc-table tbody tr td:last-child, .architect-normal .agenda-2 .arc-table tbody tr td:last-child { color: rgb(25, 87, 152); font-size: 16px; }
.architect-normal .agenda-1 h2 { background-color: rgb(61, 170, 73); }
.architect-normal .agenda-1 .arc-table tbody tr td:last-child h3 { color: rgb(61, 170, 73); }
.architect-normal .agenda-2 h2 { background-color: rgb(246, 134, 31); }
.architect-normal .agenda-2 .arc-table tbody tr td:last-child h3 { color: rgb(246, 134, 31); }
.architect-normal .agenda-1 .arc-table tbody tr, .architect-normal .agenda-2 .arc-table tbody tr { display: grid; }
@media screen and (min-width: 800px) {
  .architect-normal .agenda-1 .arc-table tbody tr, .architect-normal .agenda-2 .arc-table tbody tr { grid-template-columns: 1fr 4fr; }
}
.architect-normal .agenda-1, .architect-normal .agenda-2 { font-weight: 400; }
.document-download .arc-table tbody tr td:nth-child(4) img { padding: 10px; max-width: 40px !important; }
.document-download .arc-table tbody tr td:nth-child(5) img { padding: 10px; max-width: 40px !important; }
.document-download-container { overflow-x: auto; padding-bottom: 100px; }
@media screen and (min-width: 800px) {
  .document-download-container { overflow-x: hidden; }
}
.document-download-container .document-download-header, .document-download-container .document-download { min-width: 700px; width: 100%; }
.document-download-container .document-download-header { margin-top: 10px; }
.document-download-container .document-download-header table tbody tr { background-color: rgb(35, 59, 104); }
.document-download-container .document-download-header table tbody tr td { text-align: center; }
.document-download-container .document-download-header table tbody tr td p { color: rgb(255, 255, 255); font-weight: 700; }
.document-download .arc-table tbody tr { display: grid; grid-template-columns: 1.2fr 2fr 5fr 1.2fr 1.2fr; background-color: rgb(255, 255, 255); }
.document-download .arc-table tbody tr.table-header td { text-align-last: center; justify-content: center; }
.document-download .arc-table tbody tr.table-header td p { color: rgb(255, 255, 255); font-weight: 700; }
.document-download .arc-table tbody tr.table-header td { border: none; }
.document-download .arc-table tbody tr.table-header td:nth-child(1) { background-color: rgb(3, 107, 50); }
.document-download .arc-table tbody tr.table-header td:nth-child(2) { background-color: rgb(5, 133, 67); }
.document-download .arc-table tbody tr.table-header td:nth-child(3) { background-color: rgb(18, 155, 77); }
.document-download .arc-table tbody tr.table-header td:nth-child(4), .document-download .arc-table tbody tr.table-header td:nth-child(5) { background-color: rgb(236, 140, 35); }
.document-download table, .document-download th, .document-download td { border: 0.25px solid rgb(238, 238, 238); border-collapse: collapse; }
.document-download tr { border-bottom: none; }
.document-download tr td { display: flex; align-items: center; padding: 10px; font-weight: 400; }
.document-download .arc-table tbody tr td:first-child { text-align: center; min-width: 120px; }
.document-download .arc-table tbody tr td:nth-child(2) { min-width: 120px; }
.document-download .arc-table tbody tr td:nth-child(2), .document-download .arc-table tbody tr td:nth-child(4), .document-download .arc-table tbody tr td:nth-child(5) { justify-content: center; }
.document-download .arc-table tbody tr td:nth-child(4), .document-download .arc-table tbody tr td:nth-child(5) { min-width: 120px; }
#conference-container { padding-bottom: 250px; padding-top: 50px; }
#conference-container .title { text-align: center; margin-top: 20px; margin-bottom: 50px; }
#conference-container .title h1 { letter-spacing: 0px; font-size: 26px; font-weight: bold; color: rgb(35, 59, 104); }
#conference-container .title p { font-weight: 400; color: rgb(35, 59, 104); font-size: 18px; }
#conference-container iframe { max-width: 1000px; display: block; margin: 0px auto; width: 100%; height: unset; aspect-ratio: 1.77778 / 1; }
#conference-container .qa-container { display: grid; grid-template-columns: 1fr; max-width: 1140px; margin: 50px auto 0px; }
@media screen and (min-width: 1024px) {
  #conference-container .qa-container { grid-template-columns: 1fr auto; }
}
#conference-container .qa-container h3 { font-size: 22px; font-weight: 700; letter-spacing: 0px; color: rgb(35, 59, 104); margin-bottom: 12px; }
#conference-container .qa-container p { font-size: 16px; font-weight: 400; margin-top: 0px; margin-bottom: 5px; color: rgb(35, 59, 104); }
#conference-container .qa-container a { display: inline-block; background-color: rgb(61, 170, 73); color: rgb(255, 255, 255); font-weight: 600; padding: 12px 60px; border-radius: 6px; margin-top: 20px; }
.architect-normal #login-header { padding-top: 60px; padding-bottom: 20px; }
.architect-normal #login-header h1 { font-size: 32px; font-weight: bold; color: rgb(35, 59, 104); }
.architect-normal #login-header p { font-weight: bold; color: rgb(35, 59, 104); }
.architect-normal #loginFormDiv form { max-width: 600px; width: 100%; display: block; margin-left: auto; margin-right: auto; }
.architect-normal #loginFormDiv form > div { padding-bottom: 40px; }
.architect-normal #loginFormDiv .AttendeeBadgeLogin input, .architect-normal #loginFormDiv #AttendeeBadgeForgotPassword input { padding: 12px 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(15, 8, 11); font-size: 18px; line-height: 24px; font-family: "Noto Sans Thai"; outline: none; border-radius: 3px; width: 100%; max-width: 100%; box-shadow: none; font-weight: 400; }
.architect-normal #loginFormDiv label { font-size: 18px; font-weight: 700; line-height: 26.91px; color: rgb(35, 59, 104); }
.architect-normal #loginFormDiv .buttonRow button.button { width: 100%; display: block; padding: 16px; border-radius: 6px; background-color: rgb(61, 170, 73); }
.architect-normal #loginFormDiv .buttonRow #forgotPasswordFormButton { display: none; }
.live-stream .arc-table tbody tr td:first-child { color: rgb(35, 59, 104) !important; }
.live-stream .arc-table h3 { color: rgb(35, 59, 104) !important; font-size: 20px; }
.live-stream .arc-table .button-group .button-row { display: flex; flex-wrap: wrap; gap: 12px; }
.live-stream .arc-table .button-group .button-row a { padding: 14px; min-height: unset; background-color: rgb(238, 238, 238); border-radius: 6px; display: flex; flex-flow: row; gap: 12px; min-width: 240px; }
.live-stream .arc-table .button-group .button-row a.thai { background-color: rgb(246, 134, 31); color: rgb(255, 255, 255); font-weight: bold; }
.live-stream .arc-table .button-group .button-row a.english { background-color: rgb(61, 170, 73); color: rgb(255, 255, 255); font-weight: bold; }
.Regline_normal nav .arc-mainmenu { z-index: 2147483647; }
.speaker-list-html .speakers, .speaker-list-html .moderators { background: transparent; }
.speaker-list-html h1 { letter-spacing: 0px; font-weight: bold; color: rgb(25, 87, 152); line-height: 1em; margin-bottom: 24px; margin-top: 24px; }
@media screen and (min-width: 768px) {
  .speaker-list-html h1 { font-size: 80px; }
}
.speaker-list-html .speakerlist { display: grid; grid-template-columns: 1fr; gap: 36px; }
@media screen and (min-width: 600px) {
  .speaker-list-html .speakerlist { grid-template-columns: 1fr 1fr; }
}
@media screen and (min-width: 768px) {
  .speaker-list-html .speakerlist { grid-template-columns: 1fr 1fr 1fr; }
}
@media screen and (min-width: 992px) {
  .speaker-list-html .speakerlist { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
.speaker-list-html .speaker-item { color: rgb(25, 87, 152); font-weight: 400; font-size: 12px; max-width: unset !important; }
.speaker-list-html .speaker-item strong { font-weight: 600; font-size: 1.5em; }
.speaker-list-html .speaker-item .modal .modal-body { padding: 40px !important; }
.speaker-list-html .speaker-item .modal strong { font-weight: 700 !important; }
.speaker-list-html .speaker-item .modal span { color: rgb(25, 87, 152) !important; font-size: 14px; }
.speaker-list-html .speaker-item .modal .modal-footer button { width: 100%; max-width: unset; background-color: rgb(31, 65, 110); color: rgb(255, 255, 255); padding: 12px; appearance: none !important; height: unset !important; line-height: unset !important; border: none !important; box-shadow: none !important; background-image: none !important; }