.main{width:1096px;margin:auto;padding:0 80px 80px;position:relative}.main-update-datetime{color:var(--Text-Color-Fill,#0000004d);font-feature-settings:"clig"off, "liga"off;font-family:Noto Sans Thai;font-size:20px;font-style:normal;font-weight:400;line-height:40px}.main-social-link{gap:16px;margin-left:24px;display:flex}.main-banner{border-radius:16px;width:100%;max-height:600px;margin-top:80px;margin-bottom:24px;overflow:hidden}.main-banner img{object-fit:cover;width:100%;height:100%}.main-content{overflow-wrap:break-word;word-break:break-word;max-width:100%}.main-content p{overflow-wrap:break-word;word-break:break-word;font-size:18px;line-height:1.5em;font-family:Noto Sans Thai!important}.main-content a{color:#0a6ee7;overflow-wrap:break-word;word-break:break-word;text-decoration:underline}.subtitle{margin-bottom:16px;font-family:Noto Sans Thai;font-size:24px;font-weight:700;line-height:1.5em;display:flex}.main-content img{align-self:center;max-width:100%;margin:auto}.share-button{background:var(--Background-BG-1,#f3f3f3);border:none;border-radius:48px;align-items:center;gap:4px;padding:8px 16px;display:flex}.share-button p{line-height:32px}body table,body td,body th{border:1px solid gray;padding:10px}th{color:#f6f6f6;background:#0246a6;font-family:Noto Sans Thai!important}tr{background:#f6f6f6;font-family:Noto Sans Thai!important}table{width:100%;margin-bottom:24px}.main a{text-decoration:none}.btn-main{color:#fff;word-wrap:break-word;background:linear-gradient(90deg,#00a1e9 0%,#004eba 100%);border-radius:8px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:flex}.btn-main-wrapper{display:inline-flex}.btn-gradient-blue{color:#fff;word-wrap:break-word;background:linear-gradient(90deg,#00a1e9 0%,#004eba 100%);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.btn-gradient-blue-wrapper{display:inline-flex}.btn-gradient-white{color:#004eba;word-wrap:break-word;background:linear-gradient(90deg,#fff 0%,#e8f4fd 100%);border:1px solid #00a1e9;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.btn-gradient-white-wrapper{display:inline-flex}.btn-solid-blue{color:#fff;word-wrap:break-word;background:#004eba;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.btn-solid-blue-wrapper{display:inline-flex}.btn-solid-white{color:#004eba;word-wrap:break-word;background:#fff;border:2px solid #004eba;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.btn-solid-white-wrapper{display:inline-flex}.btn-sub-wrapper{background:linear-gradient(90deg,#00a1e9 0%,#004eba 100%);border-radius:8px;padding:2px}.btn-sub{color:#0246a6;word-wrap:break-word;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:12px 32px;font-family:Noto Sans Thai;font-size:16px;font-weight:600;line-height:24px;display:flex}.btn-sub-wrapper:hover{background:var(--Primary-P1,#0246a6)}.btn-sub:hover{color:#fff;background:var(--Primary-P1,#0246a6)}.main h2{font-size:24px}.main h3{font-size:18px}.main-relate{flex-wrap:wrap;justify-content:start;gap:16px;width:100%;display:flex}.main-relate a{text-decoration:none}.content-card{flex-direction:column;flex:1 0 22%;justify-content:start;max-width:24%;display:flex}.js-content-thumbnail img{object-fit:contain;width:100%;margin:16px auto}.js-content-title{color:#000;word-wrap:break-word;flex-grow:1;font-family:Noto Sans Thai;font-size:18px;font-weight:700;line-height:26px}@media screen and (width>=576px) and (width<=1440px){.main{max-width:540px}}@media (width>=768px){.main{max-width:720px}}@media (width>=992px){.main{max-width:960px}}@media (width>=1200px){.main{max-width:1096px}}@media screen and (width<=768px){.main h2{font-size:22px}.main{width:100%;padding:16px 16px 100px}.main-update-datetime{font-size:16px}.main-social-link{gap:8px;margin-left:12px}.main-relate{justify-content:space-between}.content-card{flex:0 0 45%;max-width:250px}}
