body{font-size:15px;background-color:#fff8f2;color:#2f2f38}a{text-decoration:none}.btn{--bs-btn-font-weight: 500}.form-controlold{--bs-border-radius: 0;display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select,.form-control{--bs-body-bg: #fffdf9;--bs-border-radius: 6px;--bs-border-width: 2px;--bs-border-color: rgba(85, 90, 168, .22)}.form-group{margin-bottom:.5rem}.form-label{font-weight:500;margin-bottom:.3rem}.btn-w-100{min-width:100px}.btn-w-120,.btn-w-default{min-width:120px}.btn-w-150{min-width:200px}.special-intro{border:1px solid rgba(244,123,32,.32);display:inline-block;border-radius:100px;padding:5px 10px;background-color:#fff;color:#555aa8}.border-line{height:4px;background:linear-gradient(90deg,#ff8a1f,#e85b62 48%,#555aa8)}.bottom-border-line{height:4px;background:linear-gradient(90deg,#555aa8,#e85b62 48%,#ff8a1f)}.top-navbar{background:#555aa8;box-shadow:0 10px 24px -18px #2f2f38a6}.top-navbar .nav-link{font-weight:500;color:#ffffffd9!important}.top-navbar .nav-link:hover,.top-navbar .active .nav-link,.top-navbar .active .nav-link:hover{color:#fff!important}.top-navbar .navbar-toggler{border-color:#fff6}.form-section{border-top:3px solid #555aa8;box-shadow:0 14px 30px -24px #555aa866;background-color:#fff;padding:1rem;border-radius:0 0 6px 6px;margin-bottom:1rem}.form-section-title{font-size:1.4em;font-weight:500;margin-bottom:8px;color:#555aa8}.front-banner{transition:all .3s ease;border:1px solid rgba(244,123,32,.2);border-radius:6px;box-shadow:0 24px 42px -30px #f47b2073}.hover-to-scale{transition:all .3s ease}.hover-to-scale:hover{transform:scale(1.03)}.footer{background-color:#fff;font-size:15px;border-top:1px solid rgba(85,90,168,.12)}.footer-box{padding:25px 0}.footer-box a:hover{opacity:.75}.footer-title{font-size:16px;font-weight:600}.footer-link{font-size:14px;margin-top:2px;font-weight:500}.footer-link>span{display:inline-block;margin-right:6px}.footer-link>span i{margin-right:6px}.footer-label{display:block;margin-bottom:2px;color:#5f6673;font-size:13px;font-weight:600}.footer-contact-list{color:#111827;font-size:14px;font-weight:500;line-height:1.65}.footer-copy-right{padding:8px 10px;text-align:center;font-size:15px;background-color:#fff3e8}.footer-copy-right a:hover{opacity:.75}.btn-shadow2{box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}span.error{font-size:14px;color:#dc2626;font-weight:500;display:block}.qrcode-mfuconnect{max-width:150px}.front-banner-item{width:100%;scale:1.1}.front-banner-item.no-scale{scale:1}.status-Waiting,.status-InProcess{color:#d00000!important}.status-Complete{color:#059386!important}.status-FacultyAndStaff{color:#06c!important;font-weight:500}.thai-qr-img{display:inline-block;max-width:240px;background-color:#fff;text-align:center}.thai-qr-img img{margin:auto}.view-details .card{border:1px solid rgb(255,255,255);border-top:3px solid #555aa8;border-radius:0 0 6px 6px;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:1.5rem}.view-details .card-header{font-size:1.3em}.view-details .row-detail{margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px dotted #d8d6d6}.view-details .col-detail-label{min-width:230px}.login-bg{background-image:url(https://mfiu2027.mfu.ac.th/regis/build/assets/mfu-bg-B1tBlD2b.jpg);background-size:cover;background-position:center}.form-account-info .col-label{min-width:180px}.navbar-brand-title{border-left:3px solid rgba(255,255,255,.35);padding-left:.75rem;margin-left:5px;font-size:1.25rem;color:#ffffffe6;font-weight:600}.btn-primary{--bs-btn-bg: #555aa8;--bs-btn-border-color: #555aa8;--bs-btn-hover-bg: #464b95;--bs-btn-hover-border-color: #464b95;--bs-btn-active-bg: #3f4487;--bs-btn-active-border-color: #3f4487}.btn-outline-primary{--bs-btn-color: #555aa8;--bs-btn-border-color: #555aa8;--bs-btn-hover-bg: #555aa8;--bs-btn-hover-border-color: #555aa8}.package-radio-list{display:grid;gap:.65rem}.package-option{position:relative;display:grid;grid-template-columns:1.25rem 1fr;gap:.75rem;align-items:flex-start;min-height:56px;padding:.8rem .9rem;border:2px solid rgba(85,90,168,.18);border-radius:6px;background:#fffdf9;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.package-option:hover,.package-option:has(.form-check-input:focus){border-color:#f47b2099;box-shadow:0 10px 22px -18px #f47b20bf}.package-option:has(.form-check-input:checked){border-color:#f47b20;background:#fff7ed}.package-option .form-check-input{margin-top:.2rem;border-color:#555aa88c}.package-option .form-check-input:checked{background-color:#f47b20;border-color:#f47b20}.package-option-label{display:flex;flex-wrap:wrap;gap:.35rem .75rem;justify-content:space-between;width:100%;margin:0;cursor:pointer}.package-option-name{color:#2f2f38;font-weight:600}.package-option-price{color:#555aa8;font-weight:700;white-space:nowrap}@media (max-width: 575.98px){.package-option-label{display:block}.package-option-price{display:block;margin-top:.15rem;white-space:normal}}.alert{border-width:0;border-left-width:4px;border-radius:2px}.invalid-feedback.show{display:block}