html { text-size-adjust: 100%; line-height: 1.15; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
[hidden], template { display: none; }
h2 { margin-block: 0px; margin-inline: 0px; margin-bottom: 0px; margin-top: 0px; }
.udblock { position: relative; }
.udblock__permalink { color: rgb(0, 0, 0); text-decoration: none; }
.udblock__permalink--white { color: rgb(255, 255, 255); }
.udblock__permalink:hover .udblock__metawrap, .udblock__permalink:hover .udblock__timeline-wrap::before { color: rgb(185, 6, 13); }
.udblock--left_right { display: flex; flex-direction: row; }
.udblock__img-display { font-size: 20px; position: relative; }
.udblock__img-display--left_right { flex: 0 0 46.5%; }
.udblock__img-display .play-icon { background: rgba(0, 0, 0, 0.4); border-radius: 50%; height: 80px; left: 50%; margin-left: -50px; margin-top: -50px; position: absolute; top: 50%; width: 80px; }
@media (max-width: 768px) {
  .udblock__img-display .play-icon { height: 40px; margin-left: -20px; margin-top: -20px; width: 40px; }
}
.udblock__text-display--bordered { border: 1px solid rgba(112, 112, 112, 0.2); }
.udblock__text-display--left_right { flex: 1 0 53.5%; }
.udblock__timeline-wrap { display: flex; margin-bottom: 4px; position: relative; }
.udblock__timeline-wrap::before { color: rgb(187, 187, 187); content: "•"; font-size: 45px; left: -5px; position: absolute; top: -14px; z-index: 999; }
.udblock__timeline-line { border-left: 0.5px solid rgb(165, 165, 165); height: 108%; margin-top: 14px; position: relative; }
.udblock__timeline-line--last { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.udblock .icon-share::before { color: rgb(0, 0, 0); }
.udblock__textwrap { overflow: hidden; position: relative; }
.udblock__textwrap--red { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.udblock__textwrap--font-white, .udblock__textwrap--font-white .icon-share::before, .udblock__textwrap--red .icon-share::before { color: rgb(255, 255, 255); }
.udblock__textwrap--white { background-color: rgb(255, 255, 255); }
.udblock__textwrap--grey { background-color: rgb(233, 233, 233); }
.udblock__textwrap--flex { display: flex; flex-direction: column; height: 100%; }
.udblock__title { font-weight: 500; margin: 0px; overflow: hidden; padding: 6px 0px 0px; text-decoration: none; }
.udblock__title--before-icon::before { background-color: rgb(187, 187, 187); border-radius: 2px; color: rgb(255, 255, 255); content: "+"; display: inline-block; font-size: 24px; font-weight: 400; height: 12px; left: 10px; line-height: 11px; position: absolute; text-align: center; text-decoration: none; top: 13px; width: 12px; }
.udblock__imgwrap--16-9 { background-color: rgb(226, 226, 226); height: 0px; overflow: hidden; padding-bottom: 56.2%; }
.udblock__iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.udblock__img { width: 100%; }
.udblock__metawrap { display: flex; flex-direction: row; font-weight: 400; justify-content: space-between; }
.udblock__metawrap--flex { align-items: flex-end; flex-grow: 1; }
.udblock__video-play { background-color: rgb(185, 6, 13); bottom: 15px; color: rgb(255, 255, 255); display: inline-block; height: 2em; left: 15px; padding-left: 0.7em; padding-top: 0.5em; position: absolute; width: 2em; }
.udblock__video-play--mini { bottom: 8px; height: 1.5em; left: 8px; padding-left: 0.5em; padding-top: 0.15em; width: 1.5em; }
.udblock__video-play--mini::before { font-size: 16px; }
.udblock__category_link { background-color: rgb(199, 199, 199); border-radius: 2.5px; color: rgb(0, 0, 0); padding: 2px 10px; text-decoration: none; }
.udblock__share { margin-right: -5px; padding: 0px 5px; }
.udblock__share_wrap { align-items: center; background-color: rgb(242, 242, 242); inset: 0px 0px 0px 100%; display: flex; height: 100%; justify-content: center; overflow: hidden; position: absolute; transition: left 0.3s; width: 100%; }
.udblock__share_wrap--md .udblock__icon-share-red::before { font-size: 36px !important; }
.udblock__share_wrap--lg .udblock__icon-share-red::before { font-size: 44px !important; }
.udblock__icon-share-red::before { font-size: 28px; }
.udblock__share_close_btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: inline-block; height: 25px; position: absolute; right: 8px; top: 10px; width: 25px; }
.udblock__close-btn::before { color: rgb(0, 0, 0); }
.udblock__share-link { line-height: 0; text-decoration: none; vertical-align: sub; }
.udblock__editpost { background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); display: none; font-size: 14px; left: 0px; line-height: 18px; padding: 4px 8px; position: absolute; text-decoration: none; top: 0px; z-index: 99999; }
.udblock__editpost:hover { background-color: rgb(0, 0, 0); }
.udblock:hover .udblock__editpost { display: inline-block; }
.udblock--no-image .udblock__editpost, .udblock--timeline .udblock__editpost { left: auto; right: 0px; }
.udblock__badge { background-color: rgb(190, 7, 14); border-radius: 2px; color: rgb(255, 255, 255); padding: 1px 6px; }
.udblock__badge--recommend { margin-left: 4px; }
.ud-bh, .ud-bh__icon-wrap { display: inline-block; }
.ud-bh__icon-wrap { border-right: 10px solid rgb(185, 6, 13); flex-shrink: 0; height: 48px; margin-bottom: 14px; margin-right: 8px; position: relative; width: 84px; }
.ud-bh__img { left: 0px; position: absolute; top: 0px; width: 64px; z-index: 10; }
.ud-bh__icon { display: inline-block; font-size: 22px; position: relative; text-align: center; width: 64px; z-index: 11; line-height: 40px !important; }
.ud-bh .icon-bbc::before { font-size: 48px; vertical-align: top; }
.ud-bh__title { font-size: 32px; font-weight: 500; line-height: 44px; }
.ud-bh__title--reverse { color: rgb(255, 255, 255); }
.ud-bh__suffix { color: rgb(190, 7, 14); font-size: 32px; font-weight: 500; line-height: 44px; }
.ud-bh__link { color: rgb(0, 0, 0); text-decoration: none; }
.ud-bh__link-wrap { align-items: flex-start; display: flex; }
@font-face { font-display: block; font-family: icomoon; font-style: normal; font-weight: 400; src: url("https://www.khaosod.co.th/production/fonts/icomoon.ttf?5x0xml") format("truetype"), url("https://www.khaosod.co.th/production/fonts/icomoon.woff?5x0xml") format("woff"); }
[class*=" icon-"], [class^="icon-"] { speak: none; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; font-family: icomoon !important; }
.icon-ad::before { content: ""; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-bar-graph::before { content: ""; }
.icon-bbc::before { color: rgb(255, 255, 255); content: ""; }
.icon-bitcoin::before { content: ""; }
.icon-bonus::before { content: ""; }
.icon-box-gloves::before { content: ""; }
.icon-boxing::before { content: ""; }
.icon-buddha::before { content: ""; }
.icon-call-center-worker-with-headset::before { content: ""; }
.icon-car::before { content: ""; }
.icon-clock-circular-outline::before { color: rgb(237, 28, 36); content: ""; }
.icon-crown-king::before { content: ""; }
.icon-cutlery::before { content: ""; }
.icon-delete::before { content: ""; }
.icon-draft::before { content: ""; }
.icon-drop-down-arrow::before { content: ""; }
.icon-envelope-with-a-letter::before { content: ""; }
.icon-esoteric::before { color: rgb(255, 255, 255); content: ""; }
.icon-eye::before { content: ""; }
.icon-facebook::before { color: rgb(255, 255, 255); content: ""; }
.icon-facebook-color::before { color: rgb(59, 89, 153); content: ""; }
.icon-financial-lifestyles::before { color: rgb(255, 255, 255); content: ""; }
.icon-financial-review::before { color: rgb(255, 255, 255); content: ""; }
.icon-first-prize::before { content: ""; }
.icon-flash::before { color: rgb(255, 255, 255); content: ""; }
.icon-food-delivery::before { content: ""; }
.icon-fuel::before { color: rgb(255, 255, 255); content: ""; }
.icon-give::before { color: rgb(255, 255, 255); content: ""; }
.icon-handcuffs::before { color: rgb(255, 255, 255); content: ""; }
.icon-home::before { color: rgb(255, 255, 255); content: ""; }
.icon-hotel::before { content: ""; }
.icon-icon::before { color: rgb(255, 255, 255); content: ""; }
.icon-instagram::before { color: rgb(255, 255, 255); content: ""; }
.icon-investment::before { color: rgb(255, 255, 255); content: ""; }
.icon-journalist::before { content: ""; }
.icon-k::before { color: rgb(255, 255, 255); content: ""; }
.icon-left-arrow .path1::before { color: rgb(104, 116, 146); content: ""; }
.icon-left-arrow .path2::before { color: rgb(104, 116, 146); content: ""; margin-left: -1em; }
.icon-left-arrow .path3::before { color: rgb(255, 255, 255); content: ""; margin-left: -1em; }
.icon-line::before { color: rgb(255, 255, 255); content: ""; }
.icon-line-color::before { color: rgb(32, 178, 75); content: ""; }
.icon-link-color::before { color: rgb(190, 34, 39); content: ""; }
.icon-lip-gloss::before { content: ""; }
.icon-medal::before { content: ""; }
.icon-megaphone::before { color: rgb(255, 255, 255); content: ""; }
.icon-menu-button::before { content: ""; }
.icon-microphone::before { content: ""; }
.icon-m-market::before { color: rgb(255, 255, 255); content: ""; }
.icon-mobile::before { content: ""; }
.icon-money-tips::before { color: rgb(255, 255, 255); content: ""; }
.icon-moon-around-earth::before { color: rgb(255, 255, 255); content: ""; }
.icon-movie-clapper::before { color: rgb(255, 255, 255); content: ""; }
.icon-newsmonitor::before { content: ""; }
.icon-newspaper::before { content: ""; }
.icon-newspaper2::before { content: ""; }
.icon-next::before { color: rgb(255, 255, 255); content: ""; }
.icon-no-red-fb::before { color: rgb(255, 255, 255); content: ""; }
.icon-no-red-line::before { color: rgb(255, 255, 255); content: ""; }
.icon-no-red-link::before { color: rgb(255, 255, 255); content: ""; }
.icon-no-red-tw::before { color: rgb(255, 255, 255); content: ""; }
.icon-open-book::before { content: ""; }
.icon-passage-of-time::before { content: ""; }
.icon-play::before { color: rgb(255, 255, 255); content: ""; }
.icon-play-arrow::before { content: ""; }
.icon-plus .path1::before { color: rgb(194, 194, 194); content: ""; }
.icon-plus .path2::before { color: rgb(255, 255, 255); content: ""; margin-left: -1em; }
.icon-plus .path3::before { color: rgb(255, 255, 255); content: ""; margin-left: -1em; }
.icon-politics::before { content: ""; }
.icon-prev::before { color: rgb(255, 255, 255); content: ""; }
.icon-racing::before { content: ""; }
.icon-reading::before { content: ""; }
.icon-right-arrow-1 .path1::before { color: rgb(104, 116, 146); content: ""; }
.icon-right-arrow-1 .path2::before { color: rgb(104, 116, 146); content: ""; margin-left: -1em; }
.icon-right-arrow-1 .path3::before { color: rgb(255, 255, 255); content: ""; margin-left: -1em; }
.icon-sad::before { content: ""; }
.icon-savings::before { content: ""; }
.icon-search::before { color: rgb(255, 255, 255); content: ""; }
.icon-searcher::before { content: ""; }
.icon-share::before { color: rgb(255, 255, 255); content: ""; }
.icon-share-red-copy::before { color: rgb(190, 32, 38); content: ""; }
.icon-share-red-facebook::before { color: rgb(190, 32, 38); content: ""; }
.icon-share-red-line::before { color: rgb(190, 32, 38); content: ""; }
.icon-share-red-twitter::before { color: rgb(190, 32, 38); content: ""; }
.icon-smartphone::before { content: ""; }
.icon-speech::before { color: rgb(255, 255, 255); content: ""; }
.icon-star::before { content: ""; }
.icon-tag::before { content: ""; }
.icon-telephone::before { color: rgb(255, 255, 255); content: ""; }
.icon-thai::before { color: rgb(255, 255, 255); content: ""; }
.icon-time::before { color: rgb(255, 255, 255); content: ""; }
.icon-traveler-with-a-suitcase::before { content: ""; }
.icon-trophy-Soccer::before { content: ""; }
.icon-trophy::before { color: rgb(255, 255, 255); content: ""; }
.icon-tv::before { content: ""; }
.icon-twitter::before { color: rgb(255, 255, 255); content: ""; }
.icon-twitter-color::before { color: rgb(43, 170, 225); content: ""; }
.icon-user::before { color: rgb(255, 255, 255); content: ""; }
.icon-user-silhouette::before { content: ""; }
.icon-virus::before { content: ""; }
.icon-wine-glasses::before { color: rgb(255, 255, 255); content: ""; }
.icon-world::before { color: rgb(255, 255, 255); content: ""; }
.icon-world-news::before { content: ""; }
.icon-youtube::before { color: rgb(255, 255, 255); content: ""; }
.udbtn__wrap { text-align: center; }
.udbtn__btn { background-color: rgb(185, 6, 13); border-radius: 5px; font-size: 14px; padding: 10px 16px; text-decoration: none; }
.udbtn__btn, .udbtn__btn-lotto { color: rgb(255, 255, 255); display: inline-block; }
.udbtn__btn-lotto { background-color: rgb(94, 94, 94); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; cursor: pointer; font-family: Prompt, sans-serif; font-size: 20px; font-weight: 400; line-height: 25px; padding: 8px; text-align: center; user-select: none; width: 100%; }
.udbtn__btnline { display: block; margin-bottom: 28px; }
.udfollow { border: 8px solid rgb(81, 106, 162); border-radius: 15px; margin-bottom: 24px; }
.udfollow__header { background-color: rgb(81, 106, 162); color: rgb(255, 255, 255); font-size: 28px; line-height: 48px; text-align: center; }
.udfollow__header-text { display: inline-block; font-size: 28px; font-weight: 300; line-height: 48px; }
.udfollow__body { height: 130px; }
.glide__slides { margin-block: 0px; position: relative; }
.glide__arrow { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; font-size: 30px; opacity: 0.8; text-shadow: none; }
.glide__arrow:hover { opacity: 1; }
.glide__arrow--left { left: 5%; }
.glide__arrow--right { right: 5%; }
.glide-home-desktop-red .glide__arrow { border-radius: 0px; height: 89.5%; opacity: 1; width: 500px; }
@media only screen and (max-width: 1800px) {
  .glide-home-desktop-red .glide__arrow { height: 88.5%; }
}
@media only screen and (max-width: 1750px) {
  .glide-home-desktop-red .glide__arrow { height: 88.3%; }
}
@media only screen and (max-width: 1700px) {
  .glide-home-desktop-red .glide__arrow { height: 88.5%; width: 450px; }
}
@media only screen and (max-width: 1500px) {
  .glide-home-desktop-red .glide__arrow { width: 350px; }
}
@media only screen and (max-width: 1300px) {
  .glide-home-desktop-red .glide__arrow { height: 88%; width: 250px; }
}
@media only screen and (max-width: 1140px) {
  .glide-home-desktop-red .glide__arrow { width: 180px; }
}
@media only screen and (max-width: 960px) {
  .glide-home-desktop-red .glide__arrow { width: 50px; }
}
@media only screen and (max-width: 720px) {
  .glide-home-desktop-red .glide__arrow { width: 20px; }
}
@media only screen and (max-width: 540px) {
  .glide-home-desktop-red .glide__arrow { width: 20px; }
}
.glide-home-desktop-red .glide__arrow--left { background-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.9)); left: 0px; }
.glide-home-desktop-red .glide__arrow--left .icon-prev { left: 15%; margin-top: -25px; position: absolute; }
.glide-home-desktop-red .glide__arrow--right { background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.9)); right: 0px; }
.glide-home-desktop-red .glide__arrow--right .icon-next { margin-top: -25px; position: absolute; right: 15%; }
.glide-home-desktop-red .glide__slide { padding: 20px 0px; }
.glide-home-desktop-red .glide__slide--active { transition: transform 0.2s; }
.glide-home-desktop-red .glide__slide--active:hover { transform: scale(1.03); z-index: 999; }
.glide-home-desktop-red .glide__slide--active:hover .udblock { box-shadow: rgba(0, 0, 0, 0.75) 0px 2px 5px 1px; }
.form-control { background-clip: padding-box; background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; color: rgb(73, 80, 87); display: block; font-size: 1rem; font-weight: 400; height: calc(1.5em + 2px + 0.75rem); line-height: 1.5; padding: 0.375rem 0.75rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; }
.skeleton-ad { animation: 1s linear 0s infinite alternate none running skeleton-ad-loading; background-color: rgb(238, 238, 238); }
.fallback-image-ad { display: block; margin: 0px auto; }
@keyframes skeleton-ad-loading { 
  0% { background-color: rgb(238, 238, 238); }
  100% { background-color: rgb(252, 252, 252); }
}
.ads_position_wrapper { overflow: visible; text-align: center; }
.ads_position_wrapper__slide-container { background-color: rgba(0, 0, 0, 0.8); height: 0px; overflow: hidden; position: relative; }
@media only screen and (max-width: 767px) {
  .ads_position_wrapper__slide-container { overflow: visible; }
}
.ads_position_wrapper--slide { display: inline-block; left: 50%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
@media only screen and (max-width: 768px) {
  .ads_position_wrapper--slide { transform: translate(-50%, -50%); }
}
.ads_position_wrapper--slide img { height: auto; width: 100%; }
.ads_position_wrapper > a, .ads_position_wrapper > div, .ads_position_wrapper > img, .ads_position_wrapper > ins { margin-bottom: 24px; }
.glide .ads_position_wrapper > a, .glide .ads_position_wrapper > div, .glide .ads_position_wrapper > img, .glide .ads_position_wrapper > ins { margin-bottom: 0px; }
.ads_position_slide { bottom: 0px; left: 0px; position: fixed; right: 350px; z-index: 99999; }
.ads_position_slide.hide { visibility: hidden; }
.ads_position_slide.show { visibility: visible; }
.ads_no_render { background-color: rgb(231, 229, 228); border: 1px solid rgb(168, 162, 158); display: inline-block; text-align: center; }
.ads_no_render__inner { align-items: center; color: rgb(28, 25, 23); display: flex; flex-direction: column; height: 100%; justify-content: center; }
.ads_no_render__inner p { font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; }
.footer-sticky-ads-button { place-content: center; background-color: rgb(255, 255, 255); border-color: rgb(250, 250, 250) rgb(250, 250, 250) currentcolor currentcolor; border-style: solid solid none none; border-top-right-radius: 5px; border-width: 2px 2px 0px 0px; display: flex; height: 28px; width: 36px; }
.footer-sticky-ads { background-color: rgba(255, 255, 255, 0.7); border-top: 2px solid rgb(250, 250, 250); }
.footer-sticky-ads__wrap { bottom: 0px; display: flex; flex-direction: column; position: fixed; width: 100%; z-index: 9999; }
.headroom { transition: transform 0.15s linear; will-change: transform; }
.headroom, .headroom--pinned { transform: translateY(400%); }
.headroom--unpinned { transform: translateY(0px); }
.ud_ads_left_sticky, .ud_ads_right_sticky { display: none; height: 100%; position: absolute; }
.ud_ads_left_sticky__inner, .ud_ads_right_sticky__inner { position: sticky; top: 20px; }
@media (min-width: 768px) {
  .ud_ads_left_sticky { display: block; right: calc(50% + 372px); }
}
@media (min-width: 992px) {
  .ud_ads_left_sticky { display: block; right: calc(50% + 492px); }
}
@media (min-width: 1200px) {
  .ud_ads_left_sticky { display: block; right: calc(50% + 582px); }
}
@media (min-width: 768px) {
  .ud_ads_right_sticky { display: block; left: calc(50% + 372px); }
}
@media (min-width: 992px) {
  .ud_ads_right_sticky { display: block; left: calc(50% + 492px); }
}
@media (min-width: 1200px) {
  .ud_ads_right_sticky { display: block; left: calc(50% + 582px); }
}
.ads_position_home_desktop_1 > a, .ads_position_home_desktop_1 > div, .ads_position_home_desktop_1 > img, .ads_position_home_desktop_1 > ins, .ads_position_home_phone_1 > a, .ads_position_home_phone_1 > div, .ads_position_home_phone_1 > img, .ads_position_home_phone_1 > ins { margin-top: 24px; }
.ads_position_cate_desktop_1 > a, .ads_position_cate_desktop_1 > div, .ads_position_cate_desktop_1 > img, .ads_position_cate_desktop_1 > ins, .ads_position_cate_phone_1 > a, .ads_position_cate_phone_1 > div, .ads_position_cate_phone_1 > img, .ads_position_cate_phone_1 > ins, .ads_position_single_desktop_1 > a, .ads_position_single_desktop_1 > div, .ads_position_single_desktop_1 > img, .ads_position_single_desktop_1 > ins, .ads_position_single_phone_1 > a, .ads_position_single_phone_1 > div, .ads_position_single_phone_1 > img, .ads_position_single_phone_1 > ins { margin-top: 16px; }
.lds-ring { display: inline-block; height: 80px; position: relative; width: 80px; }
.lds-ring div { animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running lds-ring; border-width: 8px; border-style: solid; border-color: rgb(190, 7, 14) transparent transparent; border-image: none; border-radius: 50%; box-sizing: border-box; display: block; height: 64px; margin: 8px; position: absolute; width: 64px; }
.lds-ring div:first-child { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.lds-ring__wrapper { align-items: center; background-color: rgba(255, 255, 255, 0.9); display: none; justify-content: center; }
.lds-ring__wrapper--active { inset: 0px -10px 0px 0px; display: flex; position: absolute; }
.ud-admin-menu { background: rgb(35, 40, 45); height: 32px; width: 100%; }
.ud-admin-menu__ul { clear: none; list-style: none; margin: 0px; padding: 0px; position: relative; text-align: left; text-indent: 0px; }
.ud-admin-menu__li { display: inline-block; margin: 0px; padding: 0px; }
.ud-admin-menu__link { font-weight: 300; text-decoration: none; }
.ud-admin-menu__link, .ud-admin-menu__sep { color: rgb(238, 238, 238); font-size: 14px; line-height: 32px; }
.ud-admin-menu__sep { font-weight: 500; padding: 0px 4px; }
@font-face { font-family: Sarabun; font-style: normal; font-weight: 300; src: local("Sarabun Light"), local("Sarabun-Light"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: italic; font-weight: 300; src: local("Sarabun Light Italic"), local("Sarabun-LightItalic"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-300italic.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: normal; font-weight: 400; src: local("Sarabun Regular"), local("Sarabun-Regular"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: italic; font-weight: 400; src: local("Sarabun Italic"), local("Sarabun-Italic"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-italic.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: normal; font-weight: 500; src: local("Sarabun Medium"), local("Sarabun-Medium"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: italic; font-weight: 500; src: local("Sarabun Medium Italic"), local("Sarabun-MediumItalic"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-500italic.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: normal; font-weight: 700; src: local("Sarabun Bold"), local("Sarabun-Bold"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.ttf") format("truetype"); }
@font-face { font-family: Sarabun; font-style: italic; font-weight: 700; src: local("Sarabun Bold Italic"), local("Sarabun-BoldItalic"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700italic.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: normal; font-weight: 300; src: local("Prompt Light"), local("Prompt-Light"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: italic; font-weight: 300; src: local("Prompt Light Italic"), local("Prompt-LightItalic"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-300italic.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: local("Prompt"), local("Prompt-Regular"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-regular.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-regular.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-regular.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: italic; font-weight: 400; src: local("Prompt Italic"), local("Prompt-Italic"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-italic.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: normal; font-weight: 500; src: local("Prompt Medium"), local("Prompt-Medium"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: italic; font-weight: 500; src: local("Prompt Medium Italic"), local("Prompt-MediumItalic"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-500italic.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: normal; font-weight: 700; src: local("Prompt Bold"), local("Prompt-Bold"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700.ttf") format("truetype"); }
@font-face { font-family: Prompt; font-style: italic; font-weight: 700; src: local("Prompt Bold Italic"), local("Prompt-BoldItalic"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700italic.woff2") format("woff2"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700italic.woff") format("woff"), url("https://www.khaosod.co.th/production/fonts/prompt-v4-vietnamese_thai_latin-ext_latin-700italic.ttf") format("truetype"); }
.pdpa-wrapper { display: none; }
.pdpa-wrapper__desktop { background: rgb(247, 247, 247); border-radius: 10px; bottom: 100px; box-shadow: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, 0.4) 0px 10px 15px -3px, rgba(0, 0, 0, 0.4) 0px 4px 6px -4px; color: rgb(0, 0, 0); font-family: sans-serif; height: auto; left: 24px; position: fixed; width: 200px; z-index: 10000; }
.pdpa-wrapper__desktop .pdpa-content { flex-direction: column; }
.pdpa-wrapper__desktop .pdpa-accept-button { margin-top: 20px; }
.pdpa-wrapper__mobile { background-color: rgb(245, 183, 177); display: flex; font-family: sans-serif; position: relative; }
.pdpa-wrapper__mobile .pdpa-accept-button { font-size: 12px; padding: 7px 12px; }
.pdpa-wrapper__mobile #pdpa-popup { padding: 10px 8px; width: 350px; }
.pdpa-wrapper__mobile .pdpa-text-wrapper { line-height: 1.3; margin-right: 10px; }
.pdpa-wrapper__mobile .pdpa-text { display: inline; padding-right: 4px; }
.pdpa-wrapper__mobile .pdpa-content { height: 60px; max-width: 390px; padding: 20px 26px; }
.pdpa-content { align-items: center; display: flex; padding: 20px 15px; position: relative; }
.pdpa-text-wrapper { line-height: 1.48; }
.pdpa-accept-button, .pdpa-close-button { background-color: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; margin: 0px; padding: 0px; text-align: center; text-decoration: none; }
.pdpa-accept-button { border-radius: 30px; color: rgb(255, 255, 255); font-size: 14px; padding: 10px 30px; }
.pdpa-close-button { height: 20px; position: absolute; right: 5px; top: 5px; width: 20px; }
.ud-dt { justify-content: space-between; margin-bottom: -10px; padding: 0px 0px 0px 120px; }
.ud-dt, .ud-dt__left { align-items: baseline; display: flex; flex-direction: row; }
.ud-dt__right { align-items: flex-start; display: flex; flex-direction: row; }
.ud-dt__link { color: rgb(0, 0, 0); text-decoration: none; }
.ud-dt__text { display: inline-block; font-size: 50px; font-weight: 400; line-height: 72px; }
.ud-dt__text--khaosod { color: rgb(237, 28, 36); }
.ud-dt__date { font-size: 16px; line-height: 24px; margin-left: 8px; text-align: right; }
.ud-dt__date__line { margin: 0px; padding: 0px; }
body, html { overflow-x: clip; scroll-behavior: smooth; }
body { font-family: Prompt, sans-serif; font-weight: 400; margin: 0px; padding: 0px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .ud-padding { padding-left: 8px; padding-right: 8px; }
[v-cloak] { display: none; }
.icon-tag::before, [class*=" icon-"], [class^="icon-"] { color: rgb(255, 255, 255); }
.ud_sidebar_sticky { will-change: min-height; }
.ud_sidebar_sticky__inner { overflow: hidden; transform: translateZ(0px); will-change: position, transform; }
h1, h2, h3, h4, h5, h6 { margin-block: 0px; margin-inline: 0px; }
.udfooter { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); }
.udfooter__upper { border-bottom: 1px solid rgb(112, 112, 112); padding-top: 20px; }
.udfooter__flex { align-items: flex-end; display: flex; justify-content: space-between; }
.udfooter__logo { margin-bottom: 15px; width: 250px; }
.udfooter__title { font-size: 22px; font-weight: 500; line-height: 28px; margin: 0px; }
.udfooter__title-2 { margin-bottom: 10px; }
.udfooter__address { font-size: 18px; font-weight: 400; line-height: 28px; margin: 0px; }
.udfooter__address-2 { margin-bottom: 15px; }
.udfooter__tel-icon { font-size: 44px; }
.udfooter__tel-wrap { align-items: center; display: flex; margin-bottom: 30px; }
.udfooter__tel-line-wrap { padding-left: 10px; }
.udfooter__tel-line { line-height: 28px; margin: 0px; }
.udfooter__tel-line, .udfooter__tel-line-a { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; padding: 0px; text-decoration: none; }
.udfooter__tel-line-a { display: inline-block; line-height: 48px; margin: -10px 0px; }
.udfooter__qr { display: block; margin-bottom: 10px; width: 200px; }
.udfooter__copyright { background-color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; line-height: 58px; margin-bottom: 0px; margin-top: 0px; text-align: center; }
.udfooter__menu-wrap { justify-content: space-between; margin-top: 6px; }
.udfooter__menu { list-style: none; margin: 0px; padding: 0px; }
.udfooter__menu--right .udfooter__menu-item { margin-left: 6px; }
.udfooter__menu-item { display: inline-block; }
.udfooter__menu-link { font-size: 16px; line-height: 30px; text-decoration: none; }
.udfooter__menu-link, .udfooter__sep { color: rgb(255, 255, 255); margin-right: 8px; }
.udfooter__icon::before { color: rgb(255, 255, 255); display: inline-block; font-size: 26px; margin-top: 2px; }
.udfooter__upper-menu { list-style: none; margin: 0px; padding: 0px; }
.udfooter__upper-menu-item { display: block; }
.udfooter__upper-menu-link { color: rgb(255, 255, 255); font-size: 20px; line-height: 36px; margin-right: 8px; text-decoration: none; }
.top-bar-sticky { position: sticky; top: 0px; width: 100%; z-index: 99999; }
.wp-logged-in .ud-dt { padding-top: 32px; }
.ud-mm { align-items: center; color: rgb(255, 255, 255); display: flex; flex-direction: row; height: 50px; margin-top: 10px; padding: 0px; position: relative; }
.ud-mm__logoimg { margin-right: 10px; width: 100px; }
.ud-mm__logo-link { text-decoration: none; }
.ud-mm__nav-menus { display: flex; flex-direction: row; margin: 0px; padding: 0px; }
.ud-mm__nav-item { display: inline-block; }
.ud-mm__nav-item:hover { background-color: rgb(190, 7, 14); }
.ud-mm__nav-item__block { display: inline-block; }
.ud-mm__nav-item:hover .ud-mm__submenu { display: block !important; }
.ud-mm__link { color: rgb(255, 255, 255); line-height: 50px; padding: 0px 10px; }
.ud-mm__link, .ud-mm__sub-link { display: block; font-size: 16px; text-decoration: none; white-space: nowrap; }
.ud-mm__sub-link { border-bottom: 1px solid rgb(209, 209, 209); color: rgb(0, 0, 0); line-height: 40px; }
.ud-mm__sub-link--1 { font-size: 16px; line-height: 40px; }
.ud-mm__sub-link--1:hover { color: rgb(190, 7, 14); }
.ud-mm__sub-link--2 { font-size: 12px; line-height: 36px; padding-left: 15px; }
.ud-mm__submenu { background-color: rgb(251, 251, 251); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 1px; display: none; left: 0px; padding: 15px 20px; position: absolute; right: 0px; z-index: 9999; }
.ud-mm__submenu--left { flex-basis: 230px; flex-shrink: 0; max-height: 208px; overflow-y: auto; padding-right: 15px; }
.ud-mm__submenu--right { flex-grow: 1; flex-shrink: 1; padding-left: 10px; position: relative; }
.ud-mm__submenu__block { display: inline-block; margin-right: 6px; max-width: 208px; width: 208px; }
.ud-mm__submenu-inner { min-height: 208px; }
.ud-mm__fetch-btn { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0) !important; }
.ud-mm__socials { display: flex; flex-direction: row; }
.ud-mm__social-item { cursor: pointer; padding: 0px 2px; width: 26px; }
.ud-mm__right-side { flex-grow: 1; text-align: right; }
.ud-mm__search-link { color: rgb(255, 255, 255); }
.ud-mm__login-link, .ud-mm__search-link { text-decoration: none; }
.ud-mm__search { display: inline-block; padding: 0px 0px 0px 7px; }
.ud-mm__login { display: inline-block; margin-left: 6px; }
.ud-mm__login-link { color: rgb(0, 0, 0); padding: 0px 6px; }
.ud-mm__login-link .icon-user::before { color: rgb(0, 0, 0); }
.ud-mm__outer { background-color: rgb(0, 0, 0); border-bottom: 7px solid rgb(190, 7, 14); }
h1.ud-mm__logo { margin: -60px 0px 0px; }
div.ud-mm__logo { margin: -68px 0px 0px; }
.ud-lts { background-color: rgb(228, 228, 228); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; height: 100%; margin-bottom: 16px; padding: 15px 0px; text-align: center; }
.ud-lts__title { font-size: 30px; font-weight: 500; line-height: 34px; margin: 0px; }
.ud-lts__date { font-size: 20px; font-weight: 400; line-height: 24px; margin: 5px 0px 15px; }
.ud-lts__line { border: 1.5px solid rgb(255, 112, 128); height: 2px; }
.ud-lts__prize-title { font-size: 20px; font-weight: 500; line-height: 24px; margin: 8px 0px; }
.ud-lts__prize1-text { font-size: 20px; font-weight: 400; line-height: 24px; margin: 5px 0px 10px; }
.ud-lts__prize1-number-wrap { display: flex; justify-content: center; margin: 5px 0px 30px; }
.ud-lts__prize1-number { background-color: rgb(185, 6, 13); border-radius: 99px; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 2px; color: rgb(255, 255, 255); display: inline-block; font-size: 29px; font-weight: 400; line-height: 39px; margin: 0px 2px; width: 39px; }
.ud-lts__sub-prize { font-size: 20px; font-weight: 500; line-height: 24px; margin: 10px 0px 5px; }
.ud-lts__prize-2 { margin: 5px 0px 15px; }
.ud-lts__prize-2, .ud-lts__prize-3 { font-size: 45px; font-weight: 500; line-height: 49px; }
.ud-lts__prize-3 { display: block; margin: 5px 0px; }
.ud-lts__prize-3-wrap { display: flex; margin-bottom: 16px; }
.ud-lts__prize-3-wrap--side { flex: 1 0 50%; }
.ud-lts__underline { text-decoration: underline; }
.ud-lts__pollhuay-wrap { background-color: rgb(185, 6, 13); border-radius: 5px; margin: 0px 12px; padding: 10px 16px; }
.ud-lts__pollhuay-text { color: rgb(255, 255, 255); font-size: 16px; line-height: 28px; text-decoration: none; }
.ud-tl { display: flex; flex-direction: column; height: 100%; }
.ud-tl__header { background-color: rgb(185, 6, 13); color: rgb(255, 255, 255); height: 48px; position: relative; }
.ud-tl__header__left { bottom: -6px; height: 74px; left: -6px; position: absolute; z-index: 9; }
.ud-tl__header__right { height: 74px; position: absolute; right: -6px; top: -6px; z-index: 9; }
.ud-tl__header__icon { color: rgb(255, 255, 255); display: inline-block; font-size: 24px; position: relative; text-align: center; width: 76px; z-index: 999; line-height: 48px !important; }
.ud-tl__header__title { font-size: 30px; left: 0px; line-height: 48px; position: absolute; right: 0px; text-align: center; top: 0px; }
.ud-tl__body { border: 1px solid rgb(185, 6, 13); border-radius: 0px 0px 5px 5px; height: 100%; max-height: 582px; overflow-y: auto; padding: 15px 10px 15px 25px; }
.ud-tl__body .udblock__updated_at { font-size: 14px; font-weight: 300; }
.hs-horoscope { margin-top: 30px; }
.hs-horoscope__header { background-color: rgb(43, 28, 71); box-shadow: rgba(0, 0, 0, 0.4) 5px 10px 15px; height: 96px; position: relative; z-index: 9; }
.hs-horoscope__title { color: rgb(255, 255, 255); font-size: 45px; line-height: 96px; margin-left: 110px; }
.hs-horoscope__icon-wrap { height: 96px; position: relative; }
.hs-horoscope__header-dec { bottom: -15px; height: 155px; left: -80px; position: absolute; z-index: 95; }
.hs-horoscope__header-icon { font-size: 80px; line-height: 96px; margin-left: -15px; margin-top: -10px; position: absolute; text-align: center; width: 100px; z-index: 99; }
.hs-horoscope__body { background-image: url("https://www.khaosod.co.th/production/images/bg-horoscope.jpg"); background-repeat: repeat-y; background-size: 100% 100%; padding-bottom: 24px; padding-top: 24px; }
.hs-cliphot { position: relative; }
.hs-cliphot__body { background-image: url("https://www.khaosod.co.th/production/images/bg-cliphot-2.jpg"); background-repeat: repeat-y; background-size: 100% 100%; padding-bottom: 24px; padding-top: 24px; }
.hs-cliphot .form-control-search-clips { background-color: transparent; border-color: rgb(101, 101, 101); border-radius: 0px; color: rgb(173, 173, 173); text-align: center; }
.hs-cliphot__loader { align-items: center; background-color: rgba(0, 0, 0, 0.8); inset: 0px; display: flex; justify-content: center; position: absolute; z-index: 10; }
.udnewspaper { margin-bottom: 24px; }
.udnewspaper__header-wrap { padding: 0px 30px; }
.udnewspaper__header { background-color: rgb(190, 7, 14); border-top-left-radius: 15px; border-top-right-radius: 15px; color: rgb(255, 255, 255); padding: 14px 15px; }
.udnewspaper__title { font-size: 30px; font-weight: 500; line-height: 34px; margin: 0px; text-align: center; }
.udnewspaper__body { border: 8px solid rgb(190, 7, 14); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 12px; }
.udnewspaper__img { width: 100%; }
.udnewspaper__link { display: block; line-height: 0; margin: 10px 0px; }
.udgal__title { color: rgb(0, 0, 0); font-family: Prompt, sans-serif; font-weight: 500; line-height: 44px; margin: 10px 0px; text-align: center; font-size: 28px !important; }
.udgal__line { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(165, 165, 165) currentcolor currentcolor; border-image: none; height: 1px; margin: 15px 0px; }
.udgal__sub-title { margin: 0px 0px 15px; text-decoration: underline; }
.udgal__content, .udgal__sub-title { color: rgb(0, 0, 0); display: block; font-family: Prompt, sans-serif; font-size: 16px; line-height: 20px; text-align: left; }
.udgal__content { margin: 0px; }
.udgal__share-wrap { text-align: center; }
.udgal__share-icon::before { background-color: rgb(190, 7, 14); border-radius: 99px; color: rgb(255, 255, 255); font-size: 30px; }
.udgal__custom .lg-sub-html { background-color: rgba(255, 255, 255, 0.88); left: auto; padding-top: 50px; top: 0px; width: 350px; }
.udgal__custom .lg-img-wrap { padding-right: 350px; }
.udgal__custom .lg-next { right: 360px; }
.udgal__custom .lg-toolbar.group { background-color: transparent; }
.udgal__custom .lg-toolbar.group .lg-close { color: rgb(0, 0, 0); }
body.wp-logged-in .udgal__custom .lg-toolbar { top: 32px; }
.ud-cate-clipshot { background-image: url("https://www.khaosod.co.th/production/images/bg-cliphot.jpg"); background-repeat: repeat-y; background-size: 100% 100%; padding: 15px 0px; }
.ud-cate-clipshot__header { background-color: rgb(237, 28, 36); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; color: rgb(255, 255, 255); font-size: 30px; margin-top: -25px; padding: 15px 0px; text-align: center; }
.ud-cate-clipshot__body-wrap { padding: 0px 10px; }
.ud-cate-clipshot__body { background-color: rgb(237, 237, 237); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; margin-bottom: -30px; padding: 10px 10px 55px; }
.ud-video-player__wrapper { width: 100%; }
.ud-video-player__fb-video { background-color: rgb(0, 0, 0); height: 0px; overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; }
.ud-video-player__fb-video span { display: inline !important; position: static !important; }
.ud-video-player__fb-video span iframe { inset: 0px; height: 100% !important; position: absolute !important; visibility: visible !important; }
@media only screen and (max-width: 767px) {
  #ud-fb-video-player.fb_iframe_widget_fluid { display: block; }
  [data-sigil~="m-video-play-button playInlineVideo"] { top: 30% !important; }
  .ud-video-player__fb-video { height: auto; padding-top: 100%; }
  .ud-video-player__fb-video span iframe body #root { height: 0px; padding-bottom: 56.25%; }
}
.ud-subcate-nav { background-color: rgb(190, 7, 14); border-bottom: 4px solid rgb(0, 0, 0); color: rgb(255, 255, 255); margin-bottom: 14px; text-align: center; }
.ud-subcate-nav__link { color: rgb(255, 255, 255); display: inline-block; font-size: 18px; line-height: 38px; padding: 0px 7px 0px 10px; text-decoration: none; }
.hs-financial { background-image: url("https://www.khaosod.co.th/production/images/hs-financial.jpg"); background-size: 100% auto; padding: 24px 0px; }
.hs-financial .ud-subcate-nav { padding-left: 12px; text-align: left; }
.hs-financial .ud-bh__title { color: rgb(255, 255, 255) !important; }
.hs-financial .udblock { background-color: rgb(255, 255, 255) !important; }
.hs-financial__btn-toggle { background-color: rgb(237, 237, 237); color: rgb(0, 0, 0); display: block; margin-block: 0px; margin: 0px 6px; padding: 10px; position: relative; }
.hs-financial__btn-toggle--sub { padding: 0px 10px; }
.hs-financial__link { border-top: 1px solid rgb(197, 197, 197); color: rgb(0, 0, 0); display: block; line-height: 38px; text-decoration: none; }
.hs-financial__icon-arrow { color: rgb(0, 0, 0); position: absolute; right: 10px; }
.ud-covid-confirmed-card { margin-bottom: 18px; }
.ud-covid-home--pc .ud-covid-confirmed-card { margin-bottom: 60px; }
.ud-covid-home--pc .ud-covid__stat-title { margin-bottom: 40px; }
.ud-covid-cat { background-repeat: repeat-y; background-size: 100% 100%; }
.ud-covid-cat--pc { background-image: url("https://www.khaosod.co.th/production/images/covid-bg-pc.jpg"); }
.ud-covid-cat--mb { background-image: url("https://www.khaosod.co.th/production/images/covid-bg-mb.jpg"); padding-top: 20px; }
.ud-covid p { margin-block: 0px; margin-bottom: 0px; margin-top: 0px; }
.ud-covid .ud-bh { position: relative; z-index: 15; }
.ud-covid .ud-bh .ud-bh__link { color: rgb(255, 255, 255) !important; }
.ud-covid .uddhn { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px 15px !important; }
.ud-covid .uddhn .uddhn__header { color: rgb(255, 255, 255); font-size: 32px; font-weight: 500; line-height: 44px; }
.ud-covid .uddhn .uddhn__item { position: relative; z-index: 20; }
.ud-covid .uddhn .uddhn__number { background-color: rgb(255, 255, 255); color: rgb(26, 25, 25); }
.ud-covid .uddhn .uddhn__number--first { background-color: rgb(26, 25, 25) !important; color: rgb(255, 255, 255) !important; }
.ud-covid .uddhn .uddhn__line { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; height: 1px; }
.ud-covid .uddhn .uddhn__link { color: rgb(255, 255, 255); }
.ud-covid--pc .ud-covid__img-title { height: auto; margin-bottom: -168px; position: relative; text-align: center; width: 100%; z-index: 10; }
.ud-covid--mb .ud-covid__img-title { height: auto; margin-bottom: -64px; position: relative; text-align: center; width: 100%; z-index: 10; }
.ud-covid__col-1 { color: rgb(255, 255, 255); text-align: center; }
.ud-covid__col-1, .ud-covid__col-2 { background-color: rgb(26, 25, 25); }
.ud-covid__col-3 { background-color: rgb(190, 7, 14); }
.ud-covid--pc .ud-covid__col-1 { padding-left: 0px; padding-right: 16px; }
.ud-covid--pc .ud-covid__col-2 { padding-left: 14px; padding-right: 40px; }
.ud-covid--pc .ud-covid__col-3 { padding-left: 22px; padding-right: 14px; }
.ud-covid__stat-title { background: linear-gradient(90deg, rgb(26, 25, 25) 5%, rgb(56, 53, 47) 60%, rgb(26, 25, 25)); font-size: 34px; letter-spacing: 1px; line-height: 60px; margin-bottom: 22px; }
.ud-covid__stat-sub-title { font-size: 16px; line-height: 22px; }
.ud-covid__c-y { color: rgb(255, 255, 0); }
.ud-covid__c-r { color: rgb(200, 22, 27); }
.ud-covid__c-or { color: rgb(255, 170, 0); }
.ud-covid__c-g { color: rgb(56, 168, 0); }
.ud-covid__number-1 { font-size: 40px; line-height: 50px; }
.ud-covid__number-sub-1 { font-size: 14px; line-height: 20px; }
.ud-covid__number-2 { font-size: 22px; line-height: 28px; }
.ud-covid__number-sub-2 { font-size: 14px; line-height: 20px; }
.ud-covid__flex-col { flex-grow: 1; flex-shrink: 1; text-align: center; }
.ud-covid__last-update { font-size: 14px; line-height: 24px; }
.ud-covid__btn { background-color: rgb(185, 6, 13); border-radius: 99px; color: rgb(255, 255, 255); display: inline-block; font-size: 22px; line-height: 34px; margin-bottom: -20px; padding: 16px 36px; text-decoration: none; }
.sea-games-2023-cat__update-section.sea-games-2023-cat__section img, .sea-games-2023-home__main-section img { height: auto; max-width: 100%; }
.sea-games-2023-cat__update-section.sea-games-2023-cat__section .sea-games-2023-sponsor-block, .sea-games-2023-home__main-section .sea-games-2023-sponsor-block { background: rgb(255, 255, 255); padding: 10px; }
@media (max-width: 767.98px) {
  .sea-games-2023-cat__update-section.sea-games-2023-cat__section .sea-games-2023-sponsor-block, .sea-games-2023-home__main-section .sea-games-2023-sponsor-block { background: none; padding: 0px; }
}
.sea-games-2023-cat__update-section.sea-games-2023-cat__section .ads_position_wrapper, .sea-games-2023-home__main-section .ads_position_wrapper { background: rgb(255, 255, 255); height: 100%; padding: 16px; }
@media (max-width: 767.98px) {
  .sea-games-2023-cat__update-section.sea-games-2023-cat__section .ads_position_wrapper, .sea-games-2023-home__main-section .ads_position_wrapper { background: none; height: auto; padding: 0px; }
}
.sea-games-2023-cat__update-section.sea-games-2023-cat__section .udbtn__wrap, .sea-games-2023-home__main-section .udbtn__wrap { text-align: center; }
.sea-games-2023-cat__update-section.sea-games-2023-cat__section .udbtn__btn, .sea-games-2023-home__main-section .udbtn__btn { background-color: rgb(41, 64, 135); border-radius: 9999px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px; color: rgb(255, 255, 255); display: inline-block; font-size: 24px; padding: 10px 32px; }
@media (max-width: 767.98px) {
  .sea-games-2023-cat__update-section.sea-games-2023-cat__section .udbtn__btn, .sea-games-2023-home__main-section .udbtn__btn { font-size: 20px; }
}
.sea-games-2023-cat__section .ud-bh { display: flex; }
.sea-games-2023-cat__section .udbtn__wrap { text-align: right; }
.sea-games-2023-cat__section .udbtn__btn { background: none; color: rgb(0, 0, 0); display: block; font-size: 16px; padding: 0px; }
.sea-games-2023-sponsor-list { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin-left: -8px; margin-right: -8px; }
.sea-games-2023-sponsor-list__item { padding-left: 8px; padding-right: 8px; width: 16.6667%; }
@media (max-width: 767.98px) {
  .sea-games-2023-sponsor-list__item { padding-left: 4px; padding-right: 4px; width: 25%; }
}
.sea-games-2023-sponsor-list img { height: auto; width: 100%; }
@media (max-width: 767.98px) {
  .sea-games-2023-sponsor-list { margin-left: -4px; margin-right: -4px; }
}
.sea-games-2023-medal-table-block { background-color: rgb(255, 255, 255); padding: 16px; position: relative; width: 100%; }
@media (max-width: 767.98px) {
  .sea-games-2023-medal-table-block { background: none; padding: 0px; }
}
.sea-games-2023-medal-table { font-size: 16px; }
.sea-games-2023-medal-table__mini { font-size: 14px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .sea-games-2023-medal-table__mini { font-size: 12px; }
}
.sea-games-2023-medal-table__head { align-items: start; display: grid; gap: 4px; grid-template-columns: 4fr 1fr 1fr 1fr 1fr; margin-bottom: 8px; }
.sea-games-2023-medal-table__head-col { align-items: center; border-radius: 4px; color: rgb(255, 255, 255); display: flex; height: 36px; justify-content: center; }
.sea-games-2023-medal-table__head-col__mini { height: 26px; }
.sea-games-2023-medal-table__country { align-items: center; background: rgb(255, 255, 255); border-radius: 4px; display: flex; height: 20px; margin-left: 10px; }
.sea-games-2023-medal-table__country-flag-image { border: 1px solid rgb(0, 0, 0); height: 20px; margin-left: -10px; margin-right: 8px; width: 30px; }
.sea-games-2023-medal-table__country-rank { align-items: center; background: rgb(41, 64, 135); border-radius: 9999px; color: rgb(255, 255, 255); display: flex; height: 20px; justify-content: center; text-align: center; }
.sea-games-2023-medal-table__row { align-items: start; display: grid; gap: 4px; grid-template-columns: 4fr 1fr 1fr 1fr 1fr; margin: 4px 0px; }
.sea-games-2023-medal-table__col-th { color: rgb(217, 56, 50); }
.sea-games-2023-medal-table__col { align-items: center; background: rgb(255, 255, 255); border-radius: 4px; display: flex; height: 40px; justify-content: center; text-align: center; }
.sea-games-2023-medal-table__col__mini { height: 20px; }
.sea-games-2023-medal-table__col-country { background: none; display: grid; gap: 4px; grid-template-columns: 20px 1fr; padding-left: 10px; text-align: left; }
.sea-games-2023-medal-table__col-country__mini { padding-left: 0px; }
.sea-games-2023-medal-table__head { background-color: rgb(41, 64, 135); }
.sea-games-2023-medal-table__note { font-size: 12px; margin-top: 8px; text-align: right; }
.sea-games-2023-medal-table__head-medal-image { width: 15px; }
.sea-games-2023-update-post-slider { background: rgb(255, 255, 255); }
.sea-games-2023__main-bg { background: center bottom / cover no-repeat rgb(241, 245, 248); padding-bottom: 36px; padding-top: 36px; }
.sea-games-2023-cat__full-width-title { align-items: center; background: 100% 100% / cover no-repeat rgb(241, 245, 248); border-top: 8px solid rgb(41, 64, 135); display: flex; height: 64px; justify-content: center; width: 100%; }
.sea-games-2023-cat__full-width-title .ud-bh__link, .sea-games-2023-cat__full-width-title .ud-bh__title { color: rgb(41, 64, 135); }
.sea-games-2023-schedule-slider-block { background-color: rgb(255, 255, 255); position: relative; width: 100%; }
.sea-games-2023-schedule-slider-block__title { align-items: center; align-self: center; background-color: rgb(41, 64, 135); color: rgb(255, 255, 255); display: flex; font-size: 26px; height: 60px; justify-content: center; position: relative; text-align: center; text-decoration: none; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sea-games-2023-schedule-slider-block__title { font-size: 22px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .sea-games-2023-schedule-slider-block__title { font-size: 20px; height: 40px; }
}
.sea-games-2023-schedule-slider-block__title .sea-games-2023-lightning-icon { height: 60px; overflow: hidden; position: absolute; right: 0px; width: 60px; }
.sea-games-2023-schedule-slider-block__title .sea-games-2023-lightning-icon svg { margin-top: -38px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .sea-games-2023-schedule-slider-block__title .sea-games-2023-lightning-icon { height: 40px; width: 40px; }
  .sea-games-2023-schedule-slider-block__title .sea-games-2023-lightning-icon svg { margin-top: -25px; }
}
.sea-games-2023-schedule-slider-block__content { background-color: rgb(255, 255, 255); min-height: 200px; overflow: hidden; padding: 8px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .sea-games-2023-schedule-slider-block__content { font-size: 14px; }
}
.sea-games-2023-schedule-slider__date { font-size: 28px; margin-bottom: 20px; text-align: center; }
.sea-games-2023-schedule-slider__time-list { height: 200px; overflow: auto; }
.sea-games-2023-schedule-slider__time-row { border-top: 1px solid rgb(204, 204, 204); column-gap: 10px; display: grid; grid-template-columns: 1fr 3fr; margin-left: 100px; margin-right: 100px; padding-bottom: 8px; padding-top: 8px; }
.sea-games-2023-schedule-slider__time-row:first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media (max-width: 767.98px) {
  .sea-games-2023-schedule-slider__time-row { margin-left: 0px; margin-right: 0px; }
}
.sea-games-2023-schedule-slider__schedule-time { text-align: right; }
.sea-games-2023-schedule-slider__schedule-players { grid-column: 2; }
.sea-games-2023-schedule-slider .glide__arrow { background-color: rgb(24, 38, 142); font-size: 10px; height: 30px; padding: 0px; top: 14px; width: 30px; }
.sea-games-2023-schedule-section .sea-games-2023-sponsor-block { background: none; padding: 0px; }
.uddhn { border: 1px solid rgb(81, 106, 162); border-radius: 15px; margin-bottom: 24px; padding: 15px; position: relative; }
.uddhn__header { color: rgb(237, 32, 36); font-size: 40px; font-weight: 700; line-height: 61px; margin: 0px; text-align: center; }
.uddhn__line { border-width: 1px medium medium; border-style: solid none none; border-color: rgba(112, 112, 112, 0.2) currentcolor currentcolor; border-image: none; height: 1px; }
.uddhn__link { color: rgb(0, 0, 0); text-decoration: none; }
.uddhn__item { align-items: center; display: flex; margin-top: 12px; }
.uddhn__number { background-color: rgb(109, 109, 109); border-radius: 99px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; color: rgb(255, 255, 255); display: inline-block; flex: 0 0 10%; font-size: 22px; height: 34px; line-height: 36px; margin-left: 0px; margin-right: 6px; text-align: center; width: 34px; }
.uddhn__number--first { background-color: rgb(190, 7, 14); }
.uddhn__img-wrap { flex: 0 0 30%; position: relative; }
.uddhn__img-wrap-inner { height: 0px; overflow: hidden; padding-bottom: 56.7%; }
.uddhn__img { width: 100%; }
.uddhn__text-wrap { align-self: flex-start; flex: 0 1 60%; }
.uddhn__title { font-size: 12px; font-weight: 400; line-height: 16px; margin: 0px; max-height: 50px; overflow: hidden; padding-left: 6px; padding-top: 2px; }
.uddhn__item:hover .udblock__editpost { display: inline-block; }
.ud-bh__img-icon { align-items: center; display: flex; height: 40px; justify-content: center; position: relative; width: 64px; z-index: 11; }
.mobile .ud-bh__img-icon { height: 26px; width: 44px; }
.mobile .ud-bh__img-icon img { height: auto; width: 20px; }
.election-2023__goto-main-web-btn { display: inline-block; margin-top: 20px; text-align: center; }
@media (max-width: 767.98px) {
  .election-2023__goto-main-web-btn { margin-bottom: 20px; }
}
.election-2023__main-section__box { text-align: center; }
.election-2023__goto-realtime-result-btn { display: inline-block; left: 3.5%; position: relative; text-align: center; width: 100%; }
.election-2023__image { height: auto; max-width: 100%; }
.election-2023__cat-section .udblock--top_down, .election-2023__home-section .udblock--top_down { margin-bottom: 16px; }
.election-2023__cat-section .udblock__textwrap, .election-2023__home-section .udblock__textwrap { background-color: rgb(255, 255, 255); }
.election-2023__cat-section .read-more-btn-wrap, .election-2023__home-section .read-more-btn-wrap { margin-top: 24px; text-align: center; }
.election-2023__cat-section .read-more-btn-wrap a, .election-2023__home-section .read-more-btn-wrap a { display: inline-block; }
.election-2023__cat-section .read-more-btn-wrap img, .election-2023__home-section .read-more-btn-wrap img { height: auto; width: 200px; }
.election-2023__main-section__main-title { display: block; height: auto; left: -10px; position: relative; width: 100%; z-index: 10; }
@media (max-width: 767.98px) {
  .election-2023__main-section__main-title { width: 100%; }
}
.election-2023__main-section__main-bg { background: center bottom / cover no-repeat rgb(146, 147, 152); overflow: hidden; padding-bottom: 24px; padding-top: 24px; }
@media (max-width: 767.98px) {
  .election-2023__main-section__main-bg { padding-bottom: 0px; padding-top: 0px; }
  .election-2023__main-section__main-bg .container { padding-left: 0px; padding-right: 0px; }
}
.election-2023__main-section__content-row { padding: 24px 16px; }
.election-2023__main-section__countdown-col { align-self: center; display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 767.98px) {
  .election-2023__main-section__countdown-col { margin-top: 30%; }
}
.election-2023__main-section__countdown-bg { height: auto; max-width: 100%; }
.election-2023__main-section__countdown-plate { place-content: center; display: flex; flex-wrap: nowrap; gap: 10px; height: auto; left: 50%; position: absolute; top: 47%; transform: translate(-50%, -50%); width: 16%; }
.election-2023__main-section__countdown { position: relative; }
@media (max-width: 767.98px) {
  .election-2023__main-section__countdown { margin-bottom: 24px; }
}
.election-2023__main-section__content-row { background-repeat: no-repeat; background-size: cover; position: relative; }
.election-2023__main-section__top-left-bg { height: auto; left: 0px; position: absolute; top: 0px; width: 50%; }
@media (max-width: 767.98px) {
  .election-2023__main-section__top-left-bg { width: 100%; }
}
.election-2023__main-section__bottom-right-bg { bottom: 0px; height: auto; position: absolute; right: 0px; width: 50%; }
@media (max-width: 767.98px) {
  .election-2023__main-section__bottom-right-bg { width: 100%; }
}
.glide-home-desktop-red { margin-bottom: -14px; visibility: hidden; margin-top: -26px !important; }
.food-logo { width: 200px; }
.m-market-desktop { height: auto; width: 240px; }
.home-m-market-wrap { position: relative; }
.home-m-market-dec { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(190, 7, 14)); height: 60%; left: 0px; position: absolute; right: 0px; top: 30%; z-index: -10; }
.home-ihs-marketplace-wrap { position: relative; }
.home-ihs-marketplace-dec { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(190, 7, 14)); height: 60%; left: 0px; position: absolute; right: 0px; top: 30%; z-index: -10; }
.roothanpaktong-logo { width: 100px; }
.tkpark__main-section__main-bg { background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; border: 4px solid rgb(237, 28, 36); padding-bottom: 36px; padding-top: 36px; }
.tkpark__home-section { margin-bottom: 24px; }
.tkpark__home-section .udblock { background-color: rgb(255, 255, 255); }
#smart-sustain { background: url("https://www.khaosod.co.th/wpapp/themes/khaosod-theme/images/background.webp") center top / 100% 385px no-repeat rgb(255, 255, 255); padding-bottom: 30px; padding-top: 60px; }
#smart-sustain .ss-title { font-weight: 400; }
#smart-sustain .ss-subtitle, #smart-sustain .ss-title { color: rgb(255, 255, 255); font-family: Prompt, sans-serif; font-size: 60px; line-height: 1; margin: 0px; }
#smart-sustain .ss-contents { background-color: rgb(244, 243, 239); border-radius: 12px; margin-top: 30px; padding: 28px 36px; }
.grid-ebook { display: grid; gap: 15px; grid-template-columns: 1fr; }
.grid-ebook-no-padding { border-radius: 0px; padding: 0px; }
.grid-ebook-list { display: grid; gap: 15px; grid-template-columns: 1fr 1fr; }
.ss-card { display: block; position: relative; }
.ss-card img { aspect-ratio: 3 / 2.19; height: 100%; object-fit: cover; vertical-align: middle; width: 100%; }
.ss-card .ss-content { overflow: hidden; }
.ss-card .ss-content a { color: rgb(255, 255, 255); }
.ss-card .ss-overlay { background: linear-gradient(rgba(255, 255, 255, 0) 25%, rgb(0, 0, 0)); height: 100%; left: 0px; padding: 20px; position: absolute; top: 0px; width: 100%; }
.ss-card .ss-content a:hover .ss-overlay { background: rgba(4, 63, 45, 0.9); transition: 0.3s ease-in; }
.ss-card .ss-overlay .ss-desc { bottom: 0px; left: 0px; padding: 20px; position: absolute; }
.ss-card .ss-overlay .ss-desc .ss-content-desc { height: 0px; margin-bottom: 0px; }
.ss-card a:hover .ss-overlay .ss-desc .ss-content-desc { height: auto; margin-bottom: 5px; transition: 0.3s linear; }
.ss-card .ss-overlay .ss-desc .ss-content-meta { color: rgb(255, 255, 255); font-family: Sarabun, sans-serif; font-size: 16px; font-weight: 200; line-height: 1.4; margin-bottom: 10px; }
.ss-card .ss-overlay .ss-desc .ss-content-desc { font-family: Sarabun, sans-serif; font-weight: 200; line-height: 1.6; margin-bottom: 10px; }
.ss-card .ss-overlay .ss-desc .ss-content-desc, .ss-card .ss-overlay .ss-desc .ss-content-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(255, 255, 255); display: -webkit-box; font-size: 16px; overflow: hidden; }
.ss-card .ss-overlay .ss-desc .ss-content-title { font-family: Prompt, sans-serif; font-weight: 500; line-height: 1.4; margin-bottom: 5px; }
.ss-card .ss-overlay .ss-desc .ss-content-desc, .ss-card .ss-overlay .ss-desc .ss-content-meta { font-size: 13px; margin-bottom: 5px; }
.ss-card .ss-overlay .ss-desc .ss-badge { background-color: rgb(181, 255, 99); color: rgb(0, 0, 0); display: inline-block; font-size: 10px; font-weight: 400; margin-bottom: 5px; padding: 5px 8px; }
@media (width >= 480px) {
  .grid-ebook { grid-template-columns: 1fr 1fr; }
  .grid-ebook .ss-card:first-child { grid-column: span 2; }
}
@media (width >= 992px) {
  .grid-ebook { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; }
  .grid-ebook .ss-card:first-child { grid-area: span 2 / span 2; }
  .grid-ebook .ss-card:first-child img { aspect-ratio: 3 / 2.2; }
  .grid-ebook .ss-card:first-child .ss-overlay .ss-desc .ss-content-title { font-size: 30px; margin-bottom: 10px; }
  .grid-ebook .ss-card:first-child .ss-overlay .ss-desc .ss-content-desc { height: auto; }
  .grid-ebook .ss-card:first-child .ss-overlay .ss-desc .ss-content-desc, .grid-ebook .ss-card:first-child .ss-overlay .ss-desc .ss-content-meta { font-size: 16px; margin-bottom: 5px; }
}
#smart-sustain .grid-ebook .ss-card .ss-content-3 { aspect-ratio: 1 / 1.52; }
#smart-sustain .udbtn__btn { background-color: rgb(4, 63, 45); }
#smart-sustain .grid-ebook .h-60 { display: block; height: 60px; }
#smart-sustain .grid-ebook .pl-15 { padding-left: 15px; }
#smart-sustain .grid-ebook .pr-15 { padding-right: 15px; }