@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Thai:300,400,500,600,700,800,900);.fs-h1,.fs-h2{font-weight:var(--fw-bold)}:root{--color-primary-300:#0349B0;--color-primary-200:#166AE6;--color-primary-100:#5897FB;--color-secondary-300:#D64700;--color-secondary-200:#FB5401;--color-secondary-100:#FF8548;--color-white:#FFFFFF;--color-black:#2A2A2A;--color-gray-300:#6C757D;--color-gray-200:#9EABC0;--color-gray-100:#CBDBF4;--color-green:#22CA80;--color-yellow:#FFC261;--color-red-200:#DC3545;--color-red-100:#FF4040;--bg-gradient-primary:linear-gradient(90deg, rgba(0,64,156,1) 0%, rgba(0,99,216,1) 50%, rgba(0,163,255,1) 100%);--bg-black-200:#22222A;--bg-black-100:#282B2F;--bg-gray-200:#E2EEFF;--bg-gray-100:#F2F8FF;--bg-disabled:#E7ECF4;--fs-h1:80px;--fs-h2:64px;--fs-h3:56px;--fs-h4:32px;--fs-h5:28px;--fs-p1:24px;--fs-p2:20px;--fs-p3:16px;--fs-p4:14px;--fw-regular:300;--fw-medium:400;--fw-semibold:500;--fw-bold:600;--fw-extrabold:700}@media (max-width:767px){:root{--fs-h1:56px;--fs-h2:48px;--fs-h3:56px;--fs-h4:28px;--fs-h5:24px;--fs-p1:22px}}.fs-h1{font-size:var(--fs-h1)}.fs-h2{font-size:var(--fs-h2)}.fs-h3,.fs-h4{font-weight:var(--fw-semibold)}.fs-h3{font-size:var(--fs-h3)}.fs-h4{font-size:var(--fs-h4)}.fs-h5,.fs-p1{font-weight:var(--fw-bold)}.fs-h5{font-size:var(--fs-h5)}.fs-p1{font-size:var(--fs-p1)}.fs-p2,.fs-p3,.fs-p4{font-weight:var(--fw-medium)}.fs-p2{font-size:var(--fs-p2)}.fs-p3{font-size:var(--fs-p3)}.fs-p4{font-size:var(--fs-p4)}.fw-regular{font-weight:var(--fw-regular)!important}.fw-medium{font-weight:var(--fw-medium)!important}.fw-semibold{font-weight:var(--fw-semibold)!important}.fw-bold{font-weight:var(--fw-bold)!important}.fw-extrabold{font-weight:var(--fw-extrabold)!important}.color-primary-300{color:var(--color-primary-300)!important}.color-primary-200{color:var(--color-primary-200)!important}.color-primary-100{color:var(--color-primary-100)!important}.color-secondary-300{color:var(--color-secondary-300)!important}.color-secondary-200{color:var(--color-secondary-200)!important}.color-secondary-100{color:var(--color-secondary-100)!important}.color-white{color:var(--color-white)!important}.color-black{color:var(--color-black)!important}.color-gray-300{color:var(--color-gray-300)!important}.color-gray-200{color:var(--color-gray-200)!important}.color-gray-100{color:var(--color-gray-100)!important}.color-green{color:var(--color-green)!important}.color-yellow{color:var(--color-yellow)!important}.color-red-200{color:var(--color-red-200)!important}.color-red-100{color:var(--color-red-100)!important}.bg-gradient-primary{background:var(--bg-gradient-primary)!important}.bg-black-200{background-color:var(--bg-black-200)!important}.bg-black-100{background-color:var(--bg-black-100)!important}.bg-gray-200{background-color:var(--bg-gray-200)!important}.bg-gray-100{background-color:var(--bg-gray-100)!important}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background:var(--color-white);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:10px;border:4px solid var(--color-white);transition:.3s ease-in-out}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}@media (max-width:576px){:root{--fs-h1:42px;--fs-h2:38px;--fs-h3:32px;--fs-h4:24px;--fs-h5:22px;--fs-p1:20px;--fs-p2:16px;--fs-p3:14px;--fs-p4:12px}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:20px;padding-right:20px}}