/*************** CSS for Desktop ***************/
@keyframes pulse_old {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}
@-webkit-keyframes pulse {
    0% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }

    50% {
        /* transform: scale(1); */
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    100% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }
}
@-webkit-keyframes light {
    0% {
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }

    50% {
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    100% {
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }
}
@keyframes swing { 
    20% { transform: rotate(30deg); } 
    40% { transform: rotate(-20deg); } 
    60% { transform: rotate(10deg); } 
    80% { transform: rotate(-10deg); } 
    100% { transform: rotate(0deg); } 
}

@keyframes live {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}
@keyframes xoayvong {
    from {
      -webkit-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
    }
    to {
      -webkit-transform:rotate(360deg);
      -moz-transform:rotate(360deg);
      -o-transform:rotate(360deg);
    }
}
.page-template-page-vqmm .headerBottom .gap-element,
.page-template-page-vqmm .wheel_lucky_container {
     display: none !important;
}
.pulse {
	transform: scale(1);
	animation: pulse .5s linear infinite;
}
html, body {
    background-color: #E6E6E6 !important;
    text-align: justify;
    scroll-behavior: smooth;
}
#main, #wrapper {
    background-color: transparent !important;
}
pre {
    background-color: transparent;
    border: 0;
}
td:first-child, th:first-child {
    white-space: nowrap;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.25;
	margin-top: .5em;
}
.h1,h1 {
    font-size: 30px;
	margin-top: 0px;
}
.h2,h2 {
    font-size: 24px;
}
.h3,h3 {
    font-size: 20px;
}
.h4,h4, .h5,h5 , .h6,h6 {
    font-size: 14px;
    opacity: 1
}
.header-wrapper.stuck {
	box-shadow: none;
}
.post .is-divider,
.post-item .is-divider {
    display: none;
}
.button {
    margin: 0;
}
.nav>li>a {
    padding: 0;
}
.nav-pagination>li>a, .nav-pagination>li>span {
    border-radius: 8px;
    border: 0;
    font-weight: normal;
    background-color: #B1B1B1;
    color: white !important;
    line-height: 2.25em;
}
.entry-header-text, .entry-content {
    padding: 0;
}
.alert.is-link span {
    margin-top: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: var(--fs-color-alert);
    text-decoration: underline;
}
.items-center p {
    display: inline-flex;
    align-items: center;
}
.slider-nav-light .flickity-page-dots .dot {
    border-radius: 4px;
    width: 20px;
    height: 3px;
    margin: 0 2px !important;
    border: none;
    background: #8e8e93;
}
.nav-divided>li+li>a:after {
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
.logo-left .logo {
    margin-right: 15px;
}
.absolute-footer {
    display: none;
}
.social-icons {
    display: flex;
    gap: 1.5em;
    align-items: center;
    justify-content: center;
}
.footer-wrapper .ux-menu-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 13px;
    text-transform: uppercase;
    color: #fff;
}
.footer-wrapper .ux-menu-link a {
    color: #e3e3e8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.footer-wrapper .ux-menu-link.ux-menu-link--active a {
    color: #24F6FA;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer-wrapper .section-content>.row>.col>.col-inner>.row {
    width: 19%;
}
.h-copyright * {
    color: #e3e3e8;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.page-wrapper {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-top: 0;
}
.row-main {
    flex-flow: nowrap;
    gap: 20px;
    justify-content: space-between;
}
.row-main::after {
    display: none;
}
.h-left-sidebar,
.h-right-sidebar {
    display: flex;
    flex-flow: column;
    gap: 1em;
}
.h-left-sidebar {
    max-width: 120px;
}
.h-right-sidebar {
    max-width: 240px;
}
.h-mainContent {
    max-width: 1000px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.h-left-sidebar .section, 
.h-right-sidebar .section,
.post-sidebar .section {
    border-radius: 12px;
    overflow: hidden;
    padding: 0 !important;
    background-color: #fff;
}
.h-left-sidebar .section .section-title-container,
.h-right-sidebar .section .section-title-container,
.post-sidebar .section .section-title-container {
    margin-bottom: 0;
}
.h-left-sidebar .ux-menu-title,
.h-left-sidebar .section-title-normal,
.h-right-sidebar .section-title-normal,
.h-right-sidebar .tabbed-content h4,
.post-sidebar .section-title-normal,
.post-sidebar .tabbed-content h4 {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    color: #fff;
    background: var(--fs-color-primary);
    padding: 0 5px;
    text-transform: none;
    margin-bottom: 0;
    min-height: 28px;
    border-bottom: none;
    justify-content: center;
    margin-top: 0;
}
.h-left-sidebar .section-title-normal span,
.h-right-sidebar .section-title-normal span,
.post-sidebar .section-title-normal span {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.h-left-sidebar .ux-menu,
.h-right-sidebar .ux-menu {
    padding-bottom: 6px;
}
.h-left-sidebar .ux-menu-link>a,
.h-right-sidebar .ux-menu-link>a {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    color: #3a3a3d;
    padding: 3px 0 3px 12px;
    border-bottom: 0px;
    position: relative;
    width: 100%;
    min-height: auto;
}
.h-left-sidebar .section .row, 
.h-right-sidebar .section .row {
    border-radius: 4px;
    position: relative;
    margin: 0;
    padding: 10px 0;
}
.h-left-sidebar .section .row::before,
.h-right-sidebar .section .row::before {
    content: "";
    display: block;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
}
.h-left-sidebar .section .row .post-item,
.h-right-sidebar .section .row .post-item {
    padding: 0 10px;
}
.h-left-sidebar .section .row .post-item + .post-item .col-inner,
.h-right-sidebar .section .row .post-item + .post-item .col-inner {
    margin-top: 6px;
    border-top: 1px solid #e3e3e8;
    padding-top: 6px;
}
.h-left-sidebar .section .row .post-item .box-text,
.h-right-sidebar .section .row .post-item .box-text {
    padding: 1.5px 12px;
    font-size: 11px;
}
.h-left-sidebar .section .row .post-item .box-text .post-title,
.h-right-sidebar .section .row .post-item .box-text .post-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    line-height: 18px;
}
.h-left-sidebar .section .row .post-item .box-text .post-title a,
.h-right-sidebar .section .row .post-item .box-text .post-title a {
    color: black;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: block;
}
.h-left-sidebar .section .row .post-item .box-text .post-title:hover a,
.h-right-sidebar .section .row .post-item .box-text .post-title:hover a {
    color: var(--fs-color-primary);
}
.h-right-sidebar .section .row .post-item .box-text .post-title {
    padding-left: 22px;
}
.h-right-sidebar .section .row .post-item .box-text .post-title a::before {
    content: "";
    display: block;
    background-image: url(../img/ball.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 8px;
}
.h-right-single .section .row .post-item .box-text .post-title {
    padding-left: 13px;
}
.h-right-single .section .row .post-item .box-text .post-title a::before {
    background-image: url(../img/polygon8.svg);
    width: 8px;
    height: 10px;
    top: 2px;
    left: 0;
}
.h-left-sidebar .section .row .post-item .box-text .post-meta,
.h-right-sidebar .section .row .post-item .box-text .post-meta {
    display: none;
}
.h-left-sidebar .section .row .post-item .box-text .button,
.h-right-sidebar .section .row .post-item .box-text .button {
    transition: all 0.3s;
    color: #ee0b1a;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: flex;
    align-items: center;
    gap: 2px;
    text-transform: none;
    margin: 8px 0 0;
    min-height: 0;
}
.h-left-sidebar .section .row .post-item .box-text .button::after,
.h-right-sidebar .section .row .post-item .box-text .button::after {
    content: "";
    background-image: url(../img/readmore.webp);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}
.h-right-sidebar .slider-wrapper,
.post-sidebar .slider-wrappe {
    border: unset;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
}
.h-right-sidebar .tabbed-content,
.post-sidebar .tabbed-content {
    border: unset;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
}
.h-right-sidebar .tabbed-content h4,
.post-sidebar .tabbed-content h4 {
    margin-bottom: 12px;
}
.h-right-sidebar .tabbed-content .nav,
.post-sidebar .tabbed-content .nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    border-bottom: 2px solid #dbdce0;
}
.h-right-sidebar .tabbed-content .nav li,
.post-sidebar .tabbed-content .nav li {
    flex: 1;
    text-align: center;
    color: #7b7c80;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 6px;
    cursor: pointer;
    position: relative;
}
.h-right-sidebar .tabbed-content .nav li a,
.post-sidebar .tabbed-content .nav li a {
    font-size: inherit;
    padding: 0;
}
.h-right-sidebar .tabbed-content .nav li.active a,
.post-sidebar .tabbed-content .nav li.active a {
    color: #0862bd;
}
.h-right-sidebar .tabbed-content .nav li.active:after,
.post-sidebar .tabbed-content .nav li.active a:after {
    content: '';
    height: 2px;
    background: var(--Ver-02-Active-link, #0862bd);
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 50%;
    transform: translate(-50%, 100%);
}
.h-right-sidebar .tabbed-content .tab-panels,
.post-sidebar .tabbed-content .tab-panels {
    padding-top: 0;
}
.h-right-sidebar .tabbed-content .tab-panels .panel,
.post-sidebar .tabbed-content .tab-panels .panel {
    color: #0c0c0d;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table,
.post-sidebar .tabbed-content .tab-panels .panel table {
    width: 100%;
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 0;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table *,
.post-sidebar .tabbed-content .tab-panels .panel table * {
    font-size: 12px;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table thead,
.post-sidebar .tabbed-content .tab-panels .panel table thead {
    border-radius: 4px 4px 0px 0px;
    background: var(--fs-color-primary);
    color: #fff;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table td,
.post-sidebar .tabbed-content .tab-panels .panel table td {
    text-align: center;
    height: 24px;
    color: #0C0C0D;
    border-bottom: 1px solid #e3e3e8;
    border-right: 1px solid #e3e3e8;
    padding: 0;
    text-align: center;
    font-weight: 500;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table thead th,
.post-sidebar .tabbed-content .tab-panels .panel table thead th {
    height: 24px;
    font-weight: 300;
    text-transform: capitalize;
    padding: 0;
    text-align: center;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table thead th:nth-child(1), 
.h-right-sidebar .tabbed-content .tab-panels .panel table td:nth-child(1),
.post-sidebar .tabbed-content .tab-panels .panel table thead th:nth-child(1),
.post-sidebar .tabbed-content .tab-panels .panel table td:nth-child(1) {
    width: 33px;
    box-sizing: border-box;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table thead th:nth-child(2),
.post-sidebar .tabbed-content .tab-panels .panel table thead th:nth-child(2) {
    max-width: 29px;
    padding-left: 2px;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table .th_score,
.post-sidebar .tabbed-content .tab-panels .panel table .th_score {
    width: 40px !important;
    box-sizing: border-box !important;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table .status_9, 
.h-right-sidebar .tabbed-content .tab-panels .panel table .status_10, 
.h-right-sidebar .tabbed-content .tab-panels .panel table .status_13,
.post-sidebar .tabbed-content .tab-panels .panel table .status_9,
.post-sidebar .tabbed-content .tab-panels .panel table .status_10,
.post-sidebar .tabbed-content .tab-panels .panel table .status_13 {
    background: var(--Ver-02-bg-bxh, #fff0eb);
}
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_9 .sport_theme_rank,
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_10 .sport_theme_rank,
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_11 .sport_theme_rank,
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_13 .sport_theme_rank,
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_18 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_9 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_10 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_11 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_13 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_18 .sport_theme_rank {
    background: url(../img/star-top.webp);
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table .status_11, 
.h-right-sidebar .tabbed-content .tab-panels .panel table .status_18,
.post-sidebar .tabbed-content .tab-panels .panel table .status_13,
.post-sidebar .tabbed-content .tab-panels .panel table .status_18 {
    background: #f5f5f7;
}
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_11 .sport_theme_rank,
.h-right-sidebar .tabbed-content .tab-panels .panel table tr.status_18 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_13 .sport_theme_rank,
.post-sidebar .tabbed-content .tab-panels .panel table tr.status_18 .sport_theme_rank {
    background: url(../img/star-bottom.webp);
}
.h-right-sidebar .tabbed-content .tab-panels .panel table tr[class^="status_"] td:nth-child(5),
.post-sidebar .tabbed-content .tab-panels .panel table tr[class^="status_"] td:nth-child(5) {
    color: #ee0b1a;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.h-mainContent .entry-title,
#content .entry-title {
    font-style: normal;
    line-height: 150%;
    color: #0f0f0f;
    margin-bottom: 12px;
}
.h-mainContent p {
    margin-bottom: 12px;
}
.h-mainContent li {
    margin-left: 25px;
}
.bannerWarp{
    justify-content: end;
    width: calc((100vw - 1240px) / 2);
    display: flex;
}
.leftBanner, .rightBanner, .h-sticky {
    position: sticky;
    height: fit-content;
    overflow: visible;
    top: 102px;
}
.contain{
    display: flex;
    flex-wrap: nowrap;
}
.container+.bannerWarp {
    justify-content: flex-start;
}

/*************** CSS for KQBD ***************/
.header-main {
    background-color: #fff;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}
.header-nav-main {
    justify-content: space-between;
}
.header-nav-main.nav > li > a b {
    color: var(--fs-color-alert);
    margin-right: 3px;
}
.header-nav-main.nav>li>a:before {
    height: 2px;
}
.header-nav-main > .header-block:first-child {
    margin-right: -15px;
}
.header-bottom .flex-row {
    position: relative;
    height: 28px;
}
.header-bottom .flex-row::before {
    content: "";
    position: absolute;
    background-image: url(../img/h-bottom.webp);
    background-size: 100% 100%;
    width: calc(100% - 30px);
    height: 100%;
    left: 15px;
    top: 0;
}
.header-bottom .flex-row .nav>li {
    line-height: 100%;
}
.header-block {
    width: fit-content;
}
.header-block .j-kqbd img,
.header-block .j-tlk img {
    display: none;
}
.header-block .j-kqbd .img-inner::before,
.header-block .j-tlk .img-inner::before {
    content: "";
    display: block;
    width: 100%;
    background-size: 100% 100%;
}
.header-block .j-kqbd {
    width: 128px !important;
    position: relative;
    overflow: hidden;
    min-height: auto;
}
.header-block .j-kqbd .img-inner::before {
    padding-top: 29.75%;
    background-image: url(../img/kqbd.webp);
}
.page-template-page-kqbd .header-block .j-kqbd .img-inner::before,
.header-block .j-kqbd .img-inner:hover::before {
    background-image: url(../img/kqbd-hov.webp);
}
.header-block .j-kqbd::before,
.header-block .j-tlk::before {
    content: "";
    display: block;
    width: 100%;
    background-size: 100% 100%;
    padding-top: 28%;
    background-image: url(../img/livescore.webp);
}
.page-template-page-livescore .header-block .j-kqbd::before,
.header-block .j-kqbd:hover::before,
.page-template-page-tlk .header-block .j-tlk::before,
.header-block .j-tlk:hover::before {
    background-image: url(../img/livescore-active.webp);
}
.header-block .j-kqbd::after {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    animation: shine-horizontal 2.5s infinite;
    pointer-events: none;
    z-index: 2;
    opacity: 0.5;
}
.header-block .j-kqbd > span,
.header-block .j-tlk > span {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 85%;
    color: #131313;
    white-space: nowrap;
    font-weight: bold;
}
.header-block .j-kqbd > span {
    gap: 8px;
}
.page-template-page-livescore .header-block .j-kqbd span,
.header-block .j-kqbd:hover span,
.page-template-page-tlk .header-block .j-tlk span,
.header-block .j-tlk:hover span {
    color: #fff;
}
.header-block .j-tlk > span {
    left: 55%;
}
.header-block .j-tlk > span::after {
    content: "⚽️";
    animation: xoayvong 1s linear 0s infinite; 
}
.header-block .j-kqbd > span .live {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FF4444;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	animation: light 2s linear infinite;
}
.header-block .j-kqbd > span .live::before {
    content: "";
    position: absolute;
    border: 1px solid #FF4444;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    border-radius: 50%;
    /* animation: live 1s linear infinite */
}

.header-block .j-kqbd span .live::after {
    content: "";
    position: absolute;
    border: 1px solid #FF4444;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 50%;
    animation: live 1s linear infinite;
    animation-delay: 0.3s;
}
.header-block .j-tlk {
    width: 128px !important;
    left: -20px;
    z-index: 99;
    position: relative;
    min-height: auto;
}
.header-block .j-tlk .img-inner::before {
    padding-top: 26.47%;
    background-image: url(../img/tlk.webp);
}
.page-template-page-tlk .header-block .j-tlk .img-inner::before,
.header-block .j-tlk .img-inner:hover::before {
    background-image: url(../img/tlk-hov.webp);
}
.header-block .j-tlk::before {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.page-template-page-tlk .header-block .j-tlk::before,
.header-block .j-tlk:hover::before {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.header-block .j-sgg {
    width: 141px !important;
}
.header-block .j-gif,
.header-block .gif-banner .x {
    cursor: pointer;
}
.header-block .j-gif {
    width: 40px !important;
    padding: 1.5px;
    background-color: var(--fs-color-primary);
    border-radius: 10px;
}
.header-block .j-gif img {
    transform: rotate(0deg);
	animation: swing .3s linear infinite;
}
.header-block .gif-banner {
    position: absolute;
    right: 0;
    width: 369px !important;
    display: none;
}
.header-block .gif-banner .x {
    font-size: 0;
    background-image: url(../img/x.webp);
    background-size: 100% 100%;
    width: 24px;
    height: 25px;
    position: absolute;
    top: 12px;
    left: 5px;
}
.h-hotContent {
    white-space: nowrap;
}
.h-hotContent .button {
    padding: 0 5px;
    line-height: normal;
    min-height: 0;
}
.h-hotContent .button span b {
    text-transform: none;
    background: linear-gradient(180deg, #FF881D 0%, #FEFDDD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.h-hotContent .ux-menu {
    flex-direction: row;
    font-size: 12px;
    gap: 10px;
}
.h-hotContent .ux-menu.ux-menu--divider-solid .ux-menu-link .ux-menu-link__link {
    border-bottom: none;
    min-height: 0;
    line-height: 1.25;
    padding: 0;
    padding-right: 0.5em;
    /* border-right: 0.5px solid #424242; */
    background: #CBCBCB;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 1em;
}
.h-hotContent .stack-col>*~* {
    margin-top: 0 !important;
}
.rank-math-breadcrumb p {
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
}
.rank-math-breadcrumb a {
    color: var(--fs-color-secondary);
}
.rank-math-breadcrumb .last {
    color: var(--fs-color-primary);
}
.section.h-section {
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
}
.h-section .flickity-viewport .img {
    padding: 0 6px;
}
.h-section .flickity-viewport .img .img-inner::after {
    content: "";
    display: block;
    background-image: url(../img/datcuoc.svg);
    background-size: 100% 100%;
    width: 100%;
    padding-top: 19.1%;
    margin-top: 4px;
}
.h-section .flickity-prev-next-button {
    top: 10%;
    color: var(--fs-color-primary);
}
.h-section .readmore > *:not(button) {
    display: none;
}
.h-section .readmoreButton {
    background-color: var(--fs-color-primary);
    border-radius: 8px;
    color: white;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 38px;
}
.h-bottomContent {
    margin-top: 30px;
}
.footer-wrapper .is-outline {
    margin-left: 8px;
    margin-bottom: 8px;
    border-width: 1px;
    border-radius: 4px;
}
.h-cpd {
    position: relative;
}
.h-cpd img {
    border-radius: 12px;
}
.h-cpd .x {
    cursor: pointer;
    font-size: 0;
    background-image: url(../img/x.webp);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.box-vertical {
    margin-bottom: 20px;
}
.box-vertical .box-text {
    vertical-align: top;
    padding: 10px 20px;
}
.post-meta {
    color: var(--fs-color-primary);
    font-weight: bold;
}
.featured-posts {
    margin-bottom: 0;
}
.flickity-slider .post-item .col-inner {
    padding-bottom: 0;
}
.j-feature .post-item .col-inner {
    border-radius: 20px;
    background-color: white;
    overflow: hidden;
}
.post-item {
    padding-bottom: 20px;
}
.box-image .image-cover {
    border-radius: 20px;
    overflow: hidden;
}
.j-feature > .col {
    padding-bottom: 0;
}
.j-feature .box-vertical .post-item {
    padding-bottom: 20px;
}
.j-feature .box-vertical .box-text {
    vertical-align: top;
    padding: 8px 12px;
}
.j-feature .j-featureFirst > .col-inner {
    /* height: calc(100% - 20px); /**/
}
.j-feature .j-featureFirst .featured-posts,
.j-feature .j-featureFirst .post-item,
.j-feature .j-featureFirst .post-item .col-inner,
.j-feature .j-featureFirst .post-item .col-inner .box,
.j-feature .j-featureFirst .post-item .col-inner .box .box-image,
.j-feature .j-featureFirst .post-item .col-inner .box .box-image .image-cover {
    height: 100%;
    padding-bottom: 0;
}
.j-feature .j-featureFirst .box-image .image-cover img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    height: 70%;
}
.j-feature .j-featureFirst .box-image::before {
    content: "";
    z-index: 9;
    position: absolute;
    right: 5%;
    background-image: url('../img/kLogo.webp');
    background-size: 100% 100%;
    width: 14.5%;
    padding-top: 15.9%;
}
.j-feature .j-featureFirst .box-text {
    border-radius: 20px;
    padding: 5%;
    z-index: 9;
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
}
.j-feature .j-featureFirst .box-text::before {
    content: "";
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
}
.j-feature .j-featureFirst .box-text::after {
    content: "Mới nhất";
    z-index: 9;
    position: absolute;
    top: 16%;
    left: 25px;
    background-color: var(--fs-color-primary);
    color: white;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 0.8em;
    font-weight: bold;
}
.j-feature .j-featureFirst .box-text .blog-post-inner {
    position: relative;
}
.j-feature .j-featureFirst .box-text .blog-post-inner .post-meta {
    text-align: right;
    padding-right: 44px;
    margin-bottom: 12px;
}
.j-feature .j-featureFirst .box-text .blog-post-inner a::before {
    content: "";
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('../img/vector.webp');
    background-size: 100% auto;
    width: 20px;
    padding-top: 20px;
    background-repeat: no-repeat;
}

.j-title > p {
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: -5%;
    vertical-align: middle;
}
article.post {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
article.post .article-inner  {
    max-width: 700px;
    padding: 20px 0;
}
article.post .h-left-single {
    padding-top: 170px;
    min-width: 20px;
    max-width: 20px;
}
article.post .h-right-single {
    padding-top: 20px;
    min-width: 240px;
    max-width: 240px;
}
article.post .h-left-single .is-divider {
    display: block;
}
/* article.post .h-left-single .stack,
article.post .h-right-single {
    position: sticky;
    top: 100px;
    height: fit-content;
} */
article.post .h-right-single {
    top: 80px;
}
article.post .h-right-single  .section {
    padding: 20px !important;
}
article.post .h-right-single .section .row,
article.post .h-right-single .section .row .post-item,
article.post .h-right-single .section .row .post-item .box-text {
    padding: 0;
}
.h-bottom-single .post-item * {
    background-color: transparent !important;
    box-shadow: none;
}
.h-bottom-single .box-blog-post .post-meta {
    display: none;
}
.h-bottom-single .box-vertical .box-text {
    vertical-align: middle;
    padding: 0 20px;
}
.h-bottom-single .box-blog-post .image-cover {
    border-radius: 12px;
}
.h-bottom-single .box-blog-post .post-title {
    font-size: 1em;
}
.j-hot .show-for-medium {
    width: fit-content;
    display: flex;
    align-items: center;
}
.j-btnHot {
    width: fit-content;
}
.entry-content,
.from_the_blog_excerpt {
    text-align: justify;
}
.j-scroll {
	overflow-x: scroll;
}
.off-canvas-left.mfp-ready .mfp-content {
	border-radius: 0 0 25px 0;
    width: 260px;
}
.off-canvas-left.mfp-ready .mfp-close {
	opacity: 1 !important;
}
.col.post-item {
	padding-bottom: 0;
}
.box-text {
	font-size: 100% !important;
    padding-bottom: 0.7em;
}
.j-feature .j-featureFirst.j-new1 .post-item,
.j-feature .j-featureFirst.j-new1 .post-item .col-inner .box .box-image {
	height: 120%;
}
.j-new4 .box-vertical .box-text {
	padding: 0 0 0 20px;
}
.featured-posts > .col.post-item {
	padding-bottom: 15px;
}
.featured-posts > .col.post-item:last-child {
	padding-bottom: 0;
}
.featured-posts .col.post-item .box-vertical {
	margin-bottom: 0;
}
.j-catfish {
	position: fixed;
    bottom: 0;
    z-index: 999;
}
.j-catfish img {
	width: 100vw;
}
.j-catfish .h-cpd .img-inner {
    border-radius: 0;
}
.header-block .j-mini {
    max-width: 135px;
}
.header-block .j-mini img {
    height: 38px;
}
.page-template-page-mini .entry-title {
	font-size: 0px;
}
/** Hotfix Minigame ***/
.page-template-page-mini .h-hotContent {
	display: none;
}
.page-template-page-mini h1.entry-title {
	display:none;
}

.glossy-image .img-inner {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Hiệu ứng tráng gương bằng ::before */
.glossy-image .img-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shine-horizontal 2.5s infinite;
  pointer-events: none;
  z-index: 2;
}

@keyframes shine-horizontal {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

/* Lap lanh mobile icon */
.laplanh .img-inner {
  position: relative;
  display: inline-block;
  overflow: visible; /* cho bóng sáng thoát ra */
  border-radius: 8px; /* nếu ảnh bo góc */
}

/* Tạo vòng lấp lánh bao quanh bằng ::before */
.laplanh .img-inner {
  position: relative;
  display: inline-block;
  border-radius: 8px; /* Bo góc nếu cần */
  overflow: visible;
}

/* Dải sáng chạy quanh viền */
.laplanh .img-inner img {
  display: block;
  width: 100%;
  height: auto;
  margin-top:4px;
  animation: pulse-flash 1.2s ease-in-out infinite;
}

.participant-table-container > .participant-table {
	width: calc(100% - 12px) !important;
}
.j-miniKQ .participant-table th,
.j-miniKQ .participant-table td {
    width: 30%;
    padding: 10px 0;
    text-align: left;
}
.j-miniKQ .participant-table th:first-child,
.j-miniKQ .participant-table td:first-child {
    width: 10%;
    text-align: center;
}
.j-miniKQ .participant-table th:nth-child(2),
.j-miniKQ .participant-table td:nth-child(2),
.j-miniKQ .participant-table th:nth-child(3),
.j-miniKQ .participant-table td:nth-child(3) {
    white-space: nowrap;
}
.j-miniKQ .participant-table th:nth-child(2),
.j-miniKQ .participant-table td:nth-child(2){
    text-align: left;
}
.j-miniKQ .participant-table th:nth-child(3),
.j-miniKQ .participant-table td:nth-child(3) {
    width: 25%;
}
.j-miniKQ .participant-table th:last-child,
.j-miniKQ .participant-table td:last-child {
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 35%;
}
.j-miniKQ .j-g1,
.j-miniKQ .j-g2,
.j-miniKQ .j-g3,
.j-miniKQ .j-g4 {
    padding-left: 38px !important;
    position: relative;
}
.j-miniKQ .j-g1::before,
.j-miniKQ .j-g2::before,
.j-miniKQ .j-g3::before,
.j-miniKQ .j-g4::before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-image: url(../img/g4.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.j-miniKQ .j-g1::before {
    background-image: url(../img/g1.webp);
}
.j-miniKQ .j-g2::before {
    background-image: url(../img/g2.webp);
}
.j-miniKQ .j-g3::before {
    background-image: url(../img/g3.webp);
}
.j-miniKQ .participant-table p {
    margin: 0;
    padding: 0;
}
.j-miniKQ .participant-table strong {
    color: var(--fs-color-primary);
}

.single-page th,
.single-page td {
	padding: 12px;
}
.single-page thead tr,
.single-page tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
} 
.single-page tbody tr:nth-child(2n + 1) {
	background-color: #fff;
} 

@keyframes pulse-flash {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  50% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  75% {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

/*************** CSS for landscape Desktop ***************/
@media (min-width: 1000px) {
	.j-new1 {
    	flex-basis: 60%;
        max-width: 60%;
    }
	.j-new2 {
    	flex-basis: 40%;
        max-width: 40%;
    }
    .j-feature .j-featureFirst.j-new1 .post-item,
    .j-feature .j-featureFirst.j-new1 .post-item .col-inner .box .box-image {
        height: 100%;
    }
	.header-block .j-mini {
		width: 135px !important;
		padding-top: 8px;
	}
}
@media (max-width: 1400px) {
    .header-nav-main > li {
        margin: 0 1px;
    }
    .header-bottom-nav > li > a {
        font-size: 12px;
    }
    .logo-left .logo {
        margin-right: 5px;
    }
    .header-block .j-kqbd {
        width: 110px !important;
    }
    .header-block .j-tlk {
        width: 110px !important;
    }
    .header-block .j-kqbd > span,
    .header-block .j-tlk > span {
        font-size: 70%;
    }
}
@media (max-width: 1350px) {
    /* .header-block .j-kqbd > span,
    .header-block .j-tlk > span {
        font-size: 70%;
    } */
}
@media (max-width: 1250px) {
    .nav>li>a {
        font-size: 13px;
    }
    .header-bottom-nav > li > a {
        font-size: 12px;
    }
}
@media (max-width: 1200px) {
    .nav>li>a {
        font-size: 12px;
    }
    .h-left-sidebar, .h-right-sidebar, .post-sidebar {
        display: none;
    }
    .h-mainContent {
        max-width: 100%;
    }
    .header-block .j-kqbd {
        width: 100px !important;
    }
    .header-block .j-tlk {
        width: 100px !important;
    }
    .header-block .j-kqbd > span,
    .header-block .j-tlk > span {
        font-size: 60%;
    }
    .header-block .j-kqbd span .live {
        width: 6px;
        height: 6px;
    }
}
@media (max-width: 999px) {
    .hide-for-medium,[data-show=hide-for-medium] {
        display: none!important;
    }
    .header-inner .nav {
        flex-wrap:nowrap
    }

    .medium-logo-left .logo {
        margin-left: 0;
        margin-right: 15px;
        order: 1
    }

    .medium-logo-left .flex-left {
        flex: 1 1 0;
        order: 2
    }

    .medium-logo-left .flex-right {
        flex: 1 1 0;
        order: 3
    }

    .medium-logo-center .flex-left {
        flex: 1 1 0;
        order: 1
    }

    .medium-logo-center .logo {
        margin: 0 15px;
        order: 2;
        text-align: center
    }

    .medium-logo-center .logo img {
        margin: 0 auto
    }

    .medium-logo-center .flex-right {
        flex: 1 1 0;
        order: 3
    }
    .footer-wrapper .col {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .header-block .img {
        width: 35px !important;
    }
    .header-block .j-gif {
        width: 40px !important;
        padding: 5px;
        border-radius: 100px;
    }
    .mfp-close {
        background-color: var(--fs-color-alert);
        right: auto;
        top: 8px;
        left: 12px;
        border-radius: 8px;
        overflow: hidden;
        opacity: 1 !important;
        mix-blend-mode: normal;
        width: 32px;
        height: 32px;
        font-size: 27px;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        bottom: auto;
    }
    .off-canvas .sidebar-menu {
        padding: 48px 12px 12px;
    }
    .off-canvas .nav-vertical>li+li {
        border-top: 0px;
    }
    .off-canvas .nav-vertical>li>a {
        padding: 8px 0;
    }
    .off-canvas .sidebar-menu .img {
        width: 40% !important;
    }
    .off-canvas .sidebar-menu .header-block .j-kqbd {
        width: 120px !important;
    }
    .off-canvas .sidebar-menu .header-block .j-tlk {
        width: 120px !important;
    }
    .header-block .j-mini {
        width: 40px !important;
    }
}
@media (min-width: 850px) {
    .show-for-medium, [data-show=show-for-medium] {
        display: flex !important;
    }
    .h-hotContent .j-hot .ux-menu.j-scroll.show-for-medium {
     display: flex !important;
     overflow-x: hidden;
    }
    
}
@media (min-width: 999px) {
    .show-for-medium, [data-show=show-for-medium] {
        display: none !important;
    }
    .h-hotContent .j-hot .ux-menu.j-scroll.show-for-medium {
     display: none !important;
    }
    .h-hotContent {
        max-width: 1000px !important;
    }
	.stack-minigame-kqbd {
		width: 940px !important;
        margin: 0 auto;
	}
}
@media (max-width: 1230px) {
    .container {
        padding-left: 9px;
        padding-right: 9px;
    }
    .centerContent {
        padding-left: 12px;
        padding-right: 12px;
    }
    .h-mainContent {
        /*padding: 9px 0px;*/
    }
    #scrollIframe {
    	padding: 10px 0px;
    }
    .nav-spacing-xlarge>li {
        margin: 0;
        padding-right: 6px;
    }
    .footer-wrapper .section-content>.row>.col>.col-inner>.row {
        width: 50%;
    }
    .footer-wrapper .section-content>.row>.col>.col-inner>.row:last-child {
        width: 100%;
    }
    .h-mainContent .entry-title {
        margin-bottom: 10px;
    }
}
@media (max-height: 660px) and (orientation: landscape) {

}
/*************** CSS for Tablet ***************/
@media (max-width: 1023px) {
    .footer-wrapper .col-inner,
    .footer-wrapper .col-inner[class*="text-"] {
        text-align: center;
    }
    .footer-wrapper .col-inner p,
    .footer-wrapper .col-inner[class*="text-"] p {
        text-align: justify;
        width: fit-content;
        margin: 0 auto;
    }
    .footer-wrapper .col-inner[class*="text-"] .img {
        margin: 0 auto;
    }
    article.post .article-inner  {
        max-width: 100%;
    	padding: 12px 0;
    }
}
@media (orientation: portrait) {
}
@media (max-width: 1023px) and (orientation: landscape) {
    .off-canvas .nav-vertical>li>a {
        padding: 2px 0;
    }
}
@media (min-width: 750px) and (orientation: portrait) {
}

/*************** CSS for mobile ***************/
@media (max-width: 549px) {
    .h1,h1 {
        font-size: 20px;
    }
    .h2,h2 {
        font-size: 18px;
    }
    .h3,h3 {
        font-size: 16px;
    }
    .is-xlarge {
        font-size: 1.3em;
    }
    .page-wrapper {
        padding-top: 0;
    }
    .footer-wrapper .is-outline {
        font-size: 10px;
        padding: 0 8px;
        border-radius: 4px;
        margin-left: 4px;
        margin-bottom: 6px;
    }
    p {
        margin-bottom: 5px;
    }
    /* .box-vertical .box-text {
        padding: 12px 0;
    } /**/
    .h-bottom-single .box-vertical {
        display: table;
    }
    .h-bottom-single .box-vertical .box-image, 
    .h-bottom-single .box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle;
    }
    .h-bottom-single .box-vertical .box-image {
        /* width: 15% !important; /**/
    }
    .h-bottom-single .box-vertical .box-text {
        padding: 0 10px;
    }
    .is-small, .is-small.button {
    	font-size: 1em;
    }
    .post-item {
        padding-bottom: 0;
    }
    .j-feature .post-item {
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
    .section.h-section {
        border-radius: 8px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .box-list-view .box,.box-vertical {
        display: table;
        width: 100%
    }
    .box-vertical .box-image {
        width: 25% !important;
    }
    .box-vertical .box-image .image-cover {
        padding-top: 88% !important;
    }
    .box-list-view .box .image-right,.box-vertical .image-right {
        direction: rtl
    }

    .box-list-view .box .box-image,.box-list-view .box .box-text,.box-vertical .box-image,.box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle
    }
    #post-list .box-vertical, #post-list .box-vertical .box-image, #post-list .box-vertical .box-text {
        display: block;
        width: 100% !important;
    }
    #post-list .box-vertical .box-text {
        padding: 10px 0;
    }
    #post-list .box-vertical .box-image .image-cover {
        padding-top: 56% !important;
    }
    .page-template-page-mini .headerBottom {
     display: none;
    }
    .banner-form-mobile .img-inner {
     display: flex; 
     justify-content: center;
    }
    .banner-form-mobile img {
     width: 92%;
    }
    .align-equal {
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    }
    .align-equal>.col {
    	padding-left: 0;
    	padding-right: 0;
    }
    .align-equal>.col .row {
    	margin-left: 0;
    	margin-right: 0;
    }
    .participant-table-body-wrapper::-webkit-scrollbar {
      width: 8px;
    }
    .participant-table-container > .participant-table {
        width: calc(100% - 8px) !important;
    }
    .j-miniKQ .participant-table th,
    .j-miniKQ .participant-table td {
        text-align: left;
    }
    .j-miniKQ .participant-table th:first-child, .j-miniKQ .participant-table td:first-child {
        text-align: center;
    }
    .j-miniKQ .participant-table th:first-child, .j-miniKQ .participant-table td:first-child {
        width: 5%;
    }
    .j-miniKQ .participant-table th:nth-child(2),
    .j-miniKQ .participant-table td:nth-child(2) {
        width: 33%;
    }
    .j-miniKQ .participant-table th:nth-child(3),
    .j-miniKQ .participant-table td:nth-child(3) {
        width: 25%;
    }
    .j-miniKQ .participant-table th:last-child, .j-miniKQ .participant-table td:last-child {
        width: 37%;
    }
    .j-miniKQ .j-g1, .j-miniKQ .j-g2, .j-miniKQ .j-g3, .j-miniKQ .j-g4 {
        padding-left: 25px !important;
    }
    .j-miniKQ .j-g1::before, .j-miniKQ .j-g2::before, .j-miniKQ .j-g3::before, .j-miniKQ .j-g4::before {
        height: 20px;
        width: 20px;
    }
    .j-featureFirst {
    	min-height: 38dvh;
        margin-bottom: 20px;
    }
    .j-feature .j-featureFirst .box-text::after {
        left: 20px;
        top: 20px;
    }
}

/*************** CSS for mobile ***************/
@media (max-width: 390px) {

}
.wheel_lucky_container {
        position: fixed;
        right: 10px;
        bottom: 7%;
        z-index: 10;
      }
      .spin_wheel_lucky_banner {
        position: relative;
      }
      .spin_wheel_lucky_banner .spin_wheel {
        width: 150px;
      } 
      .spin_wheel_lucky_banner .btn_close_wheel {
        width: 20px;
        position: absolute;
        top: -60px;
        right: 3px;
      } 
      @media (max-width: 550px) {
        .spin_wheel_lucky_banner .spin_wheel {
        width: 100px;
      } 
      .spin_wheel_lucky_banner .btn_close_wheel {
        width: 15px;
        top: -40px;
      } 
      }

/* ===== KQBD55 REDESIGN START (xoá từ dòng này tới END để quay về giao diện cũ) ===== */
:root{
  --k-bg:#0a0e13; --k-bg2:#0f141b; --k-card:#131a23; --k-card2:#18212c; --k-line:#222d3a;
  --k-text:#e7edf4; --k-muted:#8d9aab; --k-accent:#b6f23a; --k-accent-ink:#0a0e13; --k-gold:#ffc83d; --k-live:#ff4d5e;
  --k-radius:14px; --k-head:'Inter',sans-serif;
  --fs-color-primary:#b6f23a; --primary-color:#b6f23a; --fs-color-secondary:#ffc83d;
  --fs-color-success:#1f8f5f; --fs-experimental-link-color:#e7edf4; --fs-experimental-link-color-hover:#b6f23a;
}
html,body{background:var(--k-bg)!important;color:var(--k-text)!important}
body{background-image:radial-gradient(1200px 500px at 85% -10%,rgba(182,242,58,.08),transparent 60%),radial-gradient(900px 400px at -10% 20%,rgba(255,200,61,.05),transparent 60%)!important;background-attachment:fixed!important}
#wrapper,#main,.page-wrapper{background:transparent!important}
a{color:var(--k-text)} a:hover{color:var(--k-accent)}
::selection{background:var(--k-accent);color:var(--k-accent-ink)}
.header-wrapper,.header-main,.header-wrapper.stuck .header-main{background:rgba(10,14,19,.86)!important;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}
.header-main{height:64px!important;border-bottom:1px solid var(--k-line)!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.8)!important}
.header-main .header-inner{max-width:1240px}
.header-nav-main.nav>li>a{font-family:var(--k-head)!important;font-size:17px!important;font-weight:600!important;letter-spacing:.04em;color:var(--k-text)!important;padding:8px 14px!important;border-radius:999px}
.header-nav-main.nav>li>a:hover,.header-nav-main.nav>li.active>a,.header-nav-main.nav>li.current-menu-item>a{background:rgba(182,242,58,.1)!important;color:var(--k-accent)!important}
.header-nav-main.nav>li>a:before{display:none!important}
.header-block .j-kqbd,.header-block .j-tlk{background:var(--k-card2)!important;border:1px solid var(--k-line)!important;border-radius:999px!important;padding:0 14px!important;height:36px!important;margin-right:8px!important;color:var(--k-text)!important}
.header-block .j-kqbd:hover,.header-block .j-tlk:hover{border-color:var(--k-accent)!important}
.header-block .j-kqbd>span,.header-block .j-tlk>span{color:var(--k-text)!important;font-family:var(--k-head);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.header-block .j-kqbd::before,.header-block .j-tlk::before,.header-block .j-kqbd::after,.header-block .j-tlk::after,.header-block .j-tlk>span::after{display:none!important}
.header-block .j-kqbd>span .live{background:var(--k-live)!important}
.mobile-nav .icon.button{background:var(--k-accent)!important;color:var(--k-accent-ink)!important;border:0!important}
#logo img{filter:drop-shadow(0 0 14px rgba(182,242,58,.18))}
.mfp-content .sidebar-menu,.off-canvas-left .mfp-content,.off-canvas .sidebar-menu{background:var(--k-bg2)!important}
.off-canvas .nav-sidebar>li>a,.off-canvas .nav-vertical li a{color:var(--k-text)!important}
.centerContent.container{max-width:1240px!important;padding:24px 16px 48px!important}
.headerBottom{margin-bottom:8px}
.row-main{display:grid!important;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"main side1" "main side2" "main ." ;gap:0 28px;align-items:start;max-width:none!important;margin:0!important}
.row-main::after,.row-main::before{display:none!important}
.h-mainContent{grid-area:main;width:auto!important;max-width:none!important;flex:none!important;padding:0!important;min-width:0}
.h-right-sidebar{grid-area:side1;width:auto!important;max-width:none!important;flex:none!important;display:flex!important;flex-direction:column;gap:20px;position:static!important}
.h-left-sidebar{grid-area:side2;width:auto!important;max-width:none!important;flex:none!important;display:flex!important;flex-direction:column;gap:20px;margin-top:20px;position:static!important}
.h-right-sidebar>*,.h-left-sidebar>*{width:100%!important}
.h-hotContent{width:auto!important;margin:0 0 20px!important;padding:10px 12px!important;background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-radius);overflow-x:auto;scrollbar-width:none}
.h-hotContent::-webkit-scrollbar{display:none}
.h-hotContent .stack{flex-wrap:nowrap!important;gap:8px!important}
.h-hotContent .button,.h-hotContent .j-btnHot{background:linear-gradient(135deg,var(--k-gold),#ff8a3d)!important;color:#1a1200!important;border:0!important;border-radius:999px!important;font-family:var(--k-head);font-weight:700;letter-spacing:.06em;margin:0!important;min-height:34px;line-height:34px;box-shadow:0 6px 18px -8px rgba(255,160,61,.8)}
.h-hotContent .button span,.h-hotContent .button span b{color:#1a1200!important}
.h-hotContent .ux-menu{flex-direction:row!important;gap:8px;flex-wrap:nowrap}
.h-hotContent .ux-menu .ux-menu-link{border:0!important}
.h-hotContent .ux-menu.ux-menu--divider-solid .ux-menu-link .ux-menu-link__link,.h-hotContent .ux-menu-link__link{background:var(--k-card2)!important;border:1px solid var(--k-line)!important;border-radius:999px!important;padding:6px 14px!important;color:var(--k-text)!important;white-space:nowrap;font-size:14px;min-height:0!important}
.h-hotContent .ux-menu-link__link:hover{border-color:var(--k-accent)!important;color:var(--k-accent)!important}
.h-hotContent .stack-col>*~*{margin:0!important;border:0!important}
.h-hotContent .ux-menu-link__text{color:inherit!important}
.h-right-sidebar .section,.h-left-sidebar .section{background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:var(--k-radius)!important;padding:0!important;overflow:hidden;margin:0!important}
.h-right-sidebar .section .section-bg,.h-left-sidebar .section .section-bg{display:none!important}
.h-right-sidebar .section-content,.h-left-sidebar .section-content{padding:0 0 10px!important}
.h-right-sidebar .section-title-container,.h-left-sidebar .section-title-container{margin:0!important;padding:0!important;max-width:none!important}
.h-right-sidebar .section-title,.h-left-sidebar .section-title,.h-left-sidebar .ux-menu-title,.h-right-sidebar .ux-menu-title{display:flex!important;align-items:center;gap:8px;margin:0 0 6px!important;padding:14px 16px 12px!important;background:linear-gradient(180deg,var(--k-card2),var(--k-card))!important;border:0!important;border-bottom:1px solid var(--k-line)!important;font-family:var(--k-head)!important;font-size:19px!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;color:var(--k-text)!important;border-radius:0!important}
.h-right-sidebar .section-title b,.h-left-sidebar .section-title b{display:none!important}
.h-right-sidebar .section-title-main,.h-left-sidebar .section-title-main{border:0!important;padding:0!important;margin:0!important;color:var(--k-text)!important}
.h-right-sidebar .section-title::before,.h-left-sidebar .section-title::before,.h-left-sidebar .ux-menu-title::before{content:"";width:4px;height:18px;border-radius:4px;background:var(--k-accent);flex:none}
.h-right-sidebar .row,.h-left-sidebar .row{margin:0!important;padding:0 8px!important;max-width:none!important}
.h-right-sidebar .row::before{display:none!important}
.h-right-sidebar .col,.h-left-sidebar .col{padding:0!important}
.h-right-sidebar .ux-menu,.h-left-sidebar .ux-menu{padding:0 8px!important;margin:0!important;background:transparent!important}
.h-right-sidebar .ux-menu-link,.h-left-sidebar .ux-menu-link{border:0!important}
.h-right-sidebar .ux-menu-link>a,.h-left-sidebar .ux-menu-link>a,.h-right-sidebar .ux-menu-link__link,.h-left-sidebar .ux-menu-link__link{padding:8px 10px!important;border-radius:10px!important;color:var(--k-text)!important;font-size:14px!important;min-height:0!important;background:transparent!important;border:0!important;transition:background .15s,color .15s}
.h-right-sidebar .ux-menu-link>a:hover,.h-left-sidebar .ux-menu-link>a:hover{background:rgba(182,242,58,.08)!important;color:var(--k-accent)!important}
.h-left-sidebar .section-content>.ux-menu,.h-left-sidebar .col-inner>.ux-menu{display:grid!important;grid-template-columns:1fr 1fr;gap:2px 4px}
.h-left-sidebar .ux-menu-title{grid-column:1/-1;margin:0 -8px 6px!important}
.h-right-sidebar .post-item .box-text{padding:10px 8px!important}
.h-right-sidebar .section .row .post-item .box-text .post-title a{color:var(--k-text)!important}
.h-right-sidebar .section .row .post-item .box-text .post-title a::before{background:var(--k-accent)!important;color:var(--k-accent-ink)!important}
.h-right-sidebar .section .row .post-item+.post-item .col-inner{border-color:var(--k-line)!important}
.h-right-sidebar .post-meta,.h-right-sidebar .section .row .post-item .box-text .post-meta{color:var(--k-muted)!important}
.h-right-sidebar .section .row .post-item .box-text .button{background:transparent!important;color:var(--k-accent)!important;border:0!important}
.h-cpd{border-radius:var(--k-radius);overflow:hidden}
.h-mainContent>.entry-title,.h-mainContent h1,#content .entry-title{font-family:var(--k-head)!important;font-size:clamp(30px,3.4vw,46px)!important;line-height:1.05!important;font-weight:700!important;letter-spacing:.01em;text-transform:uppercase;text-align:left!important;color:var(--k-text)!important;margin:4px 0 18px!important}
.h-mainContent h1::after{content:"";display:block;width:72px;height:4px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,var(--k-accent),var(--k-gold))}
.h-mainContent>.entry-content,.h-mainContent .entry-content,.h-mainContent>.page-inner{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-radius);padding:28px 32px!important}
.h-mainContent p,.h-mainContent li{color:#c9d3de!important;font-size:16px!important;line-height:1.75!important;text-align:left!important}
.h-mainContent strong,.h-mainContent b{color:var(--k-text)}
.h-mainContent h2{font-family:var(--k-head)!important;font-size:30px!important;line-height:1.15!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.02em;color:var(--k-text)!important;margin:40px 0 14px!important;padding:0 0 0 16px!important;border-left:4px solid var(--k-accent);text-align:left!important}
.h-mainContent h3{font-family:var(--k-head)!important;font-size:23px!important;font-weight:600!important;color:var(--k-accent)!important;margin:26px 0 8px!important;text-align:left!important}
.h-mainContent h4,.h-mainContent h5{color:var(--k-text)!important}
.h-mainContent a{color:var(--k-accent)!important;text-decoration:none}
.h-mainContent a:hover{text-decoration:underline}
.h-mainContent ul li::marker{color:var(--k-accent)}
.h-mainContent img{border-radius:12px}
.h-mainContent .wp-caption{max-width:100%;background:transparent!important;border:0!important}
.h-mainContent .wp-caption-text,.h-mainContent figcaption{color:var(--k-muted)!important;font-size:13px!important;text-align:center!important;font-style:italic;margin-top:8px}
.h-mainContent table{border-collapse:separate!important;border-spacing:0;border:1px solid var(--k-line)!important;border-radius:12px;overflow:hidden;background:var(--k-bg2)!important}
.h-mainContent th,.h-mainContent thead td{background:var(--k-card2)!important;color:var(--k-text)!important;font-family:var(--k-head);letter-spacing:.04em;text-transform:uppercase;border-color:var(--k-line)!important}
.h-mainContent td{color:#c9d3de!important;border-color:var(--k-line)!important;background:transparent!important}
.h-mainContent tr:hover td{background:rgba(182,242,58,.04)!important}
.h-mainContent blockquote{border-left:4px solid var(--k-gold)!important;background:var(--k-bg2);color:var(--k-text);border-radius:0 12px 12px 0;padding:14px 18px}
.rank-math-breadcrumb p,.rank-math-breadcrumb a{color:var(--k-muted)!important;font-size:13px}
.rank-math-breadcrumb .last{color:var(--k-accent)!important}
#ez-toc-container{background:var(--k-bg2)!important;border:1px solid var(--k-line)!important;border-radius:12px!important}
.post-item .col-inner,.box-blog-post{background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:var(--k-radius)!important;overflow:hidden}
.box-text .post-title,.box-text .post-title a,.entry-title a{color:var(--k-text)!important;font-weight:600}
.box-text .post-title a:hover{color:var(--k-accent)!important}
.post-meta,.entry-meta,.from_the_blog_excerpt,.is-divider+p{color:var(--k-muted)!important}
.is-divider{background:var(--k-accent)!important;opacity:1}
.badge-inner{background:var(--k-accent)!important;color:var(--k-accent-ink)!important}
.nav-pagination>li>a,.nav-pagination>li>span{background:var(--k-card)!important;border:1px solid var(--k-line)!important;color:var(--k-text)!important;border-radius:10px!important}
.nav-pagination>li>.current,.nav-pagination>li>a:hover{background:var(--k-accent)!important;color:var(--k-accent-ink)!important;border-color:var(--k-accent)!important}
.button.primary:not(.is-link),.button.primary:not(.is-outline){background:var(--k-accent)!important;color:var(--k-accent-ink)!important;border-color:var(--k-accent)!important}
input[type=text],input[type=email],input[type=search],input[type=tel],textarea,select{background:var(--k-bg2)!important;border:1px solid var(--k-line)!important;color:var(--k-text)!important;border-radius:10px!important;box-shadow:none!important}
.tabbed-content .nav li a{color:var(--k-muted)!important}
.tabbed-content .nav li.active a{color:var(--k-accent)!important}
.post-sidebar .tabbed-content,.post-sidebar .tabbed-content .tab-panels{background:var(--k-card)!important;border-color:var(--k-line)!important}
.post-sidebar .tabbed-content .tab-panels .panel table thead,.post-sidebar .tabbed-content .tab-panels .panel table thead th{background:var(--k-card2)!important;color:var(--k-text)!important}
.post-sidebar .tabbed-content .tab-panels .panel table td,.post-sidebar .tabbed-content .tab-panels .panel table *{color:var(--k-text)!important;border-color:var(--k-line)!important}
.footer-wrapper{border-top:1px solid var(--k-line);margin-top:24px}
.footer-wrapper .section,.footer-wrapper .section.dark,.footer-wrapper .section-bg{background:var(--k-bg2)!important;background-image:none!important}
.footer-wrapper .section{border-top:3px solid var(--k-accent)}
.footer-wrapper,.footer-wrapper p,.footer-wrapper li,.footer-wrapper span{color:var(--k-muted)!important}
.footer-wrapper strong,.footer-wrapper b{color:var(--k-text)!important}
.footer-wrapper a{color:var(--k-text)!important}
.footer-wrapper a:hover{color:var(--k-accent)!important}
.footer-wrapper .ux-menu-title{font-family:var(--k-head)!important;font-size:18px!important;text-transform:uppercase;letter-spacing:.05em;color:var(--k-text)!important;border-color:var(--k-line)!important}
.footer-wrapper .ux-menu-link a{color:var(--k-muted)!important;border:0!important}
.footer-wrapper .ux-menu-link a:hover{color:var(--k-accent)!important}
.absolute-footer,.absolute-footer.dark,.h-copyright{background:#06090c!important;color:var(--k-muted)!important;border-top:1px solid var(--k-line)}
.h-copyright *{color:var(--k-muted)!important}
@media (max-width:1100px){
  .row-main{grid-template-columns:minmax(0,1fr) 280px;gap:0 20px}
}
@media (max-width:849px){
  .header-main{height:58px!important}
  .centerContent.container{padding:14px 12px 36px!important}
  .row-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side1" "side2"}
  .h-right-sidebar{margin-top:24px}
  .h-mainContent>.entry-content,.h-mainContent .entry-content,.h-mainContent>.page-inner{padding:18px 16px!important;border-radius:12px}
  .h-mainContent h2{font-size:25px!important;margin-top:30px!important}
  .h-mainContent h3{font-size:20px!important}
  .h-mainContent table{display:block;overflow-x:auto}
}
/* tinh chỉnh v2 */
.h-mainContent{background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:18px!important;padding:22px 36px 32px!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.h-mainContent .h-hotContent{background:transparent!important;border:0!important;border-bottom:1px solid var(--k-line)!important;border-radius:0!important;padding:0 0 16px!important;margin:0 0 22px!important}
.h-mainContent>.entry-content,.h-mainContent .entry-content,.h-mainContent>.page-inner{background:transparent!important;border:0!important;padding:0!important}
.h-hotContent .button,.h-hotContent .j-btnHot{padding:0 16px!important;font-size:16px!important}
.h-right-sidebar .ux-menu-link>a,.h-right-sidebar .ux-menu-link__link{font-size:13px!important;padding:7px 8px!important}
.h-right-sidebar .ux-menu-link__text,.h-left-sidebar .ux-menu-link__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.h-mainContent figure{margin:22px auto!important}
@media (max-width:849px){.h-mainContent{padding:16px 16px 24px!important;border-radius:14px!important}}
/* tinh chỉnh v3 */
.h-hotContent .button,.h-hotContent .j-btnHot{width:auto!important;min-width:0!important;flex:0 0 auto!important;white-space:nowrap}
.h-hotContent .button span,.h-hotContent .button span b{color:#1a1200!important;font-weight:800}
.h-hotContent .ux-menu,.h-hotContent .j-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.h-hotContent .ux-menu::-webkit-scrollbar,.h-hotContent .j-scroll::-webkit-scrollbar{display:none;height:0}
.header-block a.j-kqbd,.header-block a.j-tlk{background:var(--k-accent)!important;border-color:var(--k-accent)!important;box-shadow:0 6px 20px -10px rgba(182,242,58,.9)}
.header-block a.j-kqbd>span,.header-block a.j-tlk>span,.header-block a.j-kqbd span,.header-block a.j-tlk span{color:var(--k-accent-ink)!important;font-weight:700}
.header-block a.j-tlk{background:transparent!important;border:1px solid var(--k-accent)!important;box-shadow:none}
.header-block a.j-tlk>span,.header-block a.j-tlk span{color:var(--k-accent)!important}
.h-right-sidebar>.section:has(.section-content>.section-title-container:only-child){display:none!important}
.h-left-sidebar{margin-top:20px!important}
.h-cpd:empty,.h-cpd:not(:has(iframe,img,a[href])){display:none!important}
/* tinh chỉnh v4 */
#masthead .header-block a.j-kqbd,#masthead .header-block a.j-tlk{margin:0 8px 0 0!important;padding:0 16px!important;min-width:0!important;width:auto!important;position:relative;left:auto!important}
#masthead .header-block a.j-tlk{background:transparent!important;border:1px solid var(--k-accent)!important;box-shadow:none!important}
#masthead .header-block a.j-tlk span{color:var(--k-accent)!important}
#masthead .header-block a.j-tlk:hover{background:rgba(182,242,58,.12)!important}
/* tinh chỉnh v5 */
#masthead .header-block a.j-kqbd,#masthead .header-block a.j-tlk{flex:0 0 auto!important;min-width:max-content!important;overflow:visible!important;font-size:15px!important}
#masthead .header-nav-main>li.header-block,#masthead .header-block .stack{flex-shrink:0!important;flex-wrap:nowrap!important}
/* tinh chỉnh v6 */
#masthead .header-block a.j-kqbd>span,#masthead .header-block a.j-tlk>span{position:static!important;transform:none!important;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;white-space:nowrap}
#masthead .header-block a.j-kqbd,#masthead .header-block a.j-tlk{display:inline-flex!important;align-items:center;line-height:1!important}
#masthead .header-block a.j-kqbd>span .live{position:relative!important;flex:none}
/* tinh chỉnh v7: bỏ thanh HOT, nút Livescore/Tỷ lệ kèo bên phải */
.h-hotContent{display:none!important}
.h-mainContent{padding-top:30px!important}
#masthead .header-block-block-1:not(:has(a)){display:none!important}
#masthead .header-nav-main>li.header-block:has(.header-block-block-1:not(:has(a))){display:none!important}
#masthead .k-head-cta{gap:8px!important;flex-wrap:nowrap!important;align-items:center}
#masthead .k-head-cta a.j-tlk,#masthead .k-head-cta a.j-kqbd{margin:0!important}
@media (max-width:849px){
  #masthead .k-head-cta{gap:6px!important}
  #masthead .k-head-cta a.j-kqbd,#masthead .k-head-cta a.j-tlk{height:30px!important;padding:0 10px!important;font-size:12px!important}
  #masthead .k-head-cta a.j-kqbd>span,#masthead .k-head-cta a.j-tlk>span{font-size:12px!important;letter-spacing:.03em;gap:5px}
  #masthead .k-head-cta a.j-tlk{display:none!important}
}
@media (min-width:420px) and (max-width:849px){#masthead .k-head-cta a.j-tlk{display:inline-flex!important}}
/* tinh chỉnh v8: font Inter giống kqbd.town */
html body,html body *:not([class*=icon]):not(i){font-family:'Inter',sans-serif}
.header-nav-main.nav>li>a,#masthead .header-block a.j-kqbd>span,#masthead .header-block a.j-tlk>span{text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important}
.h-mainContent h1,.h-mainContent>.entry-title,#content .entry-title{text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;font-size:clamp(26px,2.6vw,34px)!important;line-height:1.25!important}
.h-mainContent h2{text-transform:none!important;letter-spacing:-.005em!important;font-weight:700!important;font-size:24px!important;line-height:1.35!important}
.h-mainContent h3{font-weight:700!important;font-size:20px!important;line-height:1.4!important}
.h-right-sidebar .section-title,.h-left-sidebar .section-title,.h-left-sidebar .ux-menu-title,.h-right-sidebar .ux-menu-title,.footer-wrapper .ux-menu-title{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:700!important}
.h-mainContent th,.h-mainContent thead td{text-transform:none!important;letter-spacing:0!important}
@media (max-width:849px){.h-mainContent h2{font-size:21px!important}.h-mainContent h3{font-size:18px!important}#masthead .k-head-cta a.j-kqbd>span,#masthead .k-head-cta a.j-tlk>span{font-size:12px!important}}
/* tinh chỉnh v9: section nền trắng trong nội dung + trang dùng template khác */
.h-mainContent .section,.h-mainContent .h-section,.h-mainContent .section-bg,.h-mainContent .section-bg.fill{background:transparent!important;background-color:transparent!important;background-image:none!important}
.h-mainContent .section{padding-left:0!important;padding-right:0!important}
.h-mainContent .section .row{max-width:none!important;margin-left:0!important;margin-right:0!important}
.h-mainContent .section .col{padding-left:0!important;padding-right:0!important}
.h-mainContent .dark,.h-mainContent .dark *{color:inherit}
.h-mainContent p:empty{display:none}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-header h1,.entry-title{color:var(--k-text)!important}
.entry-content h2{border-left:4px solid var(--k-accent);padding-left:14px;font-weight:700}
.entry-content h3{color:var(--k-accent)!important;font-weight:700}
.entry-content p,.entry-content li{color:#c9d3de}
.page-template-page-blank-title-center #content,.page-template-page-blank .page-wrapper>.row>.col{max-width:900px;margin:24px auto!important;background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:28px 32px!important}
.page-template-page-blank-title-center .entry-header{text-align:left!important}
/* tinh chỉnh v10: ẩn khối trống khi plugin bảng dữ liệu chưa có */
.h-mainContent .section:not(:has(p:not(:empty),h2,h3,h4,img,table,iframe,li,.button)){display:none!important}
/* ===== KQBD55 REDESIGN END ===== */