#scrollIframe .Choose-tool.on i,
#scrollIframe .data-sync .techlist .pager ul li.pageicon.prev,
#scrollIframe .data-sync .techlist .pager ul li.pageicon.visible.next,
#scrollIframe .slideBtn.on:after,
#scrollIframe .swt {
    transform: rotate(180deg)
}

#scrollIframe .iconfont,
#scrollIframe .logo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#scrollIframe #i_right,
#scrollIframe #info {
    BACKGROUND-COLOR: #fff;
    BACKGROUND-COLOR: #fff
}

#scrollIframe .content-seo {
    padding: 15px;
    margin: 15px 0;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    display: block
}

#scrollIframe .content-seo_article {
    overflow: hidden
}

#scrollIframe #free-tools .on a,
#scrollIframe #free-tools .on a:hover,
#scrollIframe .data-sync .fc-white,
#scrollIframe .white,
.dark #containerOfBall .company.case1 .category .title,
.dark #containerOfBall h2,
.dark #match-list-box .selectbox__text-content,
.dark #match-list-box .selectbox__text-content span,
.dark .content-seo_article *,
.dark .crumbs .h1,
.dark .crumbs h1,
.dark .crumbs.r-home a#breadcrumbs,
.dark .crumbs.r-home h1.slogan,
.dark .menu2 li .on,
.dark .menu2 li .on:hover,
.dark .table-setting.d-flex,
body.dark .data-sync #Table3 tr td.match-time .hour,
body.dark .data-sync #Table3 tr td:first-child,
body.dark .data-sync #Table3 tr th strong,
body.dark .data-sync #div_Table1.tdlink tr th,
body.dark .data-sync #div_Table2 tr th,
body.dark .data-sync .d-fc-new-00,
body.dark .data-sync .main_title {
    color: #fff !important
}

#scrollIframe .content-seo_backdrop {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 200px;
    background-image: linear-gradient(transparent, #fff);
    transition: .2s linear
}

#scrollIframe .content-seo_btn {
    color: #337359;
    text-decoration: none;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
    z-index: 5;
    margin-top: 15px;
    border-bottom: 1px solid #337359
}

#scrollIframe #div_goal,
#scrollIframe #newtop #menu li .menu-icon-active,
#scrollIframe #newtop #menu li.active .menu-icon,
#scrollIframe #sloading,
#scrollIframe .content-seo .content-seo_hidden,
#scrollIframe .d-lg-none,
#scrollIframe .d-none,
#scrollIframe .df1 .rankicon,
#scrollIframe .matchDetail.ball-analysis.css-ball-analysis #porletP13,
#scrollIframe .menu-slide .owl-nav,
#scrollIframe .owl-dots.disabled,
#scrollIframe .owl-nav.disabled,
#scrollIframe .rankicon,
#scrollIframe .top-league #dropTeam,
#scrollIframe .top-league #dropTeam2,
#scrollIframe .top-league #matchBox,
.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark,
.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark,
body #scrollIframe.has_iframe #header-wrapper,
body #scrollIframe.has_iframe #header-wrapper-sp,
body #scrollIframe.has_iframe .crumbs,
body #scrollIframe.has_iframe .cz-handheld-toolbar,
body #scrollIframe.has_iframe .menuSidebar,
body #scrollIframe.has_iframe .settingBar,
body #scrollIframe.has_iframe footer,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark.hidden,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.light,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark.show {
    display: none !important
}

.dark .content-seo_backdrop {
    background-image: linear-gradient(transparent, #000c)
}

.dark .box-league,
.dark .box-white,
.dark .content-seo {
    background-color: #1a1a1a
}

.dark .odds-arrow,
.dark .odds-label {
    background-color: var(--bg-odds-normal-dark) !important
}

#scrollIframe .content-seo a,
#scrollIframe .ql-snow .ql-editor a {
    color: #337359;
    text-decoration: underline
}

#scrollIframe .content-seo h1,
#scrollIframe .ql-snow .ql-editor h1 {
    font-size: 18px;
    line-height: 24px
}

#scrollIframe .content-seo h2,
#scrollIframe .ql-snow .ql-editor h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

#scrollIframe .ql-editor {
    line-height: 18px
}

#scrollIframe #main .adclass,
#scrollIframe #mintable td,
#scrollIframe #teamid .oodstable-t .sl,
#scrollIframe .adclass,
#scrollIframe .expLine,
#scrollIframe .oddschanges .more,
#scrollIframe .ql-align-center,
#scrollIframe .statistics table td {
    text-align: center
}

#scrollIframe #main3 #teammain-6in1 #teamid #odds table.odds-table-bg.dataItem tr.b1 td.rs,
#scrollIframe #teamid .sr,
#scrollIframe .data-sync #Table3 tr td.team-l,
#scrollIframe .data-sync #Table3 tr td.team-l .team-name-a.left,
#scrollIframe .data-sync #Table3 tr td.team-r .team-name-a.left,
#scrollIframe .handOdds,
#scrollIframe .ql-align-right {
    text-align: right
}

#scrollIframe .ql-align-justify {
    text-align: justify
}

#scrollIframe .odds-label,
.dark .odds-arrow,
.dark .odds-label {
    text-align: center;
    position: relative
}

#scrollIframe .content-seo ol,
#scrollIframe .ql-editor ol {
    padding-left: 15px;
    list-style: outside
}

#scrollIframe .content-seo ol li[data-list=bullet] {
    list-style-type: disc
}

#scrollIframe .content-seo ol li[data-list=ordered] {
    list-style-type: decimal
}

:root {
    --white: #fff;
    --gray3: #f9f9f9;
    --gray5: #f5f5f5;
    --gray10: #f0f0f0;
    --gray20: #eaeaea;
    --gray30: #e5e5e5;
    --gray40: #dadada;
    --gray45: #d0d0d0;
    --gray50: #999;
    --gray60: #666;
    --gray65: #555;
    --gray70: #444;
    --gray80: #333;
    --gray90: #222;
    --gray95: #151515;
    --black: #000;
    --black85: rgba(0, 0, 0, .85);
    --black60: rgba(0, 0, 0, .6);
    --black50: rgba(0, 0, 0, .5);
    --black40: rgba(0, 0, 0, .4);
    --black30: rgba(0, 0, 0, .3);
    --black20: rgba(0, 0, 0, .2);
    --black15: rgba(0, 0, 0, .15);
    --black05: rgba(0, 0, 0, .05);
    --white85: rgba(255, 255, 255, .85);
    --white70: rgba(255, 255, 255, .7);
    --white60: rgba(255, 255, 255, .6);
    --white45: rgba(255, 255, 255, .45);
    --white30: rgba(255, 255, 255, .3);
    --white20: rgba(255, 255, 255, .2);
    --white10: rgba(255, 255, 255, .1);
    --primary-color: #397f19;
    --second-color: #43951e;
    --thirdly-color: #f60;
    --red20: #ec7979;
    --red40: #d64444;
    --red60: #be0000;
    --blue10: #e7eef8;
    --blue40: #0076e3;
    --blue60: #0057a6;
    --green40: #0d9f1c;
    --yellow20: #fffae0;
    --yellow30: #fff6d1;
    --yellow60: #ffc700;
    --redbg: #ffe8e8;
    --greenbg: #e5ffd9;
    --goalbg: #ffe99c;
    --home_team: #de682f;
    --away_team: #2495da;
    --table_header: var(--gray10);
    --table_highlight: var(--gray5);
    --down: red;
    --up: green;
    --body-bg: var(--gray30);
    --footer-bg: var(--gray65);
    --white-bg: var(--white);
    --bgcolor-1: var(--white);
    --bgcolor-2: var(--gray5);
    --bgcolor-3: var(--gray30);
    --bgcolor-4: var(--gray40);
    --text-white: var(--white);
    --textcolor-1: var(--gray90);
    --textcolor-2: var(--gray60);
    --textcolor-3: var(--gray50);
    --textcolor-4: var(--gray40);
    --border-1: var(--white);
    --border-2: var(--gray10);
    --border-3: var(--gray30);
    --border-4: var(--gray45);
    --bg-odds-normal-before-light: #FFDCAA;
    --bg-odds-normal-light: #FFF5E7;
    --bg-odds-normal-before-dark: #683C1E;
    --bg-odds-normal-dark: #372A21;
    --color-odds-up-dark: #E6E6E6;
    --color-odds-down-dark: #E6E6E6;
    --color-odds-up-light: #282828;
    --color-odds-down-light: #282828;
    --bg-odds-up-before-light: #28BB81;
    --bg-odds-up-light: #C9FFE9;
    --bg-odds-down-before-light: #DA675C;
    --bg-odds-down-light: #FFDBD8;
    --bg-odds-up-before-dark: #1B9E68;
    --bg-odds-up-dark: #224C3B;
    --bg-odds-down-before-dark: #A33234;
    --bg-odds-down-dark: #5B2526;
    --bg-odds-arrow-up-light: #2A795A;
    --bg-odds-arrow-down-light: #6C0708;
    --bg-odds-arrow-up-dark: #009257;
    --bg-odds-arrow-down-dark: #BD0D0D;
    --color-score-live-light: #E51B00;
    --color-score-live-dark: #10E18D;
    --color-score-light: #C99717;
    --color-score-dark: #ff9607;
    --text-primary: #15825f;
    --primary-color: #005030;
    --second-color: #03472c;
    --down: green;
    --up: red;
    --text-primary: #15825f;
    --primary-color: #005030;
    --second-color: #03472c;
    --down: green;
    --up: red;
    --menu-active-color: #e3f1eb;
    --menu-bg: #f9f9f9;
    --swiper-theme-color: #007aff;
    --text-primary: #15825f;
    --primary-color: #005030;
    --second-color: #03472c;
    --down: green;
    --up: red;
    --menu-active-color: #e3f1eb;
    --menu-bg: #f9f9f9;
    --menu-text-color: #414141;
    --menu-text-color1: #15825f
}

#scrollIframe .mx-auto {
    margin-left: auto;
    margin-right: auto
}

#scrollIframe .data-sync .opacity-0,
#scrollIframe .opacity-0 {
    opacity: 0 !important
}

#scrollIframe .data-sync .opacity-1,
#scrollIframe .opacity-1 {
    opacity: 1 !important
}

#scrollIframe .date-picker ul .on a,
#scrollIframe .date-picker ul .on a:hover,
#scrollIframe .f-white,
#scrollIframe .jqTitle,
#scrollIframe .langue,
#scrollIframe .menu2 li a,
#scrollIframe .on-bg-color,
#scrollIframe dark .nolink,
#scrollIframe ul.menu .on a,
.dark #info #left .leftnav li a,
.dark #main #left .leftnav li a,
.dark #match-list-box .selectbox__subtext,
.dark #table_live .new-home-tr .odds1.odds-down,
.dark #table_live .new-home-tr .odds1.odds-up,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-down,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-up,
.dark .box-rules .content-r b,
.dark .resultColor,
.dark .second-version .info_title_left,
.dark .second-version .tdlink.lh17 tr .link-v2 .team-name,
body.dark .Leaguestitle,
body.dark .data-sync #Table2 tr td div strong,
body.dark .data-sync #div_Table1.tdlink tr td.number,
body.dark .data-sync .nav_select li.nav_selected,
body.dark .fx-title .fx-title-vs,
body.dark .lr_tit,
body.dark .sloading .loadngdiv .sloading-des,
body.dark .sloading .loadngdiv .sloading-title,
body.dark .sotit,
body.dark .team-table-title,
body.dark .team-table-title a,
body.dark .team-table-title2,
body.dark .team_bf,
body.dark .tools .switch-view-btn span,
body.dark A.sb:hover,
body.dark a,
body.dark a.pk:hover,
body.dark body {
    color: #fff
}

#scrollIframe .data-sync .pd-l-0,
#scrollIframe .pl-0 {
    padding-left: 0 !important
}

#scrollIframe .pl-1 {
    padding-left: .25rem !important
}

#scrollIframe .pl-2 {
    padding-left: .5rem !important
}

#scrollIframe .pl-3 {
    padding-left: 1rem !important
}

#scrollIframe .pl-4 {
    padding-left: 1.5rem !important
}

#scrollIframe .odds-label {
    background-color: var(--bg-odds-normal-light) !important;
    color: #282828
}

#scrollIframe .odds-arrow--up,
#scrollIframe .odds-arrow--up:after {
    background-color: var(--bg-odds-arrow-up-light) !important;
    color: var(--color-odds-up-light)
}

.dark .odds-label {
    color: #fff
}

.dark .odds-arrow--up,
.dark .odds-arrow--up:after {
    background-color: var(--bg-odds-arrow-up-dark) !important;
    color: var(--color-odds-up-dark)
}

#scrollIframe .data-sync .pd-r-12,
#scrollIframe .odds-arrow {
    padding-right: 12px !important
}

#scrollIframe .odds-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 7px 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    right: 1px
}

#scrollIframe .odds-arrow--down {
    background-color: var(--bg-odds-arrow-down-light) !important;
    color: var(--color-odds-up-light)
}

.dark .odds-arrow--down {
    background-color: var(--bg-odds-arrow-down-dark) !important;
    color: var(--color-odds-down-dark) !important
}

#scrollIframe .odds-arrow--up:after {
    background-image: url(/assets/images/icon-arrow-up-light-v2.svg?v=5)
}

.dark .odds-arrow--up:after {
    background-image: url(/assets/images/icon-arrow-up-dark-v2.svg?v=5)
}

#scrollIframe .odds-arrow--down:after {
    background-image: url(/assets/images/icon-arrow-down-light-v2.svg);
    background-color: var(--bg-odds-arrow-down-light) !important;
    color: var(--arrow-down-light)
}

.dark .odds-arrow--down:after {
    background-image: url(/assets/images/icon-arrow-down-dark-v2.svg);
    background-color: var(--bg-odds-arrow-down-dark) !important;
    color: var(--color-odds-down-dark)
}

#scrollIframe .skeleton-loader {
    width: 100%;
    height: 100px;
    background-color: #e5e5e5;
    animation: 1.5s infinite loading;
    margin-top: 40px
}

@keyframes loading {

    0%,
    to {
        background-color: #e0e0e0
    }

    50% {
        background-color: silver
    }
}

#scrollIframe #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down,
#scrollIframe #table_live .new-home-tr .odds1.odds-down,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-down,
#scrollIframe #table_live .odds1.resultColor,
#scrollIframe #table_live .odds2.resultColor,
#scrollIframe .odds-bg.odds-normal>span.down,
#scrollIframe .odds2>span.down {
    background-color: var(--bg-odds-down-light);
    position: relative
}

#scrollIframe #game-rate .odds-animated.odds-down,
#scrollIframe #table_live .new-home-tr .odds1.odds-animated.odds-down,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-down {
    animation: 3s forwards fadeToColorDownLight
}

@keyframes fadeToColorDownLight {
    0% {
        background-color: var(--bg-odds-down-before-light)
    }

    to {
        background-color: var(--bg-odds-down-light)
    }
}

.dark #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down,
.dark #table_live .new-home-tr .odds1.odds-down,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-down,
.dark #table_live .odds1.resultColor,
.dark #table_live .odds2.resultColor,
.dark .odds-bg.odds-normal>span.down,
.dark .odds2>span.down {
    background-color: var(--bg-odds-down-dark)
}

.dark #game-rate .odds-animated.odds-down,
.dark #table_live .new-home-tr .odds1.odds-animated.odds-down,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-down {
    animation: 3s forwards fadeToColorDownDark
}

@keyframes fadeToColorDownDark {
    0% {
        background-color: var(--bg-odds-down-before-dark)
    }

    to {
        background-color: var(--bg-odds-down-dark)
    }
}

#scrollIframe #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down:after,
#scrollIframe #table_live .new-home-tr .odds1.odds-down:after,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-down:after,
#scrollIframe #table_live .odds1.resultColor:after,
#scrollIframe #table_live .odds2.resultColor:after,
#scrollIframe .odds-bg.odds-normal>span.down:after,
#scrollIframe .odds2>span.down:after,
body #scrollIframe .oddschanges .oddschanges-bg1 .down:before,
body #scrollIframe .oddschanges .oddschanges-bg1 .down_green:before {
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/assets/images/icon-arrow-down-light-v2.svg?v=5);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    z-index: 10;
    top: -3px;
    right: -3px;
    background-color: var(--bg-odds-arrow-down-light);
    border-radius: 50%;
    overflow: hidden
}

.dark #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down:after,
.dark #table_live .new-home-tr .odds1.odds-down:after,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-down:after,
.dark #table_live .odds1.resultColor:after,
.dark #table_live .odds2.resultColor:after,
.dark .odds-bg.odds-normal>span.down:after,
.dark .odds2>span:after,
body.dark .oddschanges .oddschanges-bg1 .down:before,
body.dark .oddschanges .oddschanges-bg1 .down_green:before {
    background-color: var(--bg-odds-arrow-down-dark)
}

#scrollIframe #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-up,
#scrollIframe #table_live .new-home-tr .odds1.odds-up,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-up,
#scrollIframe #table_live .odds3.resultColor,
#scrollIframe .odds-bg.odds-normal>span.up,
#scrollIframe .odds2>span.up {
    background-color: var(--bg-odds-up-light);
    position: relative
}

#scrollIframe #game-rate .odds-animated.odds-up,
#scrollIframe #table_live .new-home-tr .odds1.odds-animated.odds-up,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-up {
    animation: 3s forwards fadeToColorUpLight
}

@keyframes fadeToColorUpLight {
    0% {
        background-color: var(--bg-odds-up-before-light)
    }

    to {
        background-color: var(--bg-odds-up-light)
    }
}

#scrollIframe #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-up:after,
#scrollIframe #table_live .new-home-tr .odds1.odds-up:after,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-up:after,
#scrollIframe #table_live .odds3.resultColor:after,
#scrollIframe .odds-bg.odds-normal>span.up:after,
#scrollIframe .odds2>span.up:after,
body #scrollIframe .oddschanges .oddschanges-bg1 .up:before,
body #scrollIframe .oddschanges .oddschanges-bg1 .up_red:before {
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/assets/images/icon-arrow-up-light-v2.svg?v=5);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    z-index: 10;
    top: -3px;
    right: -3px;
    background-color: var(--bg-odds-arrow-up-light);
    border-radius: 50%;
    overflow: hidden
}

.dark #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-up,
.dark #table_live .new-home-tr .odds1.odds-up,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-up,
.dark #table_live .odds3.resultColor,
.dark .odds-bg.odds-normal>span.up,
.dark .odds2>span.up {
    background-color: var(--bg-odds-up-dark)
}

.dark #game-rate .odds-animated.odds-up,
.dark #table_live .new-home-tr .odds1.odds-animated.odds-up,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-up {
    animation: 3s forwards fadeToColorUpDark
}

@keyframes fadeToColorUpDark {
    0% {
        background-color: var(--bg-odds-up-before-dark)
    }

    to {
        background-color: var(--bg-odds-up-dark)
    }
}

.dark #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-up:after,
.dark #table_live .new-home-tr .odds1.odds-up:after,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-up:after,
.dark #table_live .odds3.resultColor:after,
.dark .odds-bg.odds-normal>span.up:after,
.dark .odds2>span.up:after,
body.dark .oddschanges .oddschanges-bg1 .up:before,
body.dark .oddschanges .oddschanges-bg1 .up_red:before {
    background-image: url(/assets/images/icon-arrow-up-dark-v2.svg?v=5);
    background-color: var(--bg-odds-arrow-up-dark)
}

#scrollIframe #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-draw,
#scrollIframe #table_live .new-home-tr .odds1.odds-draw,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-draw {
    background-color: var(--bg-odds-normal-light)
}

#scrollIframe #game-rate .odds-animated.odds-draw,
#scrollIframe #table_live .new-home-tr .odds1.odds-animated.odds-draw,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-draw {
    animation: 3s forwards fadeToColorLight
}

@keyframes fadeToColorLight {
    0% {
        background-color: var(--bg-odds-normal-before-light)
    }

    to {
        background-color: var(--bg-odds-normal-light)
    }
}

.dark #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-draw,
.dark #table_live .new-home-tr .odds1.odds-draw,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-draw {
    background-color: var(--bg-odds-normal-dark)
}

.dark #game-rate .odds-animated.odds-draw,
.dark #table_live .new-home-tr .odds1.odds-animated.odds-draw,
.dark #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-draw {
    animation: 3s forwards fadeToColorDark
}

@keyframes fadeToColorDark {
    0% {
        background-color: var(--bg-odds-normal-before-dark)
    }

    to {
        background-color: var(--bg-odds-normal-dark)
    }
}

#scrollIframe .blue,
#scrollIframe .blue2,
#scrollIframe .gocheck A:link {
    color: #0089f1
}

#scrollIframe .gray-bg2,
#scrollIframe .left_list,
#scrollIframe .litab2,
body #scrollIframe #calendar td,
body #scrollIframe .bts span,
body #scrollIframe .com LI SPAN A,
body #scrollIframe .fx,
body #scrollIframe .fx20,
body #scrollIframe .jqSubTitle2,
body #scrollIframe .jqTitle2,
body #scrollIframe .listtab .stsw td,
body #scrollIframe .litab2,
body #scrollIframe .loadngdiv,
body #scrollIframe .oddstitle,
body #scrollIframe .player-list,
body #scrollIframe .scoretitle td,
body #scrollIframe .search-container .searchItem:nth-child(odd),
body #scrollIframe .sotit,
body #scrollIframe .team-table-guest,
body #scrollIframe .team-table-guest td,
body #scrollIframe .team-table-guest tr,
body #scrollIframe .team-table-home,
body #scrollIframe .team-table-home td,
body #scrollIframe .team-table-home tr,
body #scrollIframe .team-table-other,
body #scrollIframe .team-table-other td,
body #scrollIframe .team-table-other tr {
    background-color: #f9f9f9
}

#scrollIframe .change_yellow {
    background-color: #ffefd8
}

.dark .change_yellow {
    background-color: #170500
}

.dark .oddschanges .odd-bg1 {
    color: #adadad
}

#scrollIframe .oddschanges .odd-sname {
    background-color: #ffd746;
    color: #ad6212
}

.dark .oddschanges .odd-sname {
    background-color: #56544e;
    color: #d4a97a
}

#scrollIframe .odd-bg1 span {
    text-decoration: underline dashed
}

#scrollIframe .green-bg,
.dark .green-bg {
    background-color: #eff5ee
}

.dark #oddsChange,
.dark #panluDiv,
.dark #showCompany,
.dark #showCountry,
.dark #showFilterBox,
.dark #showoptional,
.dark #showoptional2,
.dark .bak_div,
.dark .left_list3 li a:after,
.dark .left_list3 li a:before,
.dark .livetab,
.dark .oddstable .oddsCaption,
.dark .rs_ser_Second,
.dark .white-bg2,
.dark [id^=oddsChange_] {
    background-color: #444
}

#scrollIframe .hand-bg {
    background-color: #327c00
}

#scrollIframe .odds-table-bg {
    background-color: #d0d0d0
}

.dark .odds-table-bg {
    background-color: #585858
}

#scrollIframe .oods-bg1 {
    background-color: #f4f4f4
}

#scrollIframe #main2,
#scrollIframe #menu li.active,
#scrollIframe #menu li:hover,
#scrollIframe #menuMainSw .swiper-box.active,
#scrollIframe .box-league,
#scrollIframe .bts span:hover,
#scrollIframe .data-sync #i_main2:not(.teamsche) #MainDiv tr td,
#scrollIframe .data-sync #i_main2:not(.teamsche) #div_Table1.tdlink tr td,
#scrollIframe .data-sync #i_main2:not(.teamsche) #div_Table2 tr td,
#scrollIframe .data-sync #i_main:not(.teamsche) #MainDiv tr td,
#scrollIframe .data-sync #i_main:not(.teamsche) #div_Table1.tdlink tr td,
#scrollIframe .data-sync #i_main:not(.teamsche) #div_Table2 tr td,
#scrollIframe .data-sync #tableId .goaltime tr.trtd td,
#scrollIframe .data-sync #tableId .scorestats tr.trtd td,
#scrollIframe .oods-bg2,
#scrollIframe .second-version .tdlink.lh17 thead th,
.dark .closes:before,
.dark .leftnav li a img {
    background-color: #fff
}

.dark .isLeaTop,
.dark .oddate,
.dark .oods-bg1 {
    background-color: #353535
}

.dark .fav-highlight {
    background-color: #4c4c2c !important
}

.dark .oods-bg2 {
    background-color: #232323
}

#scrollIframe .oods-c-bg1,
#scrollIframe .up {
    background-color: #c8fda280;
    color: #000000ba
}

#scrollIframe .down,
#scrollIframe .oods-c-bg2 {
    background-color: #f7c8c880;
    color: #000000ba
}

#scrollIframe .odds-change,
#scrollIframe .resultColor {
    background: var(--yellow30)
}

#scrollIframe .oods-c-bg3 {
    color: #000000ba
}

.dark .oods-c-bg1,
.dark .up {
    background-color: #1e612e80;
    color: #ffffffba
}

.dark .down,
.dark .oods-c-bg2 {
    background-color: #8e3c6480;
    color: #ffffffba
}

.dark .oods-c-bg3 {
    color: #ffffffba
}

#scrollIframe #teamid .sbg {
    background-color: #fff9ef
}

.dark #teamid .sbg {
    background-color: #1d1c1a
}

#scrollIframe .resultColor {
    color: #070f03
}

#scrollIframe .bts .LQent:hover,
#scrollIframe .bts .ent:hover,
#scrollIframe .switch>input[type=checkbox]:checked+.switch-style,
.dark .bts .LQent:hover,
.dark .bts .ent:hover {
    background-color: #f60
}

#scrollIframe .hightlight-bg {
    background-color: #f4faff
}

.dark #mintable .tds:hover td,
.dark .date-picker ul li:after,
.dark .hightlight-bg,
.dark .left_list,
.dark .left_list3,
.dark .rs_ser_Second .nks a,
.dark .rs_ser_Second .nks a:hover,
.dark .search_3,
body.dark .Leaguestitle,
body.dark .date-table th,
body.dark .fx-line,
body.dark .fx-tab span,
body.dark .fx-tb-a li .fx-td-data,
body.dark .fx-tb-b h4,
body.dark .gray-bg2,
body.dark .guest-div a span,
body.dark .home-div a span,
body.dark .lo-f2,
body.dark .mintopnav a,
body.dark .oddsCaption,
body.dark .oodstable-t {
    background-color: #333
}

#scrollIframe .handOdds,
#scrollIframe .otOdds,
#scrollIframe .ouOdds {
    background-color: #fffae0
}

.dark .handOdds,
.dark .otOdds,
.dark .ouOdds {
    background-color: #3a362f
}

.dark .Preferences2 {
    background-color: #435040
}

#scrollIframe #hiddencount,
#scrollIframe #myGamesCount,
#scrollIframe #nshowhide,
#scrollIframe .left_list3 li .on,
#scrollIframe .left_list3 li .on:visited,
.dark .left_list3 li .on,
.dark .left_list3 li .on:visited {
    color: #f60;
    font-weight: 700
}

.dark #hiddencount,
body #scrollIframe .fbheader .row .LName,
body #scrollIframe .fbheader .row .LName a,
body #scrollIframe .fbheader .row .end .score,
body #scrollIframe .lo-f2,
body #scrollIframe .red,
body #scrollIframe .red2,
body #scrollIframe .sclassLink,
body #scrollIframe .zbf {
    color: #e51b00 !important
}

#scrollIframe .main-content>#info {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

#scrollIframe #info.version-2,
#scrollIframe .mcontent {
    width: 1208px
}

#scrollIframe #app6in1.mcontent,
#scrollIframe .bn4 img {
    max-width: 100%
}

#scrollIframe #main {
    width: 1208px;
    clear: both;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

#scrollIframe #info.vue #main {
    gap: 16px;
    justify-content: unset
}

#scrollIframe .clear {
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both
}

#scrollIframe .Preferences {
    padding: 6px 0
}

#scrollIframe .Preferences li {
    line-height: 22px;
    padding: 0 6px
}

#scrollIframe .Preferences li:hover {
    background-color: #ffeece;
    border-radius: 3px
}

#scrollIframe .slideBtn {
    position: relative;
    cursor: pointer
}

#scrollIframe .slideBtn:after {
    display: inline-block;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position: absolute;
    right: 0;
    top: 16px
}

.dark .slideBtn:after {
    border-top: 5px solid #999
}

#scrollIframe .swt {
    width: 30px;
    height: 30px;
    background-image: url(/build/assets/images/CaretDown.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: .175s linear;
    cursor: pointer
}

body.dark .swt,
body.dark .swt:hover,
body.dark td#oddsHead .select-company:hover {
    background-image: url(/build/assets/images/CaretDownWhite.svg)
}

#scrollIframe .swt:hover {
    background-image: url(/build/assets/images/CaretDownBlack.svg)
}

#scrollIframe .data-sync .techlist .pager ul li.pageicon.visible.prev,
#scrollIframe .hide-ul .hide-show-btn,
#scrollIframe .other-leagues .nation.nation-expand .nation-item-icon,
#scrollIframe .swt.hide-tmp {
    transform: rotate(0)
}

#scrollIframe .df1 {
    display: flex;
    justify-content: flex-end
}

#scrollIframe .df1 i {
    border-right: 1px solid #d4d4d4;
    padding: 2px 8px !important;
    margin: 0 !important
}

body #scrollIframe .box-league .lr_tit {
    color: #414141;
    border-bottom: 0 !important
}

#scrollIframe #left.bsiderbar-left,
body #scrollIframe .bsiderbar-left {
    background-color: initial !important
}

body #scrollIframe .box-league>.lr_tit {
    color: #070f03;
    text-transform: uppercase
}

#scrollIframe .lr_tit.on {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px
}

#scrollIframe .lr_tit.on.o2,
#scrollIframe .second-version .six-lasted {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#scrollIframe .hide-show-btn {
    cursor: pointer;
    transition: .175s linear;
    transform: rotate(-180deg)
}

#scrollIframe .toggle-box-btn {
    cursor: pointer;
    transition: .175s linear
}

#scrollIframe .expand:after,
#scrollIframe .hide-box .toggle-box-btn {
    transform: rotate(-90deg)
}

.dark .lr_tit.on {
    border-bottom: 1px solid #444
}

#scrollIframe .lr_tit {
    font-weight: 700;
    display: block;
    line-height: 35px;
    font-size: 14px
}

#scrollIframe .leftnav li:last-child,
#scrollIframe .n-select select,
#scrollIframe ul.menu li:last-child {
    border: 0
}

#scrollIframe .leftnav li a {
    line-height: 28px;
    display: block;
    text-align: left
}

#scrollIframe .leftnav li a img {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -3px;
    margin-right: 3px
}

#scrollIframe .wrap-loadmore {
    margin-top: 17px;
    text-align: center
}

#scrollIframe .load-more-btn {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    color: #fff;
    padding: 8px 41px 8px 21px;
    border-radius: 30px;
    border: 0;
    background: url(/build/assets/images/double-alt-arrow-down.svg) right 20px top 6px no-repeat #337359
}

#scrollIframe .leftnav .select a,
#scrollIframe .leftnav li a:hover {
    background: #e3f1eb;
    text-decoration: none;
    border-radius: 3px;
    color: #ad6212
}

#scrollIframe .leftnav span {
    padding-left: 24px;
    background: url(../images/flag-list_rgb_17.png) no-repeat
}

#scrollIframe ul.menu {
    float: left;
    margin: 5px 5px 5px 0;
    overflow: hidden
}

#scrollIframe ul.menu li {
    float: left;
    padding: 0 8px;
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    position: relative
}

#scrollIframe ul.menu .on {
    background: #ff552c
}

#scrollIframe #mintable .tds {
    height: 50px
}

#scrollIframe #mintable .Leaguestitle:has(+.tds.hide) td {
    border-bottom: 1px solid #f0f0f0 !important
}

.dark #mintable .Leaguestitle:has(+.tds.hide) td {
    border-bottom: 1px solid #151515 !important
}

#scrollIframe .left_list:hover,
#scrollIframe .tds:hover {
    background-color: #efefef
}

#scrollIframe .bftab {
    text-align: center;
    line-height: 25px
}

#scrollIframe .bftab .iconbox {
    padding: 0 6px;
    text-align: center
}

#scrollIframe .bftab .iconbox span {
    margin: 4px
}

#scrollIframe #basketball #tools,
#scrollIframe #main3 #tools,
#scrollIframe .newsetting .Preferences {
    padding: 0
}

#scrollIframe #teamid .sl,
#scrollIframe .Leaguestitle,
#scrollIframe .data-sync #Table3 tr td.team-l .team-name-a.right,
#scrollIframe .data-sync #Table3 tr td.team-r,
#scrollIframe .data-sync #Table3 tr td.team-r .team-name-a.right,
#scrollIframe .wd-xxs {
    text-align: left
}

#scrollIframe #odds-badge-correct-score-02,
#scrollIframe .Detail-basketball-icon,
#scrollIframe .Detail-icon,
#scrollIframe .analyze-icon,
#scrollIframe .bkflash-icon,
#scrollIframe .bts .fgSpan label,
#scrollIframe .closedata-icon,
#scrollIframe .display-info,
#scrollIframe .display-team,
#scrollIframe .handpoint,
#scrollIframe .hidden-info,
#scrollIframe .hidden-team,
#scrollIframe .highlight-icon,
#scrollIframe .league-info-link,
#scrollIframe .main-content.cup-match #tips #tips-right .detail-info .detail-info--user .detail-info--user-wrap .detail-info--name,
#scrollIframe .main-content.cup-match #tips #tips-right .detail-info .detail-info--user .detail-info--user-wrap .detail-info--user-avatar img,
#scrollIframe .main-content.cup-match #tips #tips-right .hot-match .hot-match--item .hot-match--item-advice .hot-match--item-advice-inner,
#scrollIframe .matchdata-icon,
#scrollIframe .odds-icon,
#scrollIframe .odds-icon1x2,
#scrollIframe .pointer,
#scrollIframe .second-version .analyze-icon,
#scrollIframe .threeinone-icon,
#scrollIframe button:hover,
#scrollIframe select:hover,
body #scrollIframe .glove,
body #scrollIframe .tvLinkBtn,
body #scrollIframe a,
body.dark .glove,
body.dark .tvLinkBtn,
body.dark a {
    cursor: pointer
}

#scrollIframe #table_live .winMatch [id^=team1_],
#scrollIframe #table_live .winMatch [id^=team2_],
#scrollIframe .f-b,
#scrollIframe .l1 a,
#scrollIframe .menu,
#scrollIframe .menuL,
#scrollIframe .tdlink.sub-head.lea-head th,
#scrollIframe .tdlink.sub-head.th-b th,
#scrollIframe .team span,
#scrollIframe .token.bold,
#scrollIframe .token.important,
#scrollIframe .tr-des .bold,
#scrollIframe .tr-des .red,
#scrollIframe A.sb:hover,
#scrollIframe menuL {
    font-weight: 700
}

#scrollIframe .STYLE8,
#scrollIframe .bwd-blue b,
#scrollIframe .status {
    color: #06f
}

#scrollIframe .b3 {
    background-color: #eef
}

#scrollIframe .b4 {
    background-color: #eee
}

#scrollIframe #ad_middle_133 a,
#scrollIframe .color li,
#scrollIframe .info_nav,
#scrollIframe .l1,
#scrollIframe .rs_ser_Second li,
#scrollIframe .theme-div,
#scrollIframe .toolimg span {
    float: left
}

#scrollIframe .l1 .nolink {
    font-weight: 700;
    cursor: not-allowed
}

#scrollIframe #ad_middle_133 a:last-child,
#scrollIframe #odds_setting .odds_items.on .odds_item,
#scrollIframe #tools .w_search,
#scrollIframe #tools li.old,
#scrollIframe .l2,
#scrollIframe .l5,
#scrollIframe .nav_quick #search_div,
#scrollIframe tr.AspNetPager table {
    float: right
}

#scrollIframe .l2 img,
#scrollIframe .l5 img,
body #scrollIframe .win_lose .o-draw,
body #scrollIframe .win_lose .o-lose,
body #scrollIframe .win_lose .o-win,
body.dark .win_lose .o-draw,
body.dark .win_lose .o-lose,
body.dark .win_lose .o-win {
    margin: 0 2px
}

#scrollIframe .l3 {
    float: left;
    margin-left: 10px;
    background: url(/Content/Com/blue_img/ds.gif) left no-repeat;
    padding-left: 12px;
    color: #000;
    font-weight: 700
}

#scrollIframe .l4 {
    float: left;
    margin-left: 5px;
    padding-left: 6px;
    color: #b36946
}

#scrollIframe #div_search {
    width: 650px;
    left: -507px;
    top: 5px;
    z-index: 5;
    position: absolute;
    display: none;
    padding-bottom: 10px
}

#scrollIframe #div_search a {
    line-height: 24px;
    padding: 0 10px;
    display: block;
    float: left;
    width: 90%
}

#scrollIframe #div_search a:hover,
#scrollIframe #newtop #menu li a:hover,
#scrollIframe #tools li span:hover,
#scrollIframe .closes:hover,
#scrollIframe .collapse:hover,
#scrollIframe .date-picker ul li a:hover,
#scrollIframe .expand:hover,
#scrollIframe .hot-news-list .hot-news-item,
#scrollIframe .menu2 li a:hover,
#scrollIframe .nav_select .pd2 li a:hover,
#scrollIframe .schedule:hover,
#scrollIframe a {
    text-decoration: none
}

#scrollIframe .color {
    background-image: url(/Content/Com/blue_img/color.gif);
    height: 8px;
    width: 72px;
    margin-top: 3px;
    background-repeat: no-repeat;
    overflow: hidden
}

#scrollIframe .color li a {
    display: block;
    height: 8px;
    width: 8px;
    margin-right: 4px
}

#scrollIframe .oddstd p {
    line-height: 16px;
    display: block;
    height: 16px
}

#scrollIframe #soccer .mcontent .oddstd {
    padding: 0;
    cursor: pointer
}

#scrollIframe A.sb {
    font-weight: 700;
    color: #de574a;
    text-decoration: none
}

.dark A.sb {
    color: #ea8989
}

#scrollIframe a.pk {
    color: #157af7;
    text-decoration: none;
    font-weight: 700
}

.dark a.pk {
    color: #4c8cb3
}

#scrollIframe a.pk:hover {
    text-decoration: underline;
    font-weight: 700
}

#scrollIframe .p2,
#scrollIframe .token.punctuation,
.dark .tdlink .otherteam,
.dark .to-1,
body.dark #tools .odds_setting p,
body.dark .bts span,
body.dark .date-table th,
body.dark .fx-c-3,
body.dark .odd-bg1 span,
body.dark .oddstitle,
body.dark .oodstable-t,
body.dark .rbl,
body.dark .stat-title,
body.dark .team-table-other b,
body.dark .time {
    color: #999
}

#scrollIframe #showCompany h1,
#scrollIframe #showCountry h1,
#scrollIframe #showFilterBox h1,
#scrollIframe #showoptional h1,
#scrollIframe #showoptional2 h1 {
    float: left;
    font-size: 11px;
    font-weight: 700;
    padding-left: 15px
}

#scrollIframe #showCountry,
#scrollIframe #showFilterBox,
#scrollIframe #showoptional2 {
    width: 620px;
    position: absolute;
    left: 140px;
    top: 29px;
    z-index: 5;
    visibility: hidden
}

#scrollIframe #showFilterBox {
    left: 185px
}

#scrollIframe #showCompany li,
#scrollIframe #showCountry li,
#scrollIframe #showFilterBox li,
#scrollIframe #showoptional2 li {
    line-height: 24px;
    display: block;
    width: 47%;
    float: left;
    padding-left: 5px
}

#scrollIframe #countryListDiv li label,
#scrollIframe #showCompany li label,
#scrollIframe #showoptional li label,
#scrollIframe #showoptional2 li label {
    line-height: 24px;
    width: 90%;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

#scrollIframe #goalTable li,
#scrollIframe #showoptional2 li,
#scrollIframe #showoptional2 li label {
    display: flex;
    align-items: center;
    position: relative;
    gap: 4px
}

#scrollIframe #goalTable li,
#scrollIframe #showoptional2 li label span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 85%
}

#scrollIframe #showCompany li input,
#scrollIframe #showCountry li input,
#scrollIframe #showoptional2 li input {
    vertical-align: top;
    margin: 6px 5px 0 0
}

#scrollIframe #countryListDiv li:hover,
#scrollIframe #showCompany li:hover,
#scrollIframe #showoptional li:hover,
#scrollIframe #showoptional2 li:hover,
#scrollIframe .h-th {
    background-color: #f0f0f0
}

#scrollIframe #showCompany {
    width: 230px;
    position: absolute;
    left: 170px;
    top: 84px;
    z-index: 5;
    visibility: hidden
}

#scrollIframe #showCompany li label {
    width: 76%
}

#scrollIframe #countryListDiv,
#scrollIframe #myleague,
#scrollIframe #myleague2 {
    overflow: auto;
    max-height: 470px
}

#scrollIframe #countryListDiv ul,
#scrollIframe #myleague ul,
#scrollIframe #myleague2 ul,
#scrollIframe #showCompany ul,
#scrollIframe #showoptional ul {
    padding: 10px;
    overflow: hidden
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 ul {
    padding: 0;
    margin-bottom: 4px
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 li,
#scrollIframe .game-compare .news .new:last-child .direct,
#scrollIframe .menu2 li.has_sub ul.sub_menu li:last-child,
#scrollIframe .newsetting .mb0 {
    margin-bottom: 0
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 .fixture-league-name {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 li label,
#scrollIframe .bak_div .odd-bg1 b,
#scrollIframe .data-sync #Table3.subleateam th,
#scrollIframe tr#tr_upper-live-titlez td,
body.dark .data-sync #Table3.subleateam th {
    white-space: nowrap
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 li label span {
    padding-left: 0;
    padding-right: 0
}

#scrollIframe #fixture-page #min #tools #showoptional2 #myleague2 li input[type=checkbox] {
    height: 13px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

#scrollIframe .rbl {
    text-align: center;
    font-weight: 700;
    line-height: 35px
}

#scrollIframe .bts {
    display: block;
    clear: both;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    overflow: hidden
}

#scrollIframe .bts span {
    margin: 0 3px;
    font-size: 11px;
    font-weight: 700;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    padding: 0 18px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle
}

#scrollIframe .bts .ent {
    background-color: #307b06;
    color: #fff;
    padding: 0 30px
}

#scrollIframe .bts .LQent {
    background-color: #8e3537
}

.dark .bts .LQent,
.dark .bts .ent {
    background-color: #c75102;
    color: #fff
}

#scrollIframe .bts .fgSpan input[type=checkbox] {
    vertical-align: middle;
    margin: -2px 5px 0 0
}

#scrollIframe .fg_Title {
    display: block;
    color: #212121;
    line-height: 24px;
    font-size: 14px;
    padding-left: 15px;
    clear: both;
    background-color: #fafafa
}

.dark .fg_Title {
    color: #fff;
    background-color: #2f2f2f
}

#scrollIframe .oddstable {
    box-shadow: 1px 2px 1px #a0a0a0
}

.dark .oddstable {
    box-shadow: 0 1px 5px #000
}

#scrollIframe .oddstable td {
    line-height: 17px;
    text-align: center
}

#scrollIframe .oddsCaption {
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

#scrollIframe .oddschanges td {
    line-height: 22px;
    text-align: center;
    padding: 2px
}

#scrollIframe .oddschanges .odd-teamname .sup {
    font-size: 12px;
    color: #9f0000;
    -webkit-transform: scale(.89);
    transform: scale(.89);
    display: inline-block;
    margin: 0 2px
}

#scrollIframe .oddschanges .odd-sname {
    display: inline-block;
    padding: 0 5px;
    line-height: 22px;
    border-radius: 3px
}

#scrollIframe .oddschanges .odd-teamname {
    font-size: 13px;
    line-height: normal
}

#scrollIframe .oddschanges .odd-score {
    font-size: 15px;
    font-weight: 700
}

#scrollIframe .oddschanges .more span {
    font-weight: 700;
    color: var(--blue40);
    text-decoration: underline
}

#scrollIframe .oddschanges .more span:hover {
    color: #f60;
    cursor: pointer
}

#scrollIframe #main #right .adclass,
#scrollIframe #nav2 ul,
#scrollIframe .m5 {
    margin-bottom: 5px
}

#scrollIframe .team_info {
    display: block;
    line-height: 24px;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6
}

#scrollIframe .teaminfo2 {
    background-color: #e6f0fb;
    color: #33638a
}

#scrollIframe .agaT,
#scrollIframe .agaT td,
#scrollIframe .info_nav .tdlink .currPlayer {
    background: var(--yellow20) !important
}

#scrollIframe .greens {
    color: #360;
    background-color: #d3f88f;
    font-weight: 700
}

#scrollIframe #teamid .underLine a,
#scrollIframe .hljs-link,
#scrollIframe .hot-news-list .hot-news-item:hover .hot-news-btn,
#scrollIframe .nav22 li a {
    text-decoration: underline
}

#scrollIframe #main2 {
    clear: both;
    margin: 4px auto 0;
    padding: 10px
}

.dark #bottom,
.dark #i_main,
.dark #i_main2,
.dark #main2 {
    background-color: #282828
}

#scrollIframe .bg1 {
    background-color: #f3f2f2 !important
}

.dark .bg1,
body.dark #calendar,
body.dark #calendar .datelayer_td-blank,
body.dark #calendar .datelayer_td-blank:hover,
body.dark #div_search,
body.dark #main #left .lrdiv,
body.dark #main #min,
body.dark #main #right .lrdiv,
body.dark #main3,
body.dark #oddsChange,
body.dark #panluDiv,
body.dark #settingPop .box-footer,
body.dark #settingPop .dbList ul div,
body.dark #showCompany,
body.dark #showCountry,
body.dark #showoptional,
body.dark .BtvLink,
body.dark .ant .matchdata .databtns,
body.dark .b1,
body.dark .bak_div,
body.dark .calendar__days,
body.dark .com LI SPAN A:hover,
body.dark .fx-tab .fx-tab-on,
body.dark .fx-tab .fx-tab-on2,
body.dark .fx-tb-b h4,
body.dark .fx-tb-b li b,
body.dark .guest-div a span,
body.dark .home-div a span,
body.dark .livetab,
body.dark .matchList .item .exbar,
body.dark .n-search,
body.dark .rbl,
body.dark .rf,
body.dark .tvLink,
body.dark .twin,
body.dark .w10,
body.dark .white-bg,
body.dark .white-bg2,
body.dark [id^=oddsChange_],
body.dark body select {
    background-color: #282828 !important
}

#scrollIframe #main .content {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 50px 6px 0
}

#scrollIframe .btns {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px solid #5885b7;
    height: 30px
}

#scrollIframe .btns .btn {
    background: #bcdafa;
    display: block;
    height: 29px;
    width: 100px;
    font-size: 14px;
    line-height: 29px;
    color: #333;
    float: left;
    text-align: center;
    border-top: 1px solid #a9bed3;
    border-right: 1px solid #a9bed3;
    border-left: 1px solid #a9bed3
}

#scrollIframe .btns .btn.on {
    background: #5885b7;
    width: 100px;
    color: #fff;
    font-weight: 700
}

#scrollIframe .discription {
    padding-top: 10px;
    overflow: hidden;
    text-align: center
}

#scrollIframe .discription span {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle
}

#scrollIframe #favProp {
    position: absolute;
    right: 10px;
    top: 54px;
    padding: 5px;
    border: 10px solid #2c435c;
    background: #5885b7;
    z-index: 99;
    line-height: 20px;
    color: #fff;
    font-size: 13px
}

#scrollIframe .livetab {
    padding: 5px;
    border-radius: 3px
}

#scrollIframe .popup-overlay,
#scrollIframe .popup-overlay-again {
    background-color: #000;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#scrollIframe .jqTitle {
    line-height: 22px;
    text-align: center;
    width: 100%;
    font-weight: 700
}

#scrollIframe .livetab .info {
    float: left;
    width: 400px
}

#scrollIframe .jqSubTitle td {
    background: #f3fdf1;
    font-weight: 700
}

.dark .jqSubTitle td {
    background: #546b50
}

#scrollIframe .jqSubTitle2 span {
    display: inline-block;
    width: 50%
}

#scrollIframe .jqSubTitle2,
#scrollIframe .jqTitle2 {
    line-height: 26px;
    text-align: center;
    width: 398px;
    float: left;
    font-weight: 700
}

#scrollIframe .livetab td {
    text-align: center;
    line-height: 22px;
    font-size: 12px
}

#scrollIframe .popup-overlay {
    opacity: .2
}

#scrollIframe .popup-overlay-again {
    opacity: .5
}

#scrollIframe .popup-container,
#scrollIframe .popup-container2 {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

#scrollIframe .popup-container .popup-titlebar {
    height: 28px;
    background: 0 -2px #397f19;
    cursor: move;
    border-top: 1px solid #397f19
}

#scrollIframe .popup-container .popup-titlebar .Ptitle,
#scrollIframe .popup-container2 .popup-titlebar2 .Ptitle {
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    margin-left: 15px;
    background: 0 0;
    font-size: 13px
}

#scrollIframe .popup-container .popup-titlebar .Pclose,
#scrollIframe .popup-container2 .popup-titlebar2 .Pclose {
    float: right;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 3px;
    background: url(../images/close.gif) no-repeat;
    width: 20px;
    height: 20px
}

#scrollIframe .popup-container .popup-titlebar .Pclose:hover,
#scrollIframe .popup-container2 .popup-titlebar2 .Pclose:hover {
    background: url(../images/close.gif) no-repeat
}

#scrollIframe .popup-container .popup-content {
    border: 3px solid #397f19;
    margin: 0;
    overflow: hidden
}

.dark .popup-container .popup-content,
.dark .popup-container2 .popup-content2,
body.dark #calendar td,
body.dark .bts span,
body.dark .com LI SPAN A,
body.dark .fx,
body.dark .fx20,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .listtab .stsw td,
body.dark .litab2,
body.dark .loadngdiv,
body.dark .oddstitle,
body.dark .player-list,
body.dark .scoretitle td,
body.dark .search-container .searchItem:nth-child(odd),
body.dark .sotit,
body.dark .team-table-guest,
body.dark .team-table-guest td,
body.dark .team-table-guest tr,
body.dark .team-table-home,
body.dark .team-table-home td,
body.dark .team-table-home tr,
body.dark .team-table-other,
body.dark .team-table-other td,
body.dark .team-table-other tr {
    background-color: #2f2f2f
}

#scrollIframe .popup-container .popup-resize,
#scrollIframe .popup-container2 .popup-resize {
    text-align: right;
    margin-top: -30px;
    height: 30px;
    line-height: 0;
    overflow: hidden
}

#scrollIframe .popup-container .popup-resize div,
#scrollIframe .popup-container2 .popup-resize div {
    width: 30px;
    line-height: 30px;
    background: url(../images/a_popup_resize.gif) 23px 22px no-repeat;
    float: right;
    text-indent: 100px;
    overflow: hidden;
    cursor: se-resize
}

#scrollIframe .popup-container2 .popup-titlebar2 {
    height: 28px;
    background: 0 -2px #8e3537;
    cursor: move
}

#scrollIframe .popup-container2 .popup-content2 {
    border: 3px solid #8e3537;
    margin: 0;
    overflow: hidden
}

#scrollIframe .JsTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 5px;
    background-color: #0c609c;
    color: #fff;
    -webkit-box-shadow: 0 0 9px #999;
    box-shadow: 0 0 9px #999
}

#scrollIframe .JsTitleNoBG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 0;
    -webkit-box-shadow: 0 0 9px #999;
    box-shadow: 0 0 9px #999
}

#scrollIframe .odds_checked,
#scrollIframe .odds_unchecked {
    margin: 2px 3px;
    line-height: 24px;
    width: 87px;
    display: inline-block
}

#scrollIframe .tabs {
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 24px;
    height: 24px;
    overflow: hidden
}

#scrollIframe .tabs a,
#scrollIframe .tabs span {
    padding: 0 4px;
    line-height: 24px;
    height: 24px;
    border: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer
}

#scrollIframe .tabs .on {
    background: #fff;
    color: #5885b7
}

#scrollIframe #mScore {
    font-size: 16px;
    color: #d64444;
    font-weight: 700;
    line-height: 30px
}

.dark #mScore {
    color: #de5b5c
}

#scrollIframe .lrdiv .odds_setting {
    margin: 0 0 3px 3px
}

#scrollIframe .input_text {
    border: 0;
    font-size: 12px;
    width: 100%;
    border-radius: 2px;
    padding: 5px 0 5px 30px
}

.dark .input_text {
    color: #999 !important
}

#scrollIframe .search {
    overflow: hidden;
    padding: 10px 0 5px
}

#scrollIframe #mainDiv *,
#scrollIframe .search *,
body #scrollIframe #table_live tr td {
    box-sizing: border-box
}

#scrollIframe .search input {
    height: 32px;
    border: 1px solid #e5e5e5;
    padding: 0 5px;
    width: 75%;
    float: left;
    border-right: 0
}

#scrollIframe .search input[type=text] {
    padding-left: 25px
}

#scrollIframe .search #btnsearch {
    width: 25%;
    float: right;
    background: #eaf7ff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    font-weight: 700
}

#scrollIframe .leftnav .adclass a {
    padding: 0;
    height: 80px;
    width: 144px
}

#scrollIframe #oddsChange,
#scrollIframe #panluDiv,
#scrollIframe .bak_div,
#scrollIframe [id^=oddsChange_] {
    border-radius: 3px;
    overflow: hidden;
    padding: 5px
}

#scrollIframe #main #left {
    overflow: hidden;
    padding: 0;
    border-radius: 4px
}

#scrollIframe #div_ad_float {
    padding-left: 24px;
    padding-top: 10px
}

#scrollIframe div#left_float_ad {
    margin-top: 15px
}

#scrollIframe #div_ad_float img,
#scrollIframe #left_float_ad img,
#scrollIframe #main .adclass img {
    width: 100%;
    margin-bottom: 3px
}

#scrollIframe #info #left .leftnav li a,
#scrollIframe #main #left .leftnav li a {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #070f03;
    border-radius: 0;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    max-width: 100%;
    box-sizing: border-box
}

#scrollIframe #info #left .leftnav li a.on,
#scrollIframe #main #left .leftnav li a.on,
#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner:hover .option.active:hover,
#scrollIframe .main-content.cup-match #info .page-schedule #showRound tr td#selectName,
#scrollIframe .second-version .rank-head td .bg-oyellow-2 {
    background-color: #e3f1eb
}

.dark #info #left .leftnav li a.on,
.dark #main #left .leftnav li a.on,
.dark .filterLi2.xz .dropdown-menu .option:hover,
body.dark .leftnav li a:hover,
body.dark .other-leagues .nation .nation-item:hover,
body.dark .other-leagues .nation .nation-leagues ul .nation-leagues-item a:hover {
    background: linear-gradient(90deg, #01311e, #000e09)
}

#scrollIframe #basketball #main #left {
    min-height: 1520px
}

#scrollIframe #appHome,
#scrollIframe #main #min {
    width: 802px
}

#scrollIframe .toolimg {
    min-width: 45px;
    position: relative;
    line-height: 25px;
    height: 25px;
    text-align: left !important
}

#scrollIframe .toolimg .icons {
    position: absolute;
    right: 0;
    top: 6px;
    width: 88px
}

#scrollIframe .Schedule .toolimg,
#scrollIframe .result .toolimg {
    text-align: center !important;
    padding-left: 0
}

#scrollIframe #info.vue .data,
#scrollIframe .Schedule .toolimg span,
#scrollIframe .result .toolimg span {
    float: none
}

#scrollIframe .popWin {
    z-index: 999999;
    overflow: hidden;
    box-shadow: 0 0 10px #999;
    color: #fff;
    text-align: center;
    left: 1%
}

#scrollIframe .popWin .closeBtn {
    text-decoration: none;
    color: #151515;
    font-weight: 400;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-style: none;
    cursor: pointer;
    font-size: 30px;
    font-family: Arial;
    line-height: 30px
}

#scrollIframe .popWin .info {
    padding: 5px 10px 10px 20px;
    font-size: 26px;
    text-align: center
}

#scrollIframe .popWin .hd {
    line-height: 40px;
    height: 40px;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 10px 20px 0
}

#scrollIframe .shareL li {
    margin: 9px;
    padding: 0
}

#scrollIframe #popupLinksMsg {
    position: fixed;
    z-index: 999999;
    top: 400px;
    width: 420px;
    left: 50%;
    margin-left: -210px;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 8px 40px #b74949
}

#scrollIframe #popupLinksMsg .step {
    margin-top: 5px;
    border: 1px double #fff
}

#scrollIframe #popupLinksMsg a {
    color: #00c;
    text-decoration: underline
}

#scrollIframe #popupLinksMsg .linkBtn {
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-left: 5px;
    color: #555;
    border-radius: 3px;
    background-color: #fff;
    width: 97% !important;
    box-shadow: 2px 2px 1px #bb6b5e
}

#scrollIframe #popupLinksMsg .closeBtn {
    position: absolute;
    right: 0;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    top: 0;
    line-height: 14px;
    padding: 0 7px 7px 12px;
    border-radius: 0 0 0 50px
}

#scrollIframe #popupLinksMsg .linkDesc {
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

#scrollIframe #popupLinksMsg .content {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-indent: 1em;
    margin-bottom: 8px
}

#scrollIframe #topLine {
    font-weight: 700;
    line-height: 40px
}

#scrollIframe #newtop {
    max-width: 1208px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

#scrollIframe #newtop #menu {
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style: none;
    height: 44px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    gap: 16px
}

#scrollIframe #AdLayer4 a,
#scrollIframe .crumbs,
#scrollIframe .crumbs .crumbs-wrapper div,
#scrollIframe .d-flex,
#scrollIframe .team {
    display: flex;
    align-items: center
}

#scrollIframe .flex-center {
    justify-content: center;
    align-items: center
}

#scrollIframe .gap-0 {
    gap: 0
}

#scrollIframe .gap-1 {
    gap: .25rem !important
}

#scrollIframe .gap-2 {
    gap: .5rem !important
}

#scrollIframe .gap-3 {
    gap: 1rem !important
}

#scrollIframe .menu-slide .owl-nav {
    position: absolute;
    right: -56px;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    top: -2px;
    background-color: #00301d;
    border-radius: 5px;
    overflow: hidden
}

#scrollIframe #main .idx-favorite .tvLinkBtn,
#scrollIframe #main .idx-homepage .tvLinkBtn,
#scrollIframe #main .idx-resultpage .tvLinkBtn,
#scrollIframe #soccer .mcontent .oddstd p:nth-child(2),
#scrollIframe .Preferences input,
#scrollIframe .Preferences2 input,
#scrollIframe ._hide,
#scrollIframe .date-now-none .date-picker-now,
#scrollIframe .date-picker ul li:last-child:after,
#scrollIframe .ef-radio>input[type=radio],
#scrollIframe .el-radio>input[type=radio],
#scrollIframe .guest,
#scrollIframe .menu-slide .owl-nav button.owl-prev,
#scrollIframe .none,
#scrollIframe .tab-container .content,
#scrollIframe .team-more-info .team-hg.hidden-element,
body #scrollIframe .only-score .handOdds,
body #scrollIframe .only-score .odds-title,
body #scrollIframe .only-score .otOdds,
body #scrollIframe .only-score .ouOdds,
body.dark .only-score .handOdds,
body.dark .only-score .odds-title,
body.dark .only-score .otOdds,
body.dark .only-score .ouOdds {
    display: none
}

#scrollIframe .menu-slide .owl-nav button {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

#scrollIframe .menu-slide .owl-nav button>div {
    width: 24px;
    height: 24px;
    background-image: url(../images/DoubleAltArrowRight.svg);
    background-repeat: no-repeat;
    margin: auto
}

#scrollIframe #newtop #menu,
#scrollIframe #newtop #menu * {
    transition: unset
}

#scrollIframe #newtop #menu li {
    width: 100%;
    height: 52px
}

#scrollIframe #newtop #menu li .menu-item-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #00301d;
    max-width: unset
}

#scrollIframe #newtop #menu li .menu-item-inner:after {
    position: absolute;
    bottom: -4px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-top: 8px solid #fff;
    border-right: 18px solid transparent
}

#scrollIframe #newtop #menu li.active .menu-item-inner,
#scrollIframe #newtop #menu li:hover .menu-item-inner {
    background-color: #fff;
    position: relative
}

#scrollIframe #newtop #menu li.active .menu-item-inner:after,
#scrollIframe #newtop #menu li:hover .menu-item-inner:after,
#scrollIframe .theme .theme-style:before {
    content: ""
}

#scrollIframe #menu li.active a.menu-item-inner,
#scrollIframe #menu li:hover a.menu-item-inner,
#scrollIframe #newtop #menu li.active a,
#scrollIframe #newtop #menu li:hover a {
    color: #005030
}

#scrollIframe #newtop #menu li a {
    font-size: 14px;
    font-weight: 700;
    color: #99b9ac;
    display: inline-block;
    vertical-align: middle
}

#scrollIframe #newtop #menu li img,
#scrollIframe .swiper-box-icon {
    width: 32px;
    height: 32px;
    margin-right: 6px
}

#scrollIframe #menu .tab_on {
    font-weight: 700;
    opacity: 1
}

#scrollIframe #menu .tab_on:after {
    display: inline-block;
    position: absolute;
    top: 32px;
    border-radius: 20px;
    left: 35px;
    width: calc(100% - 44px);
    width: -webkit-calc(100% - 44px);
    height: 2px;
    content: "";
    background-color: #fff
}

#scrollIframe #menu a i {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-top: 10px;
    margin-right: 7px;
    background-size: 100%
}

#scrollIframe #ball1 i {
    background-image: url(../images/soccer.png)
}

#scrollIframe #ball2 i {
    background-image: url(../images/basketball.png)
}

#scrollIframe #ball3 i {
    background-image: url(../images/Tennis.png)
}

#scrollIframe #ball4 i {
    background-image: url(../images/Esports.png)
}

#scrollIframe #ball5 i {
    background-image: url(../images/Baseball.png)
}

#scrollIframe #ball6 i {
    background-image: url(../images/Cricket.png)
}

#scrollIframe #ball9 i {
    background-image: url(../images/news.png)
}

#scrollIframe #ball10 i {
    background-image: url(../images/duelday.png)
}

#scrollIframe #ball11 i {
    background-image: url(../images/api.png)
}

#scrollIframe #balls i {
    background-image: url(../images/more.png)
}

#scrollIframe #byLink,
#scrollIframe .swiper-slide-invisible-blank {
    visibility: hidden
}

#scrollIframe .miLive {
    background-image: url(/images/menubg3.gif);
    background-repeat: no-repeat;
    height: 33px;
    float: left
}

#scrollIframe .menu2 {
    clear: both;
    line-height: 35px;
    border-top: 0;
    display: flex
}

#scrollIframe .menu2 li {
    position: relative;
    float: left;
    width: 12.4%;
    transition: .175s linear;
    border-bottom: 3px solid transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 1
}

#scrollIframe .menu2 li a {
    width: 100% !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    position: relative;
    cursor: pointer
}

#scrollIframe .menu2 li:last-child a {
    border-right: 0 !important
}

#scrollIframe .menu2 .on {
    height: 43px;
    border-bottom: 3px solid #fff;
    background: #337359
}

#scrollIframe #tools {
    line-height: 28px;
    height: 28px;
    overflow: hidden
}

#scrollIframe #tools li {
    float: left;
    margin-right: 2px;
    cursor: pointer;
    height: 30px
}

#scrollIframe #tools li span {
    line-height: 30px;
    text-align: center;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 3px 3px 0 0
}

#scrollIframe #tools .low span {
    position: relative;
    padding: 0 20px 0 9px !important
}

#scrollIframe #tools .low span:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 4px solid transparent;
    border-top-color: #666;
    right: 8px;
    top: 13px
}

#scrollIframe #tools .on.low span:after,
.dark #tools .on.low span:after,
.dark .sbtn2:after {
    border-top-color: #fff
}

#scrollIframe #tools .filterLi a,
#scrollIframe #tools .filterLi2 a {
    padding: 0 7px 0 10px
}

#scrollIframe #tools li span u {
    margin-left: 8px
}

#scrollIframe #tools .pd2 li a {
    padding: 0 15px
}

#scrollIframe #main3 #tools .filterLi a:after,
#scrollIframe #tools .pn-selectn-selectd2 .filterLi a:after {
    right: 15px
}

#scrollIframe #tools .pd2 #li_MyGame a {
    padding-right: 17px
}

.dark #tools .filterLi a:after {
    border-top-color: #999
}

#scrollIframe #basketball .odds_detail select {
    background: 0 0;
    color: var(--textcolor-2)
}

#scrollIframe #main3 #tools li span,
#scrollIframe .filterLi2.xz .dropdown-menu>div,
#scrollIframe .game-compare .list-game {
    padding: 0 10px
}

#scrollIframe .date-picker {
    height: 43px;
    margin-bottom: 4px;
    border-radius: 3px;
    padding-bottom: 5px
}

#scrollIframe .date-picker-now {
    border-right: 1px solid #e5e5e5
}

#scrollIframe .date-picker>div,
#scrollIframe .date-picker>ul>li {
    float: left;
    font-size: 10px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 4px;
    cursor: pointer;
    height: 35px
}

#scrollIframe .date-picker ul li {
    width: 5.05%;
    display: block;
    margin: 0 2px;
    border-radius: 4px;
    position: relative
}

#scrollIframe .date-picker ul li:hover {
    color: #f60;
    background-color: #fff8f3
}

.dark .date-picker ul li:hover {
    color: #f60;
    background-color: #46382f
}

#scrollIframe .date-picker ul li.on {
    background-color: #f60;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2));
    box-shadow: 0 1px 5px #90570040;
    color: #fff
}

.dark .date-picker ul li.on {
    background-color: #b94b01
}

#scrollIframe .date-picker .li_today {
    color: #ec6623
}

#scrollIframe #game-rate .table-score-container .odds-number tbody,
#scrollIframe #game-rate .table-score-container .odds-number tr,
#scrollIframe .date-picker span:first-child,
#scrollIframe a.banner-sw-block,
#scrollIframe a.banner-sw-block img {
    display: block;
    width: 100%
}

#scrollIframe .date-picker span:last-child {
    display: block;
    font-size: 14px;
    font-weight: 800;
    width: 100%
}

#scrollIframe .date-picker ul li:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: #efefef;
    right: -4px;
    top: 15px
}

#scrollIframe .date-picker .date-picker-now {
    padding: 4px 15px;
    display: none
}

#scrollIframe .date-picker .date-picker-calendar {
    width: 6%;
    position: relative
}

#scrollIframe .date-picker-calendar p {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../images/date.png);
    margin: 7px auto 0
}

#scrollIframe .date-now-none .date-picker-calendar {
    width: 6.8%;
    position: relative;
    z-index: 999
}

#scrollIframe .date-now-none .date-picker ul li {
    width: 4.97%;
    display: block;
    margin: 0 2px
}

#scrollIframe .date-now-none2 .date-picker ul li {
    width: 5%;
    display: block
}

#scrollIframe .date-now-allnone .date-picker ul li {
    width: 5.51%;
    display: block
}

#scrollIframe .datelayer {
    position: absolute;
    z-index: 6;
    right: -1px;
    top: -1px;
    visibility: hidden;
    border-radius: 3px
}

#scrollIframe #calendar {
    box-shadow: 0 3px 6px #002c5f33;
    border-radius: 3px;
    padding: 10px;
    z-index: 10;
    box-sizing: border-box;
    text-align: center;
    width: 300px
}

#scrollIframe #calendar select {
    border: 0;
    font-weight: 700;
    margin: 5px 30px;
    font-size: 16px !important
}

#scrollIframe #calendar .l-line {
    margin: 0 10px
}

#scrollIframe #calendar .d-line {
    padding-bottom: 5px;
    margin-bottom: 5px
}

#scrollIframe #calendar th {
    color: #aeaeae;
    line-height: 2
}

#scrollIframe #calendar td {
    line-height: 2.5;
    font-size: 14px;
    border-radius: 2px
}

#scrollIframe #calendar td:hover {
    background-color: #f4f4f4;
    cursor: pointer
}

.dark #calendar td:hover {
    background-color: #545454
}

#scrollIframe #calendar .datelayer_td-sel,
#scrollIframe #calendar .datelayer_td-sel:hover {
    background: #ffd842;
    border: 1px solid #f3b07a;
    border-radius: 2px;
    font-weight: 700;
    color: #ad6212
}

.dark #calendar .datelayer_td-sel,
.dark #calendar .datelayer_td-sel:hover {
    background: #ffd842;
    color: #ad6212
}

#scrollIframe .datelayer_fon-today {
    font-weight: 700;
    color: #ec6623
}

#scrollIframe .datelayer_btn-today {
    color: #ec6623;
    margin: 10px 0
}

#scrollIframe #tools .odds_setting {
    float: right;
    position: relative;
    margin-top: 2px;
    display: none
}

#scrollIframe #tools .odds_setting.hm {
    width: 214px;
    text-align: right;
    display: none
}

body #scrollIframe #tools .odds_setting p {
    font-size: 12px;
    font-weight: 500;
    display: inline
}

#scrollIframe #odds_setting .odds_items {
    position: absolute;
    left: 31px;
    top: 3px;
    padding: 2px;
    cursor: pointer;
    background: #e1e1e1;
    border-radius: 20px;
    width: 36px;
    overflow: hidden
}

#scrollIframe #odds_setting .odds_items .odds_item {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%
}

#scrollIframe #odds_setting .odds_items.on {
    background: #3c78c6
}

#scrollIframe .switch_box {
    display: none;
    position: absolute;
    z-index: -1
}

#scrollIframe .team_bf {
    font-size: 60px
}

#scrollIframe #goalTable tr:hover td {
    background-color: #d9eaf9
}

.dark .DataTips {
    background: url(../images/nomatch_dark.png) center 40px no-repeat #282828
}

#scrollIframe .date_box .blueLink {
    color: #00f
}

#scrollIframe .sclassLink {
    font-size: 14px;
    cursor: pointer;
    font-weight: 700
}

#scrollIframe .oddsHead select {
    color: #fff;
    font-size: 14px;
    border-width: 0
}

#scrollIframe .on #myGamesCount {
    color: #ffd746
}

#scrollIframe .switch {
    cursor: pointer;
    width: 100%;
    display: inline-block
}

#scrollIframe .switch .switch-style {
    height: 14px;
    -webkit-border-radius: 3px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    float: right;
    margin-top: 4px
}

#scrollIframe .switch .switch-style:before {
    display: block;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 50%;
    left: .1em;
    top: 2px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#scrollIframe .switch>input[type=checkbox]:checked+.switch-style:before {
    left: 50%
}

#scrollIframe .theme .theme-style {
    background-size: cover
}

#scrollIframe .theme .theme-style .theme-style-icon {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: .3s ease-in-out
}

#scrollIframe .theme .theme-style .theme-style-icon.icon-light {
    background-image: url(/assets/images/tool-light-mode-light.svg);
    background-repeat: no-repeat;
    background-size: cover
}

#scrollIframe .theme .theme-style .theme-style-icon.icon-dark {
    background-image: url(/assets/images/tool-light-mode-dark.svg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden
}

#scrollIframe .theme>input[type=checkbox]:checked+.theme-style .theme-style-icon.icon-light {
    opacity: 0;
    visibility: hidden
}

#scrollIframe .theme>input[type=checkbox]:checked+.theme-style .theme-style-icon.icon-dark {
    opacity: 1;
    visibility: visible
}

#scrollIframe .Preferences2 {
    float: right;
    margin-left: 10px;
    padding: 0 10px;
    border-top-right-radius: 3px;
    font-weight: 700
}

#scrollIframe .Preferences2 .switch .switch-style {
    margin-top: 5px;
    margin-left: 10px;
    height: 18px;
    width: 40px
}

#scrollIframe .Preferences2 .switch .switch-style:before {
    width: 19px;
    height: 16px
}

#scrollIframe .el-radio>input[type=radio]+.el-radio-style {
    display: inline-block;
    padding: 0 15px;
    line-height: 35px;
    cursor: pointer;
    font-weight: 700
}

#scrollIframe .el-radio>input[type=radio]:checked+.el-radio-style {
    border-bottom: 2px solid #f60;
    color: #f60
}

#scrollIframe #filterList,
#scrollIframe .filterLi2.xz .dropdown-menu li,
#scrollIframe .game-compare .news,
.dark .filterLi2.xz .dropdown-menu li {
    padding: 10px
}

#scrollIframe #filterList .item {
    margin-bottom: 4px
}

#scrollIframe #filterList .name {
    display: inline-block;
    width: 145px;
    text-align: right;
    margin-right: 5px
}

#scrollIframe .ef-radio-style {
    display: inline-block;
    cursor: pointer;
    padding: 0 10px;
    line-height: 26px;
    width: 50px;
    margin-left: 5px;
    border: 1px solid #e5e5e5
}

#scrollIframe .off .ef-radio-style {
    background-color: #e5e5e5;
    color: #999
}

.dark .off .ef-radio-style {
    background-color: #666;
    color: #999
}

#scrollIframe .ef-radio>input[type=radio]:checked+.ef-radio-style,
.ef-radio>input[type=radio]:checked+.dark .ef-radio-style {
    color: #fff;
    background-color: #307b06
}

.dark .ef-radio-style {
    border-color: #666;
    background-color: #333
}

#scrollIframe #main #left .lrdiv,
#scrollIframe #main #right .lrdiv {
    padding: 0 10px 10px;
    overflow: hidden;
    border-radius: 4px
}

#scrollIframe #main #left .lrdiv {
    width: 100%;
    border-radius: 0;
    padding: 0 !important
}

#scrollIframe #menu li a,
#scrollIframe #tools #filterLi a,
#scrollIframe #tools .filterLi2 a,
#scrollIframe #tools li span,
#scrollIframe .Preferences li,
#scrollIframe .leftnav li a,
#scrollIframe .menu2 li a {
    transition: .2s linear;
    text-transform: capitalize
}

#scrollIframe .closes,
#scrollIframe .collapse,
#scrollIframe .expand {
    display: inline-block;
    float: left;
    width: 25px;
    height: 28px;
    border-left: 1px solid rgba(0, 0, 0, .08);
    position: relative
}

.dark .closes {
    background-color: #3a3a3a;
    opacity: .6;
    border-left: 1px solid #5a5a5a
}

#scrollIframe .closes:after,
#scrollIframe .closes:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 1px;
    top: 11px;
    left: 6px;
    background-color: #888
}

.dark .closes:before,
.dark .expand:before {
    opacity: .6
}

#scrollIframe .cc a:before,
#scrollIframe .closes:before {
    transform: rotate(45deg)
}

#scrollIframe .cc a:after,
#scrollIframe .closebtn:after,
#scrollIframe .closes:after,
#scrollIframe .flyClose:after {
    transform: rotate(-45deg)
}

#scrollIframe .expand:before {
    transform: rotate(0);
    border-top: 4px solid #666
}

#scrollIframe .collapse:before,
#scrollIframe .expand:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

#scrollIframe .collapse:before {
    border-bottom: 4px solid #666
}

.dark .collapse:before {
    border-bottom: 4px solid #999
}

.dark .expand:before {
    border-top: 4px solid #999
}

.dark .collapse,
.dark .expand {
    border-left: 1px solid rgba(255, 255, 255, .08)
}

#scrollIframe a.schedule {
    display: inline-block;
    float: left;
    color: #666;
    width: 55px;
    height: 24px;
    overflow: hidden;
    padding: 0 5px;
    text-decoration: underline;
    line-height: 22px;
    text-align: center
}

#scrollIframe .closes:hover,
#scrollIframe .collapse:hover,
#scrollIframe .expand:hover,
.dark .closes:hover,
.dark .collapse:hover,
.dark .expand:hover {
    background-color: #00000014
}

#scrollIframe .isLeaTop .closes:hover,
#scrollIframe .isLeaTop .collapse:hover,
#scrollIframe .isLeaTop .expand:hover,
#scrollIframe .isLeaTop .schedule:hover {
    text-decoration: none;
    opacity: .8
}

#scrollIframe #div_search,
#scrollIframe #showCompany,
#scrollIframe #showCountry,
#scrollIframe #showFilterBox,
#scrollIframe #showOddsTypes,
#scrollIframe #showoptional,
#scrollIframe #showoptional2,
#scrollIframe .BtvLink,
#scrollIframe .tvLink,
#scrollIframe .tvLoginPop {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 20px #777
}

.dark #div_search,
.dark #showCompany,
.dark #showCountry,
.dark #showFilterBox,
.dark #showOddsTypes,
.dark #showoptional,
.dark #showoptional2,
.dark .tvLink {
    box-shadow: 0 0 20px #000
}

#scrollIframe .notes-div {
    margin: 0 auto;
    width: 400px;
    padding: 20px;
    background-color: #eaf7e6;
    border: 1px solid #b9ccb3;
    color: #427742;
    box-shadow: 1px 2px 1px #bdd0bc
}

#scrollIframe #logoSpan,
#scrollIframe #logo_mobile,
#scrollIframe .add-div,
#scrollIframe .add-info-t,
#scrollIframe .add-info-t2,
#scrollIframe .add-info2,
#scrollIframe .allno,
#scrollIframe .close-info,
#scrollIframe .display-info,
#scrollIframe .display-team,
#scrollIframe .hidden-info,
#scrollIframe .hidden-team,
#scrollIframe .menu2 li.has_sub,
#scrollIframe .nav-tabs,
#scrollIframe .neutral_info,
#scrollIframe .passwordBox,
#scrollIframe .rankicon,
#scrollIframe .right-bf,
#scrollIframe .searchWin .scorelists .icon,
#scrollIframe td.oddstd.c9 {
    position: relative
}

#scrollIframe .Detail-basketball-icon:hover:after,
#scrollIframe .Detail-icon:hover:after,
#scrollIframe .add-info-l2:hover:after,
#scrollIframe .add-info-l:hover:after,
#scrollIframe .add-info-t2:hover:after,
#scrollIframe .add-info-t:hover:after,
#scrollIframe .add-info2:hover:after,
#scrollIframe .add-info:hover:after,
#scrollIframe .allno:hover:after,
#scrollIframe .analyze-icon:hover:after,
#scrollIframe .bkflash-icon:hover:after,
#scrollIframe .close-info:hover:after,
#scrollIframe .closedata-icon:hover:after,
#scrollIframe .display-info:hover:after,
#scrollIframe .display-team:hover:after,
#scrollIframe .hidden-info span:hover:after,
#scrollIframe .hidden-info-match:hover:after,
#scrollIframe .hidden-team:hover:after,
#scrollIframe .highlight-icon:hover:after,
#scrollIframe .league-title-rank-icon:hover:after,
#scrollIframe .matchdata-icon:hover:after,
#scrollIframe .neutral_info:hover:after,
#scrollIframe .odds-icon1x2:hover:after,
#scrollIframe .odds-icon:hover:after,
#scrollIframe .rankicon:hover:after,
#scrollIframe .remove-league-icon:hover:after,
#scrollIframe .show-info-match:hover:after,
#scrollIframe .threeinone-icon:hover:after,
#scrollIframe .x12-icon:hover:after {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    z-index: 999;
    color: #fff;
    border-radius: 3px;
    background-color: #444;
    top: 28px;
    box-shadow: 0 0 6px #444;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
    width: max-content;
    right: 0;
    font-family: Inter, sans-serif
}

#scrollIframe .allno:hover:after,
.dark .Detail-basketball-icon:hover:after,
.dark .Detail-icon:hover:after,
.dark .add-info-l2:hover:after,
.dark .add-info-l:hover:after,
.dark .add-info-t2:hover:after,
.dark .add-info-t:hover:after,
.dark .add-info2:hover:after,
.dark .add-info:hover:after,
.dark .analyze-icon:hover:after,
.dark .bkflash-icon:hover:after,
.dark .close-info:hover:after,
.dark .closedata-icon:hover:after,
.dark .display-info:hover:after,
.dark .hidden-info span:hover:after,
.dark .hidden-info-match:hover:after,
.dark .hidden-info:hover:after,
.dark .highlight-icon:hover:after,
.dark .league-title-rank-icon:hover:after,
.dark .matchdata-icon:hover:after,
.dark .neutral_info:hover:after,
.dark .odds-icon1x2:hover:after,
.dark .odds-icon:hover:after,
.dark .rankicon:hover:after,
.dark .remove-league-icon:hover:after,
.dark .show-info-match:hover:after,
.dark .threeinone-icon:hover:after,
.dark .x12-icon:hover:after,
body.dark .hover-in-a-container:before {
    background-color: #242424
}

#scrollIframe .remove-league-icon:hover:after {
    left: 100%;
    top: 100%;
    margin-top: 5px
}

#scrollIframe .neutral_info:hover:after {
    top: 18px;
    content: "Neutral Locatio"
}

#scrollIframe .add-info:hover:after {
    content: "Theo dõi trận đấu này!"
}

#scrollIframe .add-info2:hover:after {
    content: "Hủy theo dõi trận đấu này!"
}

#scrollIframe .add-info-l:hover:after {
    content: "Theo dõi giải đấu này!"
}

#scrollIframe .add-info-l2:hover:after {
    content: "Hủy theo dõi giải đấu này!"
}

#scrollIframe .add-info-t:hover:after {
    content: "Theo dõi đội bóng này!"
}

#scrollIframe .add-info-t2:hover:after {
    content: "Hủy theo dõi đội bóng này!"
}

#scrollIframe .close-info:hover:after {
    content: "Remove all game of this league"
}

#scrollIframe .hidden-info span:hover:after {
    content: "Ẩn lại giải đấu này"
}

#scrollIframe .display-info:hover:after {
    content: "Hiển thị giải đấu này"
}

#scrollIframe .hidden-team:hover:after {
    content: "Hide all matches of this team"
}

#scrollIframe .display-team:hover:after {
    content: "Display all matches of this team"
}

#scrollIframe .closedata-icon:hover:after,
#scrollIframe .matchdata-icon:hover:after {
    content: "จับคู่ข้อมูล"
}

#scrollIframe .highlight-icon:hover:after {
    content: "Match Highlights"
}

#scrollIframe .bkflash-icon:hover:after {
    content: "Live Animation"
}

#scrollIframe .Detail-icon:hover:after {
    content: "Detail"
}

#scrollIframe .threeinone-icon:hover:after {
    content: "3in1"
}

#scrollIframe .x12-icon:hover:after {
    content: "1x2"
}

#scrollIframe .league-title-rank-icon:hover:after,
#scrollIframe .rankicon:hover:after {
    content: "Standings"
}

#scrollIframe .remove-league-icon:hover:after {
    content: "Xóa tất cả đội bóng đã theo dõi"
}

#scrollIframe .hidden-info-match:hover:after {
    content: "Hide all matches of this league"
}

#scrollIframe .show-info-match:hover:after {
    content: "Display all matches of this league"
}

#scrollIframe .Detail-basketball-icon:hover:after {
    content: "Statistics"
}

#scrollIframe .Detail-basketball-icon,
#scrollIframe .Detail-icon,
#scrollIframe .analyze-icon,
#scrollIframe .closedata-icon,
#scrollIframe .highlight-icon,
#scrollIframe .icon-font-reduce,
#scrollIframe .matchdata-icon,
#scrollIframe .odds-icon,
#scrollIframe .odds-icon1x2,
#scrollIframe .x12-icon {
    color: #888;
    line-height: 14px;
    height: 14px;
    width: 16px;
    display: inline-block;
    margin: 0 2px;
    position: relative;
    text-align: center
}

#scrollIframe .bkflash-icon {
    color: #888;
    line-height: 14px;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    text-align: center
}

#scrollIframe .x12-icon {
    background-image: url(../images/1x2.png)
}

#scrollIframe .add-div .icon.on {
    color: var(--yellow60)
}

#scrollIframe .add-div .icon-font-collect-on {
    color: var(--yellow60) !important;
    font-size: 14px
}

#scrollIframe .add-div .icon-font-collect-off,
#scrollIframe .add-div .icon-font-collect-on {
    color: var(--gray50);
    cursor: pointer;
    width: 11px;
    height: 11px;
    display: inline-block;
    position: relative
}

#scrollIframe .icon.icon-analysis,
#scrollIframe .icon.icon-odds,
#scrollIframe .second-version .tdlink.lh17 tr td .item-ht-score .score {
    font-size: 15px
}

#scrollIframe .icon.icon-b-ant-off,
#scrollIframe .icon.icon-b-ant-on,
#scrollIframe .icon.icon-icon-detail,
#scrollIframe .icon.icon-icon-live1 {
    font-size: 17px;
    vertical-align: -1px
}

#scrollIframe .icon-font-lineup,
#scrollIframe .icon-icon-live1,
#scrollIframe .icon-matchdata {
    color: #4fa82a
}

#scrollIframe .icon-matchdata.on {
    color: #fe9626;
    transform: rotate(180deg)
}

#scrollIframe .icon-b-ant-on,
#scrollIframe .icon-icon-live1.on {
    color: #fe9626
}

#scrollIframe .icon-b-ant-on.on {
    color: #ff4e1e
}

#scrollIframe .l0:hover:after {
    left: 0
}

#scrollIframe .r0:hover:after {
    right: 0
}

#scrollIframe .rankicon {
    font-style: normal
}

#scrollIframe .Nrank {
    color: var(--textcolor-3);
    font-weight: 700;
    font-style: italic;
    line-height: normal;
    font-family: Sofascore Sans Condensed, sans-serif
}

#scrollIframe .listtab td {
    text-align: center;
    padding: 8px 0
}

#scrollIframe .listtab tr:last-child td {
    border-bottom: 0
}

#scrollIframe .rs_ser {
    padding: 0;
    overflow: hidden
}

#scrollIframe .rs_ser li {
    float: left;
    position: relative;
    font-weight: 700
}

#scrollIframe .rs_ser li a {
    line-height: 25px;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    color: #666
}

#scrollIframe .rs_ser .nks a,
#scrollIframe .rs_ser .nks a:hover {
    text-decoration: none;
    color: #f60
}

#scrollIframe .rs_ser .nks:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #f60;
    position: absolute;
    bottom: 0;
    left: 0
}

#scrollIframe .nav_select_right,
#scrollIframe .rs_ser_Second {
    background-color: #e5e5e5;
    overflow: hidden
}

#scrollIframe .rs_ser_Second li a {
    color: #666;
    padding: 2px 5px;
    display: inline-block;
    margin: 5px
}

#scrollIframe .rs_ser_Second .nks a,
#scrollIframe .rs_ser_Second .nks a:hover {
    background-color: #f9f9f9;
    text-decoration: none
}

#scrollIframe .listtab .stsw td {
    line-height: 18px;
    padding: 2px 0
}

#scrollIframe .icon_lists li .code-name,
#scrollIframe .icon_lists li .name,
#scrollIframe .listtab .number,
body #scrollIframe #tools .odds_setting p,
body #scrollIframe #tools li span:hover,
body #scrollIframe .bts span,
body #scrollIframe .date-table th,
body #scrollIframe .fx-c-3,
body #scrollIframe .odd-bg1 span,
body #scrollIframe .oddstitle,
body #scrollIframe .oodstable-t,
body #scrollIframe .rbl,
body #scrollIframe .stat-title,
body #scrollIframe .team-table-other b,
body #scrollIframe .time {
    color: #666
}

#scrollIframe #li_nba1,
#scrollIframe #li_nba2,
#scrollIframe label.el-radio {
    width: 50%
}

#scrollIframe .rf {
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
    width: 780px;
    float: left
}

#scrollIframe .conner_span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    color: var(--blue40)
}

#scrollIframe .fx_corner {
    color: var(--blue40)
}

#scrollIframe .redcard,
#scrollIframe .yellowcard {
    padding: 0;
    border-radius: 2px;
    margin: 0 2px;
    width: 10px;
    display: inline-block;
    text-align: center;
    font-size: 10px
}

#scrollIframe .yellowcard {
    background-color: #bfac00;
    color: #fff !important;
    font-weight: 500
}

#scrollIframe .data-sync #ScoreGroupDiv tr td:first-child,
#scrollIframe .game-compare .list-game .game-cmpr .infos .team-rate,
#scrollIframe .redcard {
    font-weight: 500
}

#scrollIframe #cbbOddsType {
    border: 1px solid #c5c5c5;
    height: 26px;
    padding: 0 3px
}

#scrollIframe .o-tv {
    margin: 3px 0;
    display: block;
    clear: both
}

#scrollIframe .oodstable-t {
    text-align: center;
    font-weight: 700;
    line-height: 22px
}

#scrollIframe .oodstable-t2 {
    background-color: #fffae9;
    text-align: center
}

.dark .oodstable-t2 {
    background-color: #312f26
}

#scrollIframe .win-note {
    background-color: #f7f7f7;
    width: 91%;
    margin: 10px auto;
    padding: 10px;
    line-height: 20px;
    color: #666
}

#scrollIframe .tennisAnalysis-win {
    width: 743px;
    padding: 10px
}

#scrollIframe .bftab .rank,
#scrollIframe .team-hg {
    color: #888;
    transform: scale(.85);
    display: inline-block
}

#scrollIframe .team-more-info .team-hg {
    display: inline;
    font-size: 11px
}

#scrollIframe #basketball .bf,
#scrollIframe .markdown b,
#scrollIframe .markdown strong,
#scrollIframe .winMatch .team-name {
    font-weight: 600
}

#scrollIframe #table_live tr:not(.Leaguestitle):not(.scoretitle) td,
#scrollIframe .data-sync .fs-12,
body #scrollIframe #main #table_live .team-more-info a {
    font-size: 12px !important
}

body #scrollIframe #main #table_live .team-more-info a span {
    font-size: 10px !important
}

#scrollIframe .text-info {
    text-align: center;
    color: green;
    position: relative;
    font-size: 12px
}

.dark .search-container .searchexplain,
.dark .text-info {
    background-color: #222f19;
    color: #999
}

#scrollIframe #bottom .f_menu li,
#scrollIframe .scoretitle td {
    line-height: 20px
}

#scrollIframe .menuL a {
    padding-left: 4px;
    border-left: 1px solid #999
}

#scrollIframe .menuL .flink {
    border-left: 0
}

#scrollIframe #logoSpan i {
    display: inline-block;
    border-radius: 2px;
    vertical-align: 20px;
    color: #ffffffb3;
    background: #fff3;
    padding: 0 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

#scrollIframe #logoSpan {
    display: inline-block;
    top: 7px
}

#scrollIframe .top-tools-c {
    height: 40px;
    margin: 0 auto;
    color: #fff
}

#scrollIframe .top-tools-left {
    float: right;
    display: flex;
    align-items: center;
    height: 40px
}

#scrollIframe .top-tools-left2 a,
#scrollIframe .top-tools-left2 a:hover {
    color: #ffde00;
    text-decoration: none;
    cursor: pointer
}

#scrollIframe .top-tools-right {
    float: right;
    height: 40px
}

#scrollIframe .Choose-tool {
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 16px;
    position: relative;
    cursor: pointer
}

#scrollIframe #chooseBolaWebSite i,
#scrollIframe .Choose-tool img {
    margin-left: 6px
}

#scrollIframe .Choose-tool span {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #bbb
}

#scrollIframe .Choose-tool span#openSettingModal {
    width: 100%;
    position: relative
}

#scrollIframe .Choose-tool i {
    display: inline-block;
    content: "";
    top: 2px;
    transition: .2s;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-left: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

#scrollIframe .Choose-tool ul {
    padding: 10px;
    background-color: #212121;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 9999;
    box-shadow: 0 5px 20px #0009;
    animation: .2s ease-in-out popover;
    border-radius: 6px;
    white-space: nowrap
}

@keyframes popover {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#scrollIframe .Choose-tool ul:before {
    border-right: 8px solid transparent;
    position: absolute;
    display: block;
    content: "";
    border-bottom: 8px solid #212121;
    border-left: 8px solid transparent;
    left: 20px;
    top: -8px
}

#scrollIframe .Choose-tool ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 5px
}

#scrollIframe .Choose-tool .country,
#scrollIframe .authBox {
    display: flex;
    flex-direction: row;
    align-items: center
}

#scrollIframe .Choose-tool .ctyicon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 8px;
    overflow: hidden
}

#scrollIframe .Choose-tool .ctyicon img {
    height: 22px;
    vertical-align: middle
}

#scrollIframe #chooseBolaWebSite ul li {
    padding: 5px
}

#scrollIframe #ddlTimeZone li {
    border-radius: 2px
}

#scrollIframe .share {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 7px 10px 0 0;
    opacity: .4;
    background-size: 22px 22px;
    cursor: pointer
}

#scrollIframe .share:hover,
.dark #newsList li .img img,
.dark .black-down,
.dark .fbheader .guest img,
.dark .fbheader .home img,
.dark .fx-logo img,
.dark .fx-title img,
.dark .o-draw,
.dark .o-lose,
.dark .o-win,
.dark select {
    opacity: .8
}

#scrollIframe .share.facebook {
    background-image: url(../images/FaceBook.png)
}

#scrollIframe .share.twitter {
    background-image: url(../images/Twitter.png)
}

#scrollIframe .share.telegram {
    background-image: url(../images/telegram.png)
}

#scrollIframe .share.blogger {
    background-image: url(/Images/blogger.png)
}

#scrollIframe .top-tools-btn {
    display: block;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    float: left;
    margin: 7px 10px 0 0;
    line-height: 20px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer
}

#scrollIframe .menu-more {
    opacity: 1;
    background-color: #212121
}

#scrollIframe .basketball-infos {
    text-align: center;
    line-height: 30px
}

#scrollIframe .bak_div {
    width: 550px
}

#scrollIframe .bak_div .closebtn {
    top: 10px;
    right: 10px
}

#scrollIframe .lb-m:after,
#scrollIframe .lb-m:before {
    top: 4px;
    width: 0;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
    height: 0
}

#scrollIframe .bak_div td {
    text-align: center;
    line-height: 21px
}

#scrollIframe .goal_bg,
.dark .goal_bg {
    background-color: #bb2
}

#scrollIframe .redcard_bg {
    background-color: #f88
}

#scrollIframe .tipsNum {
    margin-right: 10px;
    color: #0009;
    display: none
}

#scrollIframe .tipsNum:hover {
    text-decoration: underline;
    cursor: pointer
}

#scrollIframe .tipsNum0 {
    margin-right: 35px;
    color: #0009;
    display: none
}

.dark .tipsNum,
.dark .tipsNum0 {
    color: #fff9
}

#scrollIframe .tipsPre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif
}

#scrollIframe .plays .guest .playBox .play:last-child ul {
    right: 108px;
    top: 14px
}

#scrollIframe .plays .playBox .play:last-child ul {
    left: 100px;
    top: 20px
}

#scrollIframe .homeSix span {
    margin-right: 2px
}

#scrollIframe .guestSix span {
    margin-left: 2px
}

#scrollIframe .ant .lb-ms {
    margin-bottom: 4px;
    text-align: center
}

#scrollIframe .mx2 ul {
    padding-bottom: 2px;
    overflow: hidden
}

#scrollIframe .lb-m {
    width: 55px;
    height: 12px;
    display: inline-block;
    position: relative;
    margin: 0 3px
}

#scrollIframe .lb-m:before {
    display: inline-block;
    position: absolute;
    left: 0;
    border-left: 4px solid #999
}

#scrollIframe .lb-m:after {
    display: inline-block;
    position: absolute;
    right: 0;
    border-right: 4px solid #999
}

#scrollIframe .title-th th {
    white-space: inherit;
    width: auto;
    line-height: 16px;
    padding: 2px 0
}

#scrollIframe .n-select,
#scrollIframe .td-pd-0-5 {
    padding: 0 5px
}

#scrollIframe .n-mapp {
    background-color: #ff6002;
    height: 24px;
    overflow: hidden
}

#scrollIframe #basketball .scoretitle td,
#scrollIframe #free-tools {
    line-height: 24px
}

#scrollIframe #free-tools li {
    float: left;
    border: 1px solid #cecece;
    border-radius: 2px;
    padding: 0 5px;
    display: block;
    cursor: pointer;
    margin: 0 3px 5px 0
}

.dark #free-tools li,
.dark #showRound table td,
.dark .content .yearBox,
.dark select {
    border: 1px solid #444
}

#scrollIframe #free-tools li select {
    border: 0;
    line-height: 22px;
    height: 22px
}

.dark #free-tools li select {
    background-color: #282828;
    color: #fff
}

#scrollIframe #free-tools .on {
    background-color: #307b06
}

#scrollIframe #detail-oddsSel {
    max-width: 86px;
    position: absolute;
    right: 0;
    top: 10px;
    padding-right: 22px
}

#scrollIframe .n-search {
    padding: 6px 10px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 5px
}

#scrollIframe .n-search .input_text {
    border-radius: 4px;
    outline: 0
}

#scrollIframe #selectsound1,
#scrollIframe #selectsound2 {
    width: 100%;
    height: 26px;
    margin-bottom: 4px;
    outline: 0
}

#scrollIframe .goalTitle {
    line-height: 30px;
    padding: 0 10px;
    font-weight: 600
}

#scrollIframe #menu li .newMark {
    position: absolute;
    right: -12px;
    top: -2px;
    font-size: 12px;
    font-weight: 400;
    background: red;
    color: #fff;
    padding: 0 3px 2px;
    border-radius: 2px
}

#scrollIframe .menu2 .newMark {
    position: absolute;
    right: 41px;
    top: 7px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    font-weight: 400;
    background: #fb2b1c;
    color: #fff;
    padding: 0;
    border-radius: 2px 0;
    z-index: 7;
    width: 28px;
    text-align: center
}

#scrollIframe div#CompanySel.custom-select-02 .custom-options div:first-letter,
#scrollIframe div#dropSelect:first-letter {
    text-transform: uppercase
}

#scrollIframe div#dropSelect {
    line-height: 19px;
    padding-right: 0 !important
}

#scrollIframe div#CompanySel {
    border-bottom: none;
    width: fit-content
}

#scrollIframe td.oddstd.c9:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    width: 1px;
    height: 30px;
    background: #e6e6e6;
    transform: translateY(-50%)
}

.dark .right-bf:before,
.dark td.oddstd.c9:after {
    background: #414141
}

#scrollIframe .allno {
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    background-image: url(/assets/images/icon-trash.svg) !important;
    margin-top: 0 !important;
    cursor: pointer
}

.dark .allno {
    background-image: url(/assets/images/icon-trash-dark.svg) !important
}

#scrollIframe .scoretab {
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 10px #666
}

#scrollIframe .scoretab td {
    line-height: 22px;
    font-size: 12px
}

#scrollIframe .closebtn {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #0000004d;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer
}

#scrollIframe .closebtn.v2 {
    background-image: url(/build/assets/images/close-outline.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: unset
}

#scrollIframe .closebtn.v2:after,
#scrollIframe .closebtn.v2:before,
#scrollIframe .data-sync #allTongJi1 tr td:after,
#scrollIframe .data-sync #allTongJi2 tr td:after,
#scrollIframe .second-version .rank-head td:last-child:after,
#scrollIframe td.oddstd.c9.no-after:after {
    content: unset
}

#scrollIframe #right .newsetting .selectbox.sound span:last-child,
#scrollIframe #selectsound1_all span:last-child,
#scrollIframe #selectsound1_fav span:last-child,
#scrollIframe #selectsound2_all span:last-child,
#scrollIframe #selectsound2_fav span:last-child,
.dark .closebtn.v2 {
    border: none
}

.dark #showFilterBox .sotit .cc,
.dark #showoptional2 .sotit .cc,
.dark .closebtn {
    border: 1px solid #717171
}

#scrollIframe .closebtn:after,
#scrollIframe .closebtn:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 12px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg)
}

#scrollIframe .odds-table-bg .nodata {
    background-color: #fff;
    height: 30px;
    text-align: center
}

.dark .odds-table-bg .nodata {
    background-color: #444;
    color: #fff;
    height: 30px;
    text-align: center
}

#scrollIframe .odds-table-bg .in-gif {
    display: inline-block;
    background: url(../images/in.gif);
    width: 3px;
    height: 8px
}

.dark .odds-table-bg .in-gif {
    display: inline-block;
    background: url(../images/in_white.gif);
    width: 3px;
    height: 8px
}

#scrollIframe #basketball .listtab tr:hover {
    background: #ffeece;
    color: #ad6212;
    transition: .2s linear
}

#basketball.dark .listtab tr:hover,
.dark .newsetting .selectbox span:hover,
body.dark .modal-content .settingselect span:hover {
    background: #3a3a3a
}

#scrollIframe #basketball .listtab tr:first-child:hover,
#scrollIframe .team-head.tdlink tr:nth-child(odd),
#scrollIframe .version-2.coach-detail .statistics,
.dark .ww-t,
body.dark .data-sync #Table3 {
    background: 0 0
}

#scrollIframe #header-wrapper #top {
    margin-bottom: 16px;
    border-bottom: 1px solid #236349;
    border-top: 1px solid #236349
}

#scrollIframe .authBox input {
    padding: 8px;
    border-radius: 8px;
    border: none;
    background-color: #337359;
    color: #99b9ac;
    box-sizing: content-box
}

#scrollIframe .authBox input::placeholder {
    color: #99b9ac
}

#scrollIframe .authBox input:focus,
#scrollIframe input#rightSearchInput {
    outline: 0
}

#scrollIframe .usernameBox {
    position: relative;
    margin-right: 8px
}

#scrollIframe .passwordBox img,
#scrollIframe .usernameBox img {
    position: absolute;
    right: 8px;
    top: 8px
}

#scrollIframe .usernameBox input {
    width: 172px;
    height: 20px;
    font-family: Inter, sans-serif
}

#scrollIframe .passwordBox input {
    width: 145px;
    height: 20px;
    font-family: Inter, sans-serif
}

#scrollIframe .loginButton img,
#scrollIframe .signupButton img {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

#scrollIframe .loginButton span,
#scrollIframe .signupButton span {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

#scrollIframe .loginButton,
#scrollIframe .signupButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 24px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 8px;
    box-sizing: border-box;
    width: 155px;
    height: 36px
}

#scrollIframe .loginButton {
    background-color: #ebfbf5;
    color: #00100a;
    transition: .175s linear;
    border: 1px solid transparent
}

#scrollIframe .loginButton:hover {
    background-color: #00100a;
    color: #ebfbf5;
    border-color: #00100a
}

#scrollIframe .signupButton {
    background-color: #bf3e16;
    color: #fff;
    transition: .175s linear;
    border: 1px solid transparent
}

#scrollIframe .badge_fill,
#scrollIframe .fav_count {
    background: #f44336;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    font-style: normal;
    white-space: nowrap
}

#scrollIframe .signupButton:hover {
    background-color: #fff;
    color: #bf3e16;
    border-color: #bf3e16
}

#scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li,
#scrollIframe .loginBox,
#scrollIframe .signUpBox {
    height: 40px
}

#scrollIframe #game-rate .table-score-container .odds-number,
#scrollIframe #menu li.active .menu-icon-active,
#scrollIframe #menu li:hover .menu-icon-active,
#scrollIframe #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon.icon-active,
#scrollIframe #showFilterBox #StreaksFilter .item .ef-radio,
#scrollIframe .custom-select-02 .custom-options.show,
#scrollIframe .custom-select-wrapper .custom-options.show,
#scrollIframe .dropdown-menu.dptlt.show2,
#scrollIframe .filterLi2.xz .dropdown-menu.show,
#scrollIframe .loader-none,
#scrollIframe .loginBox #login_icon a,
#scrollIframe .loginButton:hover .shw-hv,
#scrollIframe .signupButton:hover .shw-hv,
.dark .swiper-slide .menu-icon,
.dark aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon.icon-blue {
    display: block
}

#scrollIframe .loginBox .badge_fill {
    position: absolute;
    bottom: -7px;
    top: unset
}

#scrollIframe .loginBox .sign_in_btn {
    position: absolute;
    right: 0;
    width: 90px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    line-height: 34px;
    border: 1px solid #fff;
    border-radius: 3px;
    cursor: pointer
}

#scrollIframe .member-login-icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block
}

#scrollIframe .member-login-icon img {
    border-radius: 50%
}

#scrollIframe .loginBox .btn {
    padding: 0;
    background: #00000080;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center
}

#scrollIframe .loginBox img {
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer
}

#scrollIframe .menu2 li .icon {
    font-size: 16px;
    margin-right: 4px;
    font-weight: 400;
    vertical-align: -1px
}

#scrollIframe .menu2 li .on .badge_fill {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 0 4px
}

#scrollIframe .menu2 li .on .fav_count {
    position: absolute;
    top: 9px;
    padding: 0 4px
}

#scrollIframe .badge_fill {
    border: 1px solid #f44336 !important;
    color: #fff;
    height: 15px;
    line-height: 13px;
    border-radius: 10px;
    top: 3px;
    right: 3px;
    padding: 0 4px
}

#scrollIframe .fav_count {
    border: 1px solid #f44336 !important;
    color: #fff;
    border-radius: 10px;
    top: 9px;
    padding: 0;
    box-sizing: initial;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    text-align: center;
    line-height: 16px
}

#scrollIframe .fav_count.grayBG {
    background: #999;
    border-color: #999 !important
}

#scrollIframe .footH1 {
    font-size: 15px;
    padding-top: 5px
}

#scrollIframe .sdss,
body #scrollIframe #main #right .n-search-input #rightSearchInput body #tools li span,
body #scrollIframe .Leaguestitle,
body #scrollIframe .date-table th,
body #scrollIframe .fx-line,
body #scrollIframe .fx-tab span,
body #scrollIframe .fx-tb-a li .fx-td-data,
body #scrollIframe .fx-tb-b h4,
body #scrollIframe .gray-bg2,
body #scrollIframe .guest-div a span,
body #scrollIframe .home-div a span,
body #scrollIframe .lo-f2,
body #scrollIframe .mintopnav a,
body #scrollIframe .oddsCaption,
body #scrollIframe .oodstable-t {
    background-color: #e5e5e5
}

#scrollIframe .sdss:hover,
body #scrollIframe .closes:hover,
body #scrollIframe .collapse:hover,
body #scrollIframe .expand:hover,
body #scrollIframe .oddstable,
body #scrollIframe .schedule:hover {
    background-color: #dadada
}

.dark .sdss {
    color: #fff;
    background-color: #333
}

.dark .sdss:hover {
    color: #fff;
    background-color: #505050
}

#scrollIframe * {
    -webkit-text-size-adjust: none
}

#scrollIframe .nosclassLink {
    font-size: 14px;
    font-weight: 700;
    color: #d64444 !important
}

#scrollIframe .flyClose {
    position: absolute;
    top: 0;
    right: 0;
    background: #0006;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 100;
    cursor: pointer
}

#scrollIframe .sjicon,
body #scrollIframe .sloading .loadngdiv img {
    width: 30px;
    height: 30px
}

#scrollIframe .flyClose:after,
#scrollIframe .flyClose:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 10px;
    background: #fff;
    width: 1px;
    height: 12px;
    transform: rotate(45deg)
}

#scrollIframe .tav,
.dark .timeco {
    color: #888
}

#scrollIframe .to-1 {
    color: #555
}

#scrollIframe .to-2,
body #scrollIframe .Leaguestitle,
body #scrollIframe .fx-title .fx-title-vs,
body #scrollIframe .lr_tit,
body #scrollIframe .sotit,
body #scrollIframe .team-table-title,
body #scrollIframe .team-table-title a,
body #scrollIframe .team-table-title2,
body #scrollIframe .team_bf,
body #scrollIframe A.sb:hover,
body #scrollIframe a,
body #scrollIframe a.pk:hover,
body #scrollIframe body {
    color: #222
}

#scrollIframe #bottom a,
.dark .da_nav,
.dark .left_list3 li a,
.dark .to-2,
.dark a:link,
.dark a:visited,
body.dark {
    color: #e5e5e5
}

#scrollIframe #flGoalDiv {
    background-color: #fff;
    margin-top: 5px;
    border: 3px solid #2f6f13
}

.dark #flGoalDiv {
    background-color: #292929;
    border: 3px solid #585858;
    box-shadow: 0 0 10px #000
}

#scrollIframe #flGoalDiv td {
    font-family: Arial;
    font-size: 12px
}

#scrollIframe #flGoalDiv .line td {
    line-height: 18px;
    font-size: 14px;
    padding: 6px 0
}

#scrollIframe .line .teamname {
    width: 150px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

#scrollIframe .line i.rank {
    float: right;
    font-size: 12px;
    font-style: normal
}

#scrollIframe .GoalDiv-t {
    background-color: #dbeca6;
    color: #666;
    padding-left: 10px
}

.dark .GoalDiv-t {
    background-color: #0e100d;
    color: #999
}

#scrollIframe .goal-time {
    color: #d64444;
    font-size: 12px;
    float: right;
    margin-right: 15px
}

#scrollIframe .sjicon {
    border-radius: 50%;
    margin: 0 auto
}

#scrollIframe .result-split {
    background-color: #ffc;
    align-content: center;
    height: 20px;
    font-weight: 700
}

.dark .result-split {
    background: #3e392c;
    color: #999
}

#scrollIframe #ddlOddsType li:hover,
#scrollIframe #ddlTimeZone li:hover,
#scrollIframe .nodatapage .backbtn {
    background: #226204
}

#scrollIframe .crumbs .crumbs-wrapper {
    min-width: 197px;
    display: flex;
    align-items: center
}

#scrollIframe .crumbs h1.crumbs-headline {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

#scrollIframe .cursor-auto {
    cursor: auto
}

#scrollIframe .crumbs a.off {
    flex: 0 0 auto
}

#scrollIframe .button-loadmore.disabled-pointer,
#scrollIframe .bxh-110 .loading a,
#scrollIframe .cup-match .crumbs a.off,
#scrollIframe .custom-select-02 .custom-options div.selected,
#scrollIframe .website-team a.hide,
#scrollIframe span.LGname {
    pointer-events: none
}

#scrollIframe .crumbs .h1,
#scrollIframe .crumbs h1 {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    margin: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #00301d !important
}

#scrollIframe .seo-text-h1 {
    color: #0f0f0f;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: -37px;
    margin-bottom: 7px
}

.dark #containerOfBall .cell,
.dark .seo-text-h1,
body.dark #right .newsetting .hot-news-list .hot-news-item .hot-news-title,
body.dark .mcontent#main .idx-favorite #mintable #live td .team-box a,
body.dark .mcontent#main .idx-resultpage #mintable #live td .team-box a,
body.dark .mcontent.index #mintable #live td .team-box a {
    color: #e6e6e6
}

#scrollIframe .youtube_box {
    background: var(--black);
    position: relative;
    height: 300px;
    text-align: center
}

#scrollIframe .youtube_box .close {
    background: var(--white10);
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;
    transform: translate(0);
    border-radius: 50%
}

#scrollIframe .youtube_box iframe {
    width: 85%;
    height: 100%
}

#scrollIframe .fav-highlight,
#scrollIframe .hbg-td1,
#scrollIframe .isLeaTop,
#scrollIframe .oddate {
    background-color: #f7dca7 !important
}

#scrollIframe .data-sync .bc-D1FFED,
#scrollIframe .hbg-td2 {
    background-color: #d1ffed !important
}

#scrollIframe .hbg-td3 {
    background-color: #fbf1ef !important
}

.dark .hbg-td1,
.dark .isLeaTop,
.dark .oddate,
body.dark .data-sync .d-bc-726531 {
    background-color: #726531 !important
}

.dark .hbg-td2 {
    background-color: #5d8d47 !important
}

.dark .hbg-td3 {
    background-color: #3e2e2b !important
}

#scrollIframe .tvImg {
    cursor: pointer;
    width: 16px;
    height: 16px
}

#scrollIframe .data-sync #tableId.archer tr,
#scrollIframe .data-sync .bc-white,
#scrollIframe ul.sub_menu li:hover,
body #scrollIframe #calendar,
body #scrollIframe #calendar .datelayer_td-blank,
body #scrollIframe #calendar .datelayer_td-blank:hover,
body #scrollIframe #div_search,
body #scrollIframe #info,
body #scrollIframe #main #left .lrdiv,
body #scrollIframe #main #min,
body #scrollIframe #main #right .lrdiv,
body #scrollIframe #main #right .n-search-input #rightSearchInput,
body #scrollIframe #main3,
body #scrollIframe #panluDiv,
body #scrollIframe #settingPop .box-footer,
body #scrollIframe #settingPop .dbList ul div,
body #scrollIframe #showCompany,
body #scrollIframe #showCountry,
body #scrollIframe #showoptional,
body #scrollIframe .BtvLink,
body #scrollIframe .ant .matchdata .databtns,
body #scrollIframe .b1,
body #scrollIframe .bak_div,
body #scrollIframe .calendar__days,
body #scrollIframe .com LI SPAN A:hover,
body #scrollIframe .fx-tab .fx-tab-on,
body #scrollIframe .fx-tab .fx-tab-on2,
body #scrollIframe .fx-tb-b h4,
body #scrollIframe .fx-tb-b li b,
body #scrollIframe .guest-div a span,
body #scrollIframe .home-div a span,
body #scrollIframe .livetab,
body #scrollIframe .matchList .item .exbar,
body #scrollIframe .n-search,
body #scrollIframe .rbl,
body #scrollIframe .rf,
body #scrollIframe .team-table-guest .vv,
body #scrollIframe .team-table-home .vv,
body #scrollIframe .tvLink,
body #scrollIframe .twin,
body #scrollIframe .w10,
body #scrollIframe .white-bg,
body #scrollIframe .white-bg2,
body #scrollIframe body select,
html body #scrollIframe #main #left .lrdiv,
html body #scrollIframe #main #right .lrdiv {
    background-color: #fff !important
}

#scrollIframe #app6in1 .custom-options.scroll-custom.show:hover .active,
#scrollIframe #change_233:focus,
#scrollIframe .data-sync #info,
#scrollIframe .data-sync .bc-transparent,
#scrollIframe .data-sync#info,
body #scrollIframe #main #min.loader-none,
body.dark .data-sync #i_main,
body.dark .data-sync #info,
body.dark .data-sync .d-bc-transparent,
body.dark .data-sync#info,
html body #scrollIframe #main #left,
html body #scrollIframe #main #right,
html body.dark #main #left,
html body.dark #main #right {
    background-color: transparent !important
}

body #scrollIframe input,
body #scrollIframe input::placeholder {
    font-family: Inter, sans-serif
}

body #scrollIframe .n-search {
    margin-bottom: 15px
}

body #scrollIframe #calendar .d-line,
body #scrollIframe #calendar .l-line,
body #scrollIframe #div_search,
body #scrollIframe .BtvLink ul li a,
body #scrollIframe .Leaguestitle td,
body #scrollIframe .Prediction-t,
body #scrollIframe .bt-selected,
body #scrollIframe .bts span,
body #scrollIframe .com LI,
body #scrollIframe .date-picker,
body #scrollIframe .date-picker .date-picker-calendar,
body #scrollIframe .discription span,
body #scrollIframe .fg_Title,
body #scrollIframe .fx-div,
body #scrollIframe .jqSubTitle2,
body #scrollIframe .jqTitle2,
body #scrollIframe .listtab .stsw td,
body #scrollIframe .listtab td,
body #scrollIframe .loadngdiv,
body #scrollIframe .r-line,
body #scrollIframe .rbl,
body #scrollIframe .rs_ser li a,
body #scrollIframe .scoretitle td,
body #scrollIframe .search-container .searchItem,
body #scrollIframe .searchexplain,
body #scrollIframe .sotit,
body #scrollIframe .tabsBox,
body #scrollIframe .team-table-guest td,
body #scrollIframe .team-table-home td,
body #scrollIframe .team-table-other td,
body #scrollIframe .tgs2 td,
body #scrollIframe .tvLink ul li a,
body #scrollIframe .twin,
body #scrollIframe .win-note,
body #scrollIframe ul.menu,
body #scrollIframe ul.menu li {
    border-color: #e5e5e5 !important
}

body #scrollIframe #calendar .d-line,
body #scrollIframe .com LI,
body #scrollIframe .date-picker,
body #scrollIframe .fg_Title,
body #scrollIframe .fx-div,
body #scrollIframe .listtab .stsw td,
body #scrollIframe .listtab td,
body #scrollIframe .rbl,
body #scrollIframe .scoretitle td,
body #scrollIframe .search-container .searchItem,
body #scrollIframe .sotit,
body #scrollIframe .team-table-guest td,
body #scrollIframe .team-table-home td,
body #scrollIframe .team-table-other td,
body #scrollIframe .tgs2 td,
body.dark #calendar .d-line,
body.dark .com LI,
body.dark .date-picker,
body.dark .fg_Title,
body.dark .fx-div,
body.dark .listtab .stsw td,
body.dark .listtab td,
body.dark .rbl,
body.dark .scoretitle td,
body.dark .search-container .searchItem,
body.dark .sotit,
body.dark .team-table-guest td,
body.dark .team-table-home td,
body.dark .team-table-other td,
body.dark .tgs2 td {
    border-bottom: 1px solid transparent
}

body #scrollIframe #table_live tr:not([id^=ln_]) td {
    border-top: 2px solid #f0f0f0;
    border-bottom: none !important
}

#scrollIframe #AdLayer1 a img,
#scrollIframe #AdLayer2 a img,
#scrollIframe #nav2,
#scrollIframe .other-leagues .nation,
#scrollIframe .second-version .sub_menu.league>ul,
#scrollIframe .swiper-box-icon img,
#scrollIframe .w-100,
body #scrollIframe #table_live tr[id^=trF_],
body #scrollIframe #table_live tr[id^=trF_] td[id^=flashLive_] {
    width: 100%
}

body.dark #table_live tr:not([id^=ln_]) td {
    border-top: 2px solid #151515 !important
}

body #scrollIframe .rs_ser li a,
body.dark .rs_ser li a {
    border-bottom: 3px solid transparent
}

body #scrollIframe .Prediction-t,
body #scrollIframe .jqSubTitle2,
body #scrollIframe .jqTitle2,
body #scrollIframe .r-line,
body #scrollIframe ul.menu li,
body.dark .Prediction-t,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .r-line,
body.dark ul.menu li {
    border-right: 1px solid transparent
}

body #scrollIframe #calendar .l-line,
body #scrollIframe .date-picker .date-picker-calendar,
body #scrollIframe .jqSubTitle2,
body #scrollIframe .jqTitle2,
body.dark #calendar .l-line,
body.dark .date-picker .date-picker-calendar,
body.dark .jqSubTitle2,
body.dark .jqTitle2 {
    border-left: 1px solid transparent
}

body #scrollIframe #div_search,
body #scrollIframe #header-wrapper #top #lg_form_head .authBox input,
body #scrollIframe .BtvLink ul li a,
body #scrollIframe .bts span,
body #scrollIframe .discription span,
body #scrollIframe .loadngdiv,
body #scrollIframe .tabsBox,
body #scrollIframe .tvLink ul li a,
body #scrollIframe .twin,
body #scrollIframe .win-note,
body #scrollIframe ul.menu,
body.dark #div_search,
body.dark .BtvLink ul li a,
body.dark .bts span,
body.dark .discription span,
body.dark .loadngdiv,
body.dark .second-version .info_title_left .selectbox select,
body.dark .tabsBox,
body.dark .tvLink ul li a,
body.dark .twin,
body.dark .win-note,
body.dark ul.menu {
    border: 1px solid transparent
}

body #scrollIframe .bts {
    border-top: 1px solid #e5e5e5
}

body #scrollIframe #selectsound1,
body #scrollIframe #selectsound2,
body #scrollIframe .date-table,
body #scrollIframe .date-table td,
body #scrollIframe .date-table th,
body #scrollIframe .matchList .item .odds {
    border-color: #d0d0d0 !important
}

body #scrollIframe .date-table,
body.dark .date-table {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent
}

body #scrollIframe .date-table td,
body #scrollIframe .date-table th,
body.dark .date-table td,
body.dark .date-table th {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent
}

body #scrollIframe #table_live .tds .hdpstar {
    padding: 2px 0 0;
    margin: 0;
    color: red;
    display: none !important
}

body #scrollIframe #table_live .tds .hdpstar:before,
body.dark #table_live .tds .hdpstar:before {
    content: "*"
}

body #scrollIframe #bottom .webid .mobile-version,
body.dark #bottom .webid .mobile-version {
    background: url(../images/phone.svg) no-repeat;
    background-position-y: 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    width: 148px
}

body #scrollIframe .Leaguestitle .rankicon,
body #scrollIframe .team_leaguetitle .rankicon {
    background-image: url(/build/assets/images/rank.svg?v=1);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    margin: 2px 6px;
    float: right;
    display: inline-block;
    cursor: pointer;
    transition: .175s linear
}

body #scrollIframe .Leaguestitle .league-title-rank-icon,
body #scrollIframe .team_leaguetitle .league-title-rank-icon {
    background-image: url(/build/assets/images/rank.svg?v=1);
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin: 2px 6px;
    float: right;
    display: inline-block;
    cursor: pointer;
    transition: .175s linear
}

body.dark .Leaguestitle .league-title-rank-icon,
body.dark .team_leaguetitle .league-title-rank-icon {
    background: url(/build/assets/images/rank-dark.svg?v=1) center no-repeat
}

body #scrollIframe .drainage,
body.dark .drainage {
    position: fixed;
    top: 350px;
    z-index: 1000;
    width: 420px;
    left: 50%;
    margin-left: -210px;
    padding: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-indent: 1em;
    border-radius: 6px;
    background: #196ab7;
    border: 4px solid #2d8de8;
    box-shadow: 0 8px 40px #00407d
}

body #scrollIframe .drainage .linkDesc,
body.dark .drainage .linkDesc {
    line-height: 28px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

body #scrollIframe .drainage .countdown,
body.dark .drainage .countdown {
    text-align: center;
    margin: 8px 0
}

body #scrollIframe .drainage #drainageCountDown,
body.dark .drainage #drainageCountDown {
    color: #ff0;
    font-size: 24px
}

body #scrollIframe .drainage .btn,
body.dark .drainage .btn {
    background: var(--white-bg);
    color: var(--thirdly-color);
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-indent: initial;
    width: 30%;
    margin: 8px auto 4px;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer
}

body #scrollIframe .sloading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8887 !important;
    background-color: #e6e6e6b3
}

body.dark .sloading {
    background-color: #030405b3
}

body #scrollIframe .sloading table,
body #scrollIframe .sloading table tbody,
body #scrollIframe .sloading table tbody tr,
body #scrollIframe .sloading table tbody tr td {
    display: block;
    width: 100%;
    border: 0
}

body #scrollIframe .sloading .loadngdiv {
    border-collapse: collapse;
    padding: 12px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 8888;
    text-align: center;
    transform: translate(-50%, -50%);
    max-width: 300px;
    border-radius: 4px;
    overflow: hidden;
    background: #e6e6e6;
    box-shadow: 4px 4px 30px #11132c1a;
    border: unset !important
}

.dark .custom-select-wrapper .custom-options a:hover,
.dark .custom-select-wrapper .custom-options div:hover,
.dark .custom-select-wrapper .selected,
body.dark .sloading .loadngdiv {
    background: #1e1e1e
}

body #scrollIframe .sloading .loadngdiv .sloading-title {
    color: #414141;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    width: 100%;
    display: block;
    margin: 12px auto
}

body #scrollIframe .sloading .loadngdiv .sloading-des {
    color: #414141;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    width: 100%;
    display: block
}

body #scrollIframe .drainage_mask,
body.dark .drainage_mask {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999
}

body #scrollIframe .win_lose,
body.dark .win_lose {
    display: flex;
    justify-content: center
}

body #scrollIframe .bt-selected,
body.dark .bt-selected {
    border-top: 1px solid transparent;
    text-align: center;
    padding: 6px 0 2px
}

body #scrollIframe .detail_player,
body.dark .detail_player {
    display: inline-block;
    max-width: 141px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

body #scrollIframe .Leaguestitle .cImg,
body #scrollIframe .team_leaguetitle .cImg {
    position: relative;
    height: 15px;
    top: 3px;
    padding: 0 4px;
    vertical-align: 0
}

body #scrollIframe .NotificalPop,
body.dark .NotificalPop {
    background: var(--bgcolor-1);
    width: 280px;
    padding: 10px;
    border-radius: 6px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 0 10px #0000004d;
    z-index: 10000
}

body #scrollIframe .NotificalPop .tit,
body.dark .NotificalPop .tit {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: center
}

body #scrollIframe .NotificalPop p,
body.dark .NotificalPop p {
    color: var(--textcolor-1);
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding: 10px
}

body #scrollIframe .NotificalPop .btn,
body.dark .NotificalPop .btn {
    background: var(--primary-color);
    color: var(--text-white);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    padding: 8px 0;
    margin: 5px 10px;
    cursor: pointer
}

body #scrollIframe #tools.tools {
    border-bottom: none !important;
    overflow: initial
}

body #scrollIframe .tools .switch-btn,
body.dark .tools .switch-btn {
    background: var(--primary-color);
    height: 22px;
    padding: 1px;
    margin: 2px 10px;
    border-radius: 20px;
    float: right;
    display: inline-block;
    position: relative
}

body #scrollIframe .tools .switch-btn span,
body.dark .tools .switch-btn span {
    color: var(--text-white);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    padding: 0 3px;
    border-radius: 20px;
    float: left;
    display: inline-block;
    cursor: pointer
}

body #scrollIframe .tools .switch-btn span.on,
body.dark .tools .switch-btn span.on {
    background: var(--white-bg);
    color: var(--primary-color);
    font-weight: 700
}

body #scrollIframe .tools .switch-btn .pop,
body.dark .tools .switch-btn .pop {
    min-width: 150px;
    background: var(--gray80);
    color: var(--text-white);
    text-align: center;
    line-height: normal;
    padding: 15px;
    border-radius: 5px;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translate(-50%);
    z-index: 9;
    box-shadow: 0 5px 10px #0006
}

body #scrollIframe .tools .switch-btn .pop .btn,
body.dark .tools .switch-btn .pop .btn {
    background: var(--primary-color);
    color: var(--text-white);
    text-align: center;
    line-height: 24px;
    width: 50%;
    padding: 0 10px;
    margin: 10px auto 0;
    border-radius: 5px;
    cursor: pointer
}

body #scrollIframe #tools li span .icon,
body.dark #tools li span .icon {
    color: var(--textcolor-2);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin-left: 2px
}

#scrollIframe .main_title1,
body #scrollIframe #tools li.on span .icon,
body.dark #tools li.on span .icon {
    color: var(--text-white)
}

body #scrollIframe #showoptional2 .quickPos,
body.dark #showoptional2 .quickPos {
    background: var(--bgcolor-2);
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 0;
    border-radius: 30px;
    box-shadow: 0 0 10px #00000040;
    z-index: 99
}

body #scrollIframe #showoptional2 .quickPos li,
body.dark #showoptional2 .quickPos li {
    color: var(--textcolor-1);
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 2px;
    display: block;
    float: none;
    background: 0 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer
}

body #scrollIframe #showoptional2 .quickPos li.on,
body.dark #showoptional2 .quickPos li.on {
    background-color: var(--black);
    color: var(--text-white)
}

body #scrollIframe .down3,
body.dark .down3 {
    color: var(--down)
}

body #scrollIframe .up3,
body.dark .up3 {
    color: var(--up)
}

body #scrollIframe .neutraity,
body.dark .neutraity {
    color: #ff2929;
    font-weight: 400
}

body.dark .closes:hover,
body.dark .collapse:hover,
body.dark .expand:hover,
body.dark .oddstable,
body.dark .schedule:hover {
    background-color: #505050
}

body.dark #calendar .d-line,
body.dark #calendar .l-line,
body.dark #div_search,
body.dark #selectsound1,
body.dark #selectsound2,
body.dark .BtvLink ul li a,
body.dark .Leaguestitle td,
body.dark .Prediction-t,
body.dark .bt-selected,
body.dark .bts span,
body.dark .com LI,
body.dark .date-picker,
body.dark .date-picker .date-picker-calendar,
body.dark .date-table,
body.dark .date-table td,
body.dark .date-table th,
body.dark .discription span,
body.dark .fg_Title,
body.dark .fx-div,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .listtab .stsw td,
body.dark .listtab td,
body.dark .loadngdiv,
body.dark .matchList .item .odds,
body.dark .r-line,
body.dark .rbl,
body.dark .rs_ser li a,
body.dark .scoretitle td,
body.dark .search-container .searchItem,
body.dark .searchexplain,
body.dark .sotit,
body.dark .tabsBox,
body.dark .team-table-guest td,
body.dark .team-table-home td,
body.dark .team-table-other td,
body.dark .tgs2 td,
body.dark .tvLink ul li a,
body.dark .twin,
body.dark .win-note,
body.dark ul.menu,
body.dark ul.menu li {
    border-color: #444 !important
}

body.dark .bts {
    border-top: 1px solid #444
}

.dark .closes:hover,
.dark .collapse:hover,
.dark .expand:hover,
.dark .menu2 li .on,
.dark .menu2 li .on:hover,
.dark .schedule:hover,
.dark .second-version .table-white,
body.dark,
body.dark .menu2 li .on,
body.dark .menu2 li .on:hover {
    background-color: #151515
}

.dark #main .idx-homepage td.score-color b,
.dark .handpoint>div>b,
body.dark .fbheader .row .LName,
body.dark .fbheader .row .LName a,
body.dark .fbheader .row .end .score,
body.dark .lo-f2,
body.dark .red,
body.dark .red2,
body.dark .sclassLink,
body.dark .zbf {
    color: #e51b00
}

body.dark #table_live .tds .hdpstar {
    display: inline;
    padding: 2px 0 0;
    margin: 0;
    color: red
}

body.dark .Leaguestitle .rankicon,
body.dark .team_leaguetitle .rankicon {
    background-image: url(/build/assets/images/rank-dark.svg?v=1);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    margin: 2px 6px;
    float: right;
    display: inline-block;
    cursor: pointer;
    border-right: 1px solid #414141 !important
}

body.dark .Leaguestitle .cImg,
body.dark .team_leaguetitle .cImg {
    position: relative;
    width: 22.5px;
    height: 15px;
    top: 3px;
    padding: 0 4px;
    vertical-align: 0
}

body.dark #tools.tools {
    overflow: initial
}

body #scrollIframe {
    min-width: 1060px
}

#scrollIframe .bottom .bottom-item .bottom-item-content ul li a.active,
#scrollIframe .bottom .bottom-item .bottom-item-content ul li a:hover,
#scrollIframe .f11:hover,
#scrollIframe a:hover {
    color: #f60;
    text-decoration: underline;
    cursor: pointer
}

#scrollIframe .teamNames a:hover {
    color: #fff;
    text-decoration: underline
}

#scrollIframe input[type=checkbox],
#scrollIframe input[type=radio] {
    margin: 2px 5px 0 0;
    vertical-align: -2px;
    cursor: pointer
}

#scrollIframe .tipsText {
    font-weight: 400;
    background: #fff3e8 !important;
    color: #cb6f2d !important;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    min-width: 10px;
    min-height: 10px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    vertical-align: unset !important;
    margin: 2px;
    cursor: pointer
}

#scrollIframe .LGname,
#scrollIframe .fbsclass {
    color: var(--textcolor-1);
    font-weight: 700
}

#scrollIframe .fbsclass:hover {
    color: #222;
    text-decoration: none;
    cursor: pointer
}

.dark .fbsclass:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

#scrollIframe .disable-link,
#scrollIframe .disable-link .fbsclass:hover {
    cursor: not-allowed
}

#scrollIframe .LGname {
    cursor: pointer
}

#scrollIframe .LGname:hover {
    color: #f60;
    text-decoration: underline
}

#scrollIframe .nounderline {
    text-decoration: none !important;
    cursor: auto
}

#scrollIframe .nolink {
    cursor: text !important;
    text-decoration: none !important;
    color: var(--textcolor-2) !important
}

#scrollIframe #basketball #analyMap a,
#scrollIframe #basketball #header-wrapper,
#scrollIframe #basketball #tools .on span,
#scrollIframe #basketball #tools .on span:hover,
#scrollIframe #basketball .menu2,
#scrollIframe #basketball .mintopnav li.on a,
#scrollIframe #basketball .mintopnav.v2 li.on a,
#scrollIframe #basketball .nav_select,
#scrollIframe #basketball .oddsHead select,
#scrollIframe #btnSave,
#scrollIframe #soccer .scoretitle td,
#scrollIframe #tools .on span,
#scrollIframe .ef-radio>input[type=radio]:checked+.ef-radio-style,
#scrollIframe .inner_ul li a:hover,
#scrollIframe .jqTitle,
#scrollIframe .menu2,
#scrollIframe .mintopnav.v2 li.on a,
#scrollIframe .nav_select,
#scrollIframe .nav_select .nav_selected,
#scrollIframe .oddsHead select,
#scrollIframe .on-bg-color,
#scrollIframe .toolBar input,
.dark .div_inner_bottom_span_ul li a:hover,
.dark .div_inner_bottom_span_ul li:hover,
.dark .filterLi2.xz.on .dropdown-toggle,
.dark .left_list2,
.dark .tfd2 {
    background-color: var(--primary-color)
}

#scrollIframe .nav_select {
    padding: 5px 10px;
    line-height: 20px;
    margin-top: -1px
}

.dark .sbtn,
.dark .sbtn2,
.dark option {
    background: #333;
    color: #fff
}

#scrollIframe #soccer .scoretitle td,
#scrollIframe .data-sync #ScoreGroupDiv tr td.groupTabTitle,
#scrollIframe .data-sync #ScoreGroupDiv tr td.groupTitle {
    color: #070f03;
    font-weight: 500
}

#scrollIframe #basketball .mintopnav,
#scrollIframe #basketball .tools,
#scrollIframe .mintopnav,
#scrollIframe .tools {
    border-bottom: 3px solid var(--primary-color)
}

#scrollIframe .menu2 li:hover {
    border-radius: 0;
    border-color: #fff;
    background: #337359
}

#scrollIframe .menu2 li a {
    display: inline-block;
    border-right: 1px solid #005030
}

#scrollIframe #soccer .Leaguestitle td,
#scrollIframe .lr_tit {
    padding-left: 0
}

#scrollIframe #soccer .Leaguestitle td.df-wrapper {
    display: flex;
    border: none !important;
    justify-content: flex-end;
    align-items: center;
    height: 36px
}

#scrollIframe #basketball #analyMap a,
#scrollIframe #basketball #header-wrapper,
#scrollIframe #basketball .mintopnav li.on a,
#scrollIframe #basketball .nav_select,
#scrollIframe #basketball .oddsHead select {
    background-color: #693131
}

#scrollIframe #basketball #tools .on span,
#scrollIframe #basketball .menu2,
#scrollIframe #basketball .mintopnav.v2 li.on a,
#scrollIframe .on-bg-color {
    background-color: #a94446
}

#scrollIframe #basketball .Leaguestitle {
    background-color: var(--table_header)
}

#scrollIframe #basketball .bftab {
    line-height: 16px
}

#scrollIframe #basketball .bftab .b1 {
    height: 30px
}

#scrollIframe #basketball .txtad_div {
    text-align: center;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

#basketball.dark .txtad_div {
    background-color: #222;
    border-color: #444
}

#scrollIframe #basketball .nolink {
    cursor: not-allowed;
    text-decoration: none;
    color: #222
}

#basketball.dark .nolink {
    cursor: not-allowed;
    text-decoration: none;
    color: #fff
}

#scrollIframe #basketball .menu2 li .on,
#scrollIframe #basketball .menu2 li .on:hover {
    color: var(--text-primary);
    background-color: #e5e5e5
}

#basketball.dark .menu2 li .on,
#basketball.dark .menu2 li .on:hover,
.dark #info.version-2,
.dark .version-2 #i_main,
body.dark #info.database .area-tab ul li,
body.dark .data-sync #i_main2:not(.teamsche) #MainDiv tr td,
body.dark .data-sync #i_main2:not(.teamsche) #div_Table1.tdlink tr td,
body.dark .data-sync #i_main2:not(.teamsche) #div_Table2 tr td,
body.dark .data-sync #i_main:not(.teamsche) #MainDiv tr td,
body.dark .data-sync #i_main:not(.teamsche) #div_Table1.tdlink tr td,
body.dark .data-sync #i_main:not(.teamsche) #div_Table2 tr td {
    background-color: #151515 !important
}

#scrollIframe #basketball .menu2 .sub2_4 {
    width: 130px
}

#scrollIframe #tennis #analyMap a,
#scrollIframe #tennis #header-wrapper,
#scrollIframe #tennis #tools .on span,
#scrollIframe #tennis .date-tab a.on,
#scrollIframe #tennis .date-tab b,
#scrollIframe #tennis .menu2,
#scrollIframe #tennis .mintopnav li.on a,
#scrollIframe #tennis .mintopnav.v2 li.on a,
#scrollIframe #tennis .nav_select,
#scrollIframe #tennis .oddsHead select {
    background-color: #57750c
}

#scrollIframe #tennis #tool,
#scrollIframe #tennis .tools {
    border-bottom: 3px solid #57750c
}

#scrollIframe #tennis .Leaguestitle {
    background-color: #e5ead5
}

#tennis.dark .Leaguestitle {
    background-color: #41520e
}

#scrollIframe #tennis .Leaguestitle td {
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important
}

#tennis.dark .Leaguestitle td {
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important
}

.dark .listtab .stsw td,
.dark .scoretitle td {
    color: #949494
}

.dark #countryListDiv li:hover,
.dark #goalTable tr:hover td,
.dark #showCompany li:hover,
.dark #showoptional2 li:hover,
.dark .Preferences li:hover,
.dark .leftnav .select a,
.dark .leftnav li a:hover,
.dark .rbl {
    background-color: #3a3a3a
}

#scrollIframe #oddsChange,
#scrollIframe #panluDiv,
#scrollIframe .bak_div,
#scrollIframe .livetab,
#scrollIframe [id^=oddsChange_] {
    box-shadow: 0 0 10px #666
}

.dark #oddsChange,
.dark #panluDiv,
.dark .bak_div,
.dark .livetab,
.dark [id^=oddsChange_] {
    box-shadow: 0 0 10px #000
}

#scrollIframe .match-odds-menu {
    position: relative;
    height: 30px;
    margin-top: 8px
}

#scrollIframe .match-odds-menu a {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2px;
    height: 30px;
    line-height: 30px;
    min-width: 90px;
    text-align: center;
    font-weight: 700;
    border: 1px solid var(--border-3);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none
}

.dark .match-odds-menu a {
    border: 0;
    background: #333
}

#scrollIframe .match-odds-menu .on {
    background-color: var(--primary-color) !important;
    color: var(--text-white);
    font-weight: 600
}

#scrollIframe .match-odds-menu a select,
#scrollIframe .match-odds-menu a select:focus {
    height: 24px;
    background: 0 0;
    border: 0;
    outline: 0
}

#scrollIframe #iframeA .nodata,
#scrollIframe #liveCompareDiv .nodata {
    background: var(--gray3);
    color: var(--textcolor-2);
    border: 1px solid var(--border-3);
    height: 80px;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    padding: 10px 0;
    display: none
}

#scrollIframe #iframeA .nodata .btn,
#scrollIframe #liveCompareDiv .nodata .btn {
    background: var(--primary-color);
    color: var(--text-white);
    width: auto;
    margin: 0 auto 10px;
    padding: 0 30px;
    border-radius: 30px;
    display: table;
    cursor: pointer
}

#scrollIframe #iframeA .nodata .btn .icon,
#scrollIframe #liveCompareDiv .nodata .btn .icon,
#scrollIframe #menuMainSw .swiper-box,
#scrollIframe div.bottomBar-sp #menuSp .sp-item-menu {
    margin-right: 4px
}

.dark #iframeA .nodata,
.dark #liveCompareDiv .nodata {
    background: #2f2f2f
}

#scrollIframe .adtext-bg {
    background-color: #ffffe8
}

.dark .adtext-bg {
    background-color: #403323
}

#scrollIframe .ad-txt-red,
#scrollIframe a.adtext1 {
    color: #d64444;
    font-weight: 700
}

.dark .ad-txt-red,
.dark a.adtext1 {
    color: #fbd0b4;
    font-weight: 700
}

#scrollIframe .ad-txt-blue,
#scrollIframe a.adtext2 {
    color: #0089f1;
    font-weight: 700
}

.dark .ad-txt-blue,
.dark a.adtext2 {
    color: #6cb9fd;
    font-weight: 700
}

#scrollIframe .adtext-bg2 {
    background-color: #ffc
}

.dark .adtext-bg2 {
    background-color: #383832 !important
}

#scrollIframe .txtad_div {
    text-align: center;
    width: 100%;
    background-color: #ffffe8;
    border-top: 1px solid #e5e5e5
}

#scrollIframe .Leaguestitle td {
    padding-left: 8px;
    line-height: 25px
}

#scrollIframe .nav2 li,
#scrollIframe .nav22 li {
    background: url(/Content/Com/blue_img/ik.gif) right no-repeat;
    line-height: 30px
}

#scrollIframe #basketball .Leaguestitle td {
    padding-left: 2px;
    line-height: 29px
}

#scrollIframe #top {
    position: relative;
    clear: both
}

#scrollIframe #header-wrapper #top .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1208px;
    margin: 0 auto;
    padding: 14.5px 0 15.5px
}

#scrollIframe #top .weblogo {
    width: 189px
}

#scrollIframe #nav {
    width: 100%;
    overflow: hidden
}

#scrollIframe #nav .nav {
    background-color: #346bab;
    width: 950px;
    margin: 0 auto;
    overflow: hidden
}

#scrollIframe #nav li {
    float: left;
    margin-right: 2px;
    width: 116px
}

#scrollIframe #nav li a {
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 15px
}

#scrollIframe #nav li a:hover {
    color: #fffc00;
    text-decoration: none
}

#scrollIframe #nav span a,
#scrollIframe #nav span a:hover {
    color: #fffc00;
    background-position: left 26px
}

#scrollIframe .member-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/user-login.png) no-repeat;
    cursor: pointer
}

#scrollIframe .nav2 {
    background: #fff;
    clear: both;
    border: 1px solid #e4e4e4;
    border-top: 0;
    height: 30px;
    text-align: center;
    width: 948px;
    margin: 0 auto;
    border-radius: 0 0 4px 4px
}

#scrollIframe .nav2 li {
    padding: 0 11px;
    display: block;
    float: left;
    height: 30px
}

#scrollIframe .nav2 li.worldcup {
    background: url(../images/worldcup.png) 10px center/auto 77% no-repeat;
    padding-left: 26px
}

#scrollIframe .markdown h4,
#scrollIframe .nav2 li a {
    font-size: 14px
}

#scrollIframe .nav22 {
    clear: both;
    height: 30px;
    text-align: center;
    background-color: #fff;
    width: 950px;
    margin: 0 auto
}

#scrollIframe .nav22 li {
    padding: 0 8px;
    display: inline;
    height: 30px;
    font-weight: 700
}

#scrollIframe #ad_middle_122 {
    text-align: center;
    width: 1060px;
    margin: 0 auto;
    overflow: hidden
}

#scrollIframe #ad_middle_122 a~a,
#scrollIframe #ad_middle_2 a~a {
    margin-left: 4px
}

#scrollIframe #ad_middle_122 a img,
body #scrollIframe.has_iframe .mcontent {
    padding-top: 5px
}

#scrollIframe #ad_middle_2 a img,
#scrollIframe #ad_middle_3 a img {
    padding: 1px 0
}

#scrollIframe .leftnav .adclass {
    margin-left: -10px
}

@font-face {
    font-family: iconfont logo;
    src: url(../fonts/font_985780_km7mi63cihi.eot);
    src: url(../fonts/font_985780_km7mi63cihi.eot#iefix) format("embedded-opentype"), url(../fonts/font_985780_km7mi63cihi.woff) format("woff"), url(../fonts/font_985780_km7mi63cihi.ttf) format("truetype"), url(../images/font_985780_km7mi63cihi.svg#iconfont) format("svg")
}

#scrollIframe .logo {
    font-family: iconfont logo;
    font-size: 160px;
    font-style: normal
}

#scrollIframe .nav-tabs .nav-more {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 42px;
    line-height: 42px;
    color: #666
}

#scrollIframe #tabs {
    border-bottom: 1px solid #eee
}

#scrollIframe #tabs li {
    cursor: pointer;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    color: #666
}

#scrollIframe #tabs .active {
    border-bottom-color: red;
    color: #222
}

#scrollIframe .main {
    padding: 30px 100px;
    width: 960px;
    margin: 0 auto
}

#scrollIframe .tt2,
#scrollIframe .tt3 {
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate
}

#scrollIframe .main .logo {
    color: #333;
    text-align: left;
    margin-bottom: 30px;
    line-height: 1;
    height: 110px;
    margin-top: -50px;
    overflow: hidden;
    zoom: 1
}

#scrollIframe .main .logo a {
    font-size: 160px;
    color: #333
}

#scrollIframe .helps {
    margin-top: 40px
}

#scrollIframe .helps pre {
    padding: 20px;
    margin: 10px 0;
    border: 1px solid #e7e1cd;
    background-color: #fffdef;
    overflow: auto
}

#scrollIframe .icon_lists {
    width: 100% !important;
    overflow: hidden;
    zoom: 1
}

#scrollIframe .icon_lists li {
    width: 100px;
    margin-bottom: 10px;
    margin-right: 20px;
    text-align: center;
    list-style: none !important;
    cursor: default
}

#scrollIframe .icon_lists li .code-name {
    line-height: 1.2
}

#scrollIframe .icon_lists .icon {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 42px;
    margin: 10px auto;
    color: #333;
    -webkit-transition: font-size .25s linear, width .25s linear;
    -moz-transition: font-size .25s linear, width .25s linear;
    transition: font-size .25s linear, width .25s linear
}

#scrollIframe .icon_lists .icon:hover {
    font-size: 100px
}

#scrollIframe .icon_lists .svg-icon {
    width: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

#scrollIframe .markdown {
    color: #666;
    font-size: 14px;
    line-height: 1.8
}

#scrollIframe .highlight {
    line-height: 1.5
}

#scrollIframe .markdown img {
    vertical-align: middle;
    max-width: 100%
}

#scrollIframe .markdown h1 {
    color: #404040;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 24px;
    font-size: 28px
}

#scrollIframe .markdown h2,
#scrollIframe .markdown h3,
#scrollIframe .markdown h4,
#scrollIframe .markdown h5,
#scrollIframe .markdown h6 {
    color: #404040;
    margin: 1.6em 0 .6em;
    font-weight: 500;
    clear: both
}

#scrollIframe .markdown h2 {
    font-size: 22px
}

#scrollIframe .markdown h3 {
    font-size: 16px
}

#scrollIframe #info #left .leftnav li a,
#scrollIframe .cup-match .tdlink .td-away a,
#scrollIframe .cup-match .tdlink .td-home a,
#scrollIframe .league-container a,
#scrollIframe .league-container select,
#scrollIframe .league-container table,
#scrollIframe .league-container td,
#scrollIframe .markdown h5,
#scrollIframe .markdown h6 {
    font-size: 12px
}

#scrollIframe .markdown hr {
    height: 1px;
    border: 0;
    background: #e9e9e9;
    margin: 16px 0;
    clear: both
}

#scrollIframe .markdown p {
    margin: 1em 0
}

#scrollIframe .markdown>.highlight,
#scrollIframe .markdown>blockquote,
#scrollIframe .markdown>ol,
#scrollIframe .markdown>p,
#scrollIframe .markdown>ul {
    width: 80%
}

#scrollIframe .markdown ul>li {
    list-style: circle
}

#scrollIframe .markdown blockquote ol>li,
#scrollIframe .markdown blockquote ul>li,
#scrollIframe .markdown>ol li,
#scrollIframe .markdown>ul li {
    margin-left: 20px;
    padding-left: 4px
}

#scrollIframe .markdown>ol li p,
#scrollIframe .markdown>ul li p {
    margin: .6em 0
}

#scrollIframe .markdown ol>li {
    list-style: decimal
}

#scrollIframe .markdown code {
    margin: 0 3px;
    padding: 0 5px;
    background: #eee;
    border-radius: 3px
}

#scrollIframe .markdown>table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #e9e9e9;
    width: 95%;
    margin-bottom: 24px
}

#scrollIframe .markdown>table th {
    white-space: nowrap;
    color: #333;
    font-weight: 600;
    background: #f7f7f7
}

#scrollIframe .markdown>table td,
#scrollIframe .markdown>table th {
    border: 1px solid #e9e9e9;
    padding: 8px 16px;
    text-align: left
}

#scrollIframe .markdown blockquote {
    font-size: 90%;
    color: #999;
    border-left: 4px solid #e9e9e9;
    padding-left: .8em;
    margin: 1em 0
}

#scrollIframe .data-sync #div_Table1.leastanding tr td .six-lasted span,
#scrollIframe .data-sync #tableId.archer tr td .six-lasted span,
#scrollIframe .markdown blockquote p {
    margin: 0
}

#scrollIframe .markdown .anchor {
    opacity: 0;
    transition: opacity .3s;
    margin-left: 8px
}

#scrollIframe .markdown .waiting {
    color: #ccc
}

#scrollIframe .markdown h1:hover .anchor,
#scrollIframe .markdown h2:hover .anchor,
#scrollIframe .markdown h3:hover .anchor,
#scrollIframe .markdown h4:hover .anchor,
#scrollIframe .markdown h5:hover .anchor,
#scrollIframe .markdown h6:hover .anchor {
    opacity: 1;
    display: inline-block
}

#scrollIframe .markdown>br,
#scrollIframe .markdown>p>br {
    clear: both
}

#scrollIframe .hljs {
    display: block;
    background: #fff;
    padding: .5em;
    color: #333;
    overflow-x: auto
}

#scrollIframe .hljs-comment,
#scrollIframe .hljs-meta {
    color: #969896
}

#scrollIframe .hljs-emphasis,
#scrollIframe .hljs-quote,
#scrollIframe .hljs-string,
#scrollIframe .hljs-strong,
#scrollIframe .hljs-template-variable,
#scrollIframe .hljs-variable {
    color: #df5000
}

#scrollIframe .hljs-keyword,
#scrollIframe .hljs-selector-tag,
#scrollIframe .hljs-type {
    color: #a71d5d
}

#scrollIframe .hljs-attribute,
#scrollIframe .hljs-bullet,
#scrollIframe .hljs-literal,
#scrollIframe .hljs-symbol {
    color: #0086b3
}

#scrollIframe .hljs-name,
#scrollIframe .hljs-section {
    color: #63a35c
}

#scrollIframe .hljs-tag,
#scrollIframe .info_nav li span a:link,
#scrollIframe .info_nav li span a:visited,
#scrollIframe .nav_select .pd2 li a {
    color: #333
}

#scrollIframe .hljs-attr,
#scrollIframe .hljs-selector-attr,
#scrollIframe .hljs-selector-class,
#scrollIframe .hljs-selector-id,
#scrollIframe .hljs-selector-pseudo,
#scrollIframe .hljs-title {
    color: #795da3
}

#scrollIframe .hljs-addition {
    color: #55a532;
    background-color: #eaffea
}

#scrollIframe .hljs-deletion {
    color: #bd2c00;
    background-color: #ffecec
}

#scrollIframe code[class*=language-],
#scrollIframe pre[class*=language-] {
    color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

#scrollIframe code[class*=language-] ::-moz-selection,
#scrollIframe code[class*=language-]::-moz-selection,
#scrollIframe pre[class*=language-] ::-moz-selection,
#scrollIframe pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

#scrollIframe code[class*=language-] ::selection,
#scrollIframe code[class*=language-]::selection,
#scrollIframe pre[class*=language-] ::selection,
#scrollIframe pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    #scrollIframe code[class*=language-],
    #scrollIframe pre[class*=language-] {
        text-shadow: none
    }
}

#scrollIframe pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

#scrollIframe :not(pre)>code[class*=language-],
#scrollIframe pre[class*=language-] {
    background: #f5f2f0
}

#scrollIframe :not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

#scrollIframe .token.cdata,
#scrollIframe .token.comment,
#scrollIframe .token.doctype,
#scrollIframe .token.prolog {
    color: #708090
}

#scrollIframe .namespace {
    opacity: .7
}

#scrollIframe .token.boolean,
#scrollIframe .token.constant,
#scrollIframe .token.deleted,
#scrollIframe .token.number,
#scrollIframe .token.property,
#scrollIframe .token.symbol,
#scrollIframe .token.tag {
    color: #905
}

#scrollIframe .token.attr-name,
#scrollIframe .token.builtin,
#scrollIframe .token.char,
#scrollIframe .token.inserted,
#scrollIframe .token.selector,
#scrollIframe .token.string {
    color: #690
}

#scrollIframe .language-css .token.string,
#scrollIframe .style .token.string,
#scrollIframe .token.entity,
#scrollIframe .token.operator,
#scrollIframe .token.url {
    color: #9a6e3a;
    background: #ffffff80
}

#scrollIframe .token.atrule,
#scrollIframe .token.attr-value,
#scrollIframe .token.keyword {
    color: #07a
}

#scrollIframe .token.class-name,
#scrollIframe .token.function {
    color: #dd4a68
}

#scrollIframe .token.important,
#scrollIframe .token.regex,
#scrollIframe .token.variable {
    color: #e90
}

#scrollIframe .token.italic {
    font-style: italic
}

#scrollIframe .token.entity {
    cursor: help
}

@font-face {
    font-family: iconfont;
    src: url(/build/assets/fonts/iconfont.woff2) format("woff2"), url(/build/assets/fonts/iconfont.woff) format("woff"), url(/build/assets/fonts/iconfont.ttf) format("truetype");
    font-display: swap
}

#scrollIframe .iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal
}

#scrollIframe .icon-max:before {
    content: ""
}

#scrollIframe .icon-min:before {
    content: ""
}

#scrollIframe .icon-odds1:before {
    content: ""
}

#scrollIframe .icon-weather:before {
    content: ""
}

#scrollIframe .icon-b-ant-off:before {
    content: ""
}

#scrollIframe .icon-b-ant-on:before {
    content: ""
}

#scrollIframe .icon-tennis_racket:before {
    content: ""
}

#scrollIframe .icon-tennis_ball:before {
    content: ""
}

#scrollIframe .icon-icon-live1:before {
    content: ""
}

#scrollIframe .icon-icon-live2:before {
    content: ""
}

#scrollIframe .icon-drop-down:before {
    content: ""
}

#scrollIframe .icon-font-display:before {
    content: ""
}

#scrollIframe .icon-live:before {
    content: ""
}

#scrollIframe .icon-icon-corner1:before {
    content: ""
}

#scrollIframe .icon-footballclass2:before {
    content: ""
}

#scrollIframe .icon-footballclass1:before {
    content: ""
}

#scrollIframe .icon-font-rank:before {
    content: ""
}

#scrollIframe .icon-font-footballclass:before {
    content: ""
}

#scrollIframe .icon-font-sendont:before {
    content: ""
}

#scrollIframe .icon-font-esports:before {
    content: ""
}

#scrollIframe .icon-font-topping:before {
    content: ""
}

#scrollIframe .icon-font-hide:before {
    content: ""
}

#scrollIframe .icon-font-bonus:before {
    content: ""
}

#scrollIframe .icon-font-analysis:before {
    content: ""
}

#scrollIframe .icon-font-camera:before {
    content: ""
}

#scrollIframe .icon-font-delete:before {
    content: ""
}

#scrollIframe .icon-font-follow:before {
    content: ""
}

#scrollIframe .icon-font-hit:before {
    content: ""
}

#scrollIframe .icon-font-hot:before {
    content: ""
}

#scrollIframe .icon-font-emailver:before {
    content: ""
}

#scrollIframe .icon-font-profile-email:before {
    content: ""
}

#scrollIframe .icon-font-membershipchengyuanguanli:before {
    content: ""
}

#scrollIframe .icon-font-post:before {
    content: ""
}

#scrollIframe .icon-font-manypeople:before {
    content: ""
}

#scrollIframe .icon-font-profile-password:before {
    content: ""
}

#scrollIframe .icon-font-profile-withdrawalaccount:before {
    content: ""
}

#scrollIframe .icon-font-report2:before {
    content: ""
}

#scrollIframe .icon-font-index:before {
    content: ""
}

#scrollIframe .icon-font-report:before {
    content: ""
}

#scrollIframe .icon-font-improper:before {
    content: ""
}

#scrollIframe .icon-font-time:before {
    content: ""
}

#scrollIframe .icon-font-sharearticel:before {
    content: ""
}

#scrollIframe .icon-font-record:before {
    content: ""
}

#scrollIframe .icon-font-subscribe:before {
    content: ""
}

#scrollIframe .icon-font-wifi:before {
    content: ""
}

#scrollIframe .icon-font-wallet:before {
    content: ""
}

#scrollIframe .icon-icon_help:before {
    content: ""
}

#scrollIframe .icon-baseball:before {
    content: ""
}

#scrollIframe .icon-font-forbidden:before {
    content: ""
}

#scrollIframe .icon-font-subscribe2:before {
    content: ""
}

#scrollIframe .icon-matchdata:before {
    content: ""
}

#scrollIframe .icon-analysis:before {
    content: ""
}

#scrollIframe .icon-odds:before {
    content: ""
}

#scrollIframe .icon-t5:before {
    content: ""
}

#scrollIframe .icon-font-share:before {
    content: ""
}

#scrollIframe .icon-font-pk:before {
    content: ""
}

#scrollIframe .icon-font-live1:before {
    content: ""
}

#scrollIframe .icon-font-live2:before {
    content: ""
}

#scrollIframe .icon-font-report21:before {
    content: ""
}

#scrollIframe .icon-font-report3:before {
    content: ""
}

#scrollIframe .icon-cricbat:before {
    content: ""
}

#scrollIframe .icon-criball:before {
    content: ""
}

#scrollIframe .icon-cricket:before {
    content: ""
}

#scrollIframe .icon-warning:before {
    content: ""
}

#scrollIframe .icon-font-Telep:before {
    content: ""
}

#scrollIframe .icon-fond-add:before {
    content: ""
}

#scrollIframe .icon-font-ID:before {
    content: ""
}

#scrollIframe .icon-font-number:before {
    content: ""
}

#scrollIframe .icon-font-charge:before {
    content: ""
}

#scrollIframe .icon-font-index1:before {
    content: ""
}

#scrollIframe .icon-font-injured:before {
    content: ""
}

#scrollIframe .icon-font-Assists:before {
    content: ""
}

#scrollIframe .icon-font-female-yes:before {
    content: ""
}

#scrollIframe .icon-font-male-yes:before {
    content: ""
}

#scrollIframe .icon-font-male:before {
    content: ""
}

#scrollIframe .icon-font-Tennis-y:before {
    content: ""
}

#scrollIframe .icon-font-female:before {
    content: ""
}

#scrollIframe .icon-font-Tennis:before {
    content: ""
}

#scrollIframe .icon-font-animation:before {
    content: ""
}

#scrollIframe .icon-font-push:before {
    content: ""
}

#scrollIframe .icon-font-collect-on:before {
    content: ""
}

#scrollIframe .icon-font-sort:before {
    content: ""
}

#scrollIframe .icon-font-varicon:before {
    content: ""
}

#scrollIframe .icon-font-collect-off:before,
#scrollIframe .icon-font-collect-on:before {
    content: "" !important;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat
}

#scrollIframe .icon-font-collect-off:before {
    background-image: url(/build/assets/images/rating-14px.svg?v=2)
}

#scrollIframe .no_fav_data .no_data .explain .icon {
    position: relative;
    background: #374033 !important;
    margin: 0 12px !important
}

#scrollIframe .no_fav_data .no_data .explain .icon-font-collect-off:before {
    width: 20px;
    height: 20px;
    margin: 0 !important
}

#scrollIframe .no_fav_data .no_data p {
    display: flex;
    align-items: center;
    justify-content: center
}

#scrollIframe .no_fav_data .no_data .title {
    margin-bottom: 20px
}

#scrollIframe .icon-font-collect-on:before {
    background-image: url(/build/assets/images/rating-14.svg?v=2)
}

#scrollIframe .icon-font-upload:before {
    content: ""
}

#scrollIframe .icon-font-upload-1:before {
    content: ""
}

#scrollIframe .icon-font-logout:before {
    content: ""
}

#scrollIframe .icon-font-menu2:before {
    content: ""
}

#scrollIframe .icon-font-menu:before {
    content: ""
}

#scrollIframe .icon-font-switch:before {
    content: ""
}

#scrollIframe .icon-font-doubleopen-off:before {
    content: ""
}

#scrollIframe .icon-font-index-on:before {
    content: ""
}

#scrollIframe .icon-font-doubleopen-on:before {
    content: ""
}

#scrollIframe .icon-font-heat:before {
    content: ""
}

#scrollIframe .icon-font-prohibit:before {
    content: ""
}

#scrollIframe .icon-font-live:before {
    content: ""
}

#scrollIframe .icon-font-injured1:before {
    content: ""
}

#scrollIframe .icon-font-live-2:before {
    content: ""
}

#scrollIframe .icon-t5-2:before {
    content: ""
}

#scrollIframe .icon-icon-corner:before {
    content: ""
}

#scrollIframe .icon-icon-detail:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background: url(/assets/images/icon-lineup.svg?v=1)
}

body.dark .icon-icon-detail:before {
    background: url(/assets/images/icon-lineup-dark.svg?v=1) no-repeat
}

#scrollIframe .icon-font-set:before {
    content: ""
}

#scrollIframe .icon-font-events-exit:before {
    content: ""
}

#scrollIframe .icon-font-events-enter:before {
    content: ""
}

#scrollIframe .icon-font-events-red:before {
    content: ""
}

#scrollIframe .icon-font-setup:before {
    content: ""
}

#scrollIframe .icon-font-becareful:before {
    content: ""
}

#scrollIframe .icon-font-dialogue:before {
    content: ""
}

#scrollIframe .icon-font-connect:before {
    content: ""
}

#scrollIframe .icon-font-diamonds2:before {
    content: ""
}

#scrollIframe .icon-font-diamonds:before {
    content: ""
}

#scrollIframe .icon-font-doubt:before {
    content: ""
}

#scrollIframe .icon-font-expert:before {
    content: ""
}

#scrollIframe .icon-font-open-on:before {
    content: ""
}

#scrollIframe .icon-font-open-off:before {
    content: ""
}

#scrollIframe .icon-font-picture:before {
    content: ""
}

#scrollIframe .icon-font-opinion:before {
    content: ""
}

#scrollIframe .icon-font-signin:before {
    content: ""
}

#scrollIframe .icon-font-signin2:before {
    content: ""
}

#scrollIframe .icon-font-setup2:before {
    content: ""
}

#scrollIframe .icon-font-mail:before {
    content: ""
}

#scrollIframe .icon-font-more:before {
    content: ""
}

#scrollIframe .icon-font-adduser:before {
    content: ""
}

#scrollIframe .icon-font-return:before {
    content: ""
}

#scrollIframe .icon-font-returnon:before {
    content: ""
}

#scrollIframe .icon-font-proaganda:before {
    content: ""
}

#scrollIframe .icon-font-small-administrators:before {
    content: ""
}

#scrollIframe .icon-font-small-display:before {
    content: ""
}

#scrollIframe .icon-font-small-lock:before {
    content: ""
}

#scrollIframe .icon-font-small-reply:before {
    content: ""
}

#scrollIframe .icon-font-small-document:before {
    content: ""
}

#scrollIframe .icon-font-small-support-on:before {
    content: ""
}

#scrollIframe .icon-font-username:before {
    content: ""
}

#scrollIframe .icon-font-small-support-off:before {
    content: ""
}

#scrollIframe .icon-font-password:before {
    content: ""
}

#scrollIframe .icon-font-choice:before {
    content: ""
}

#scrollIframe .icon-font-homepage-on:before {
    content: ""
}

#scrollIframe .icon-font-homepage-off:before {
    content: ""
}

#scrollIframe .icon-font-change:before {
    content: ""
}

#scrollIframe .icon-font-change_new:before {
    content: ""
}

#scrollIframe .icon-font-top:before {
    content: ""
}

#scrollIframe .icon-font-small-support-off1:before {
    content: ""
}

#scrollIframe .icon-font-small-support-on1:before {
    content: ""
}

#scrollIframe .icon-font-open-off1:before {
    content: ""
}

#scrollIframe .icon-font-open-on1:before {
    content: ""
}

#scrollIframe .icon-font-refresh:before {
    content: ""
}

#scrollIframe .icon-font-basketballclass:before {
    content: ""
}

#scrollIframe .icon-font-class:before {
    content: ""
}

#scrollIframe .icon-font-screen:before {
    content: ""
}

#scrollIframe .icon-font-calendar:before {
    content: ""
}

#scrollIframe .icon-font-search:before {
    content: ""
}

#scrollIframe .icon-font-setup1:before {
    content: ""
}

#scrollIframe .icon-font-lineup:before {
    content: ""
}

#scrollIframe .icon-font-reduce:before {
    content: ""
}

#scrollIframe .icon-font-plus:before {
    content: ""
}

#scrollIframe .j-sb {
    justify-content: space-between
}

#scrollIframe #tools .odds_setting .odds_detail input {
    width: 13px;
    height: 13px
}

#scrollIframe #tools .odds_setting .odds_detail input:checked {
    background-color: #4361ee !important
}

#scrollIframe .analyze-icon:hover:after {
    right: 0;
    left: unset;
    content: "วิเคราะห์"
}

#scrollIframe .select-only-border-bottom {
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: 1px solid #ccc;
    text-align: center
}

#scrollIframe .mgt-16,
#scrollIframe .second-version .mgt-16 {
    margin-top: 16px
}

#scrollIframe .style-scroll-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #bbb
}

#scrollIframe .style-scroll-4::-webkit-scrollbar {
    width: 8px;
    background-color: #bbb
}

#scrollIframe .style-scroll-4::-webkit-scrollbar-thumb {
    background-color: #414141;
    border: 2px solid #bbb
}

#scrollIframe .select-company-outer:after,
#scrollIframe .select-company-outer:before {
    width: 1px;
    border-left: 1px solid #d4d4d4;
    top: 6px;
    height: 34px;
    position: absolute;
    transform: translateY(-50%)
}

#scrollIframe b.scored-s {
    min-width: 50px;
    display: block;
    font-size: 17px;
    letter-spacing: 2px;
    margin: 0 10px
}

#scrollIframe .select-company-outer {
    display: inline-block;
    padding: 0 10px;
    position: relative
}

#scrollIframe .select-company-outer:after {
    right: 0
}

#scrollIframe .select-company-outer:before {
    left: 0
}

.dark .select-company-outer:after,
.dark .select-company-outer:before {
    border-color: #000
}

body #scrollIframe .tools .switch-view-btn {
    background: var(--white-bg);
    padding: 1px 3px;
    border-radius: 20px;
    display: flex;
    position: relative
}

body #scrollIframe .tools .switch-view-btn span.on {
    background: var(--primary-color);
    color: var(--text-white)
}

body #scrollIframe .tools .switch-view-btn span {
    color: var(--primary-color);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 20px;
    float: left;
    display: inline-block;
    cursor: pointer;
    padding: 4px 8px;
    width: 50%;
    font-weight: 500;
    white-space: nowrap;
    margin: auto
}

#scrollIframe td#oddsHead .select-company {
    background-color: unset !important;
    color: var(--Monotone-Grey-900, var(--color-grey-900, #0f0f0f));
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--font-line-height-s12, 18px);
    background-image: url(/build/assets/images/CaretDown.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: calc(100% - 6px) 50%;
    outline: 0;
    box-shadow: none;
    width: 100%;
    padding: 0 6px
}

#scrollIframe td#oddsHead .select-company:hover {
    background-image: url(/build/assets/images/CaretDownBlack.svg);
    cursor: pointer
}

.dark td#oddsHead .select-company {
    background-color: transparent !important;
    color: #f2f2f2 !important
}

#scrollIframe #change_233 {
    width: 200px;
    height: 28px;
    top: 41px;
    left: 10px;
    padding: 0 5px;
    gap: 0;
    border-radius: 4px;
    opacity: 0px;
    background: #fff;
    outline: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
    line-height: 28px;
    text-align: left
}

#scrollIframe tr#tr_upper-live-titlez {
    background: #fff;
    height: 34px
}

#scrollIframe .td-bdr {
    border-right: 1px solid #e6e6e6
}

#scrollIframe .d-flex.eur,
#scrollIframe .hz312,
#scrollIframe .j-sc,
#scrollIframe .oddstd-tx.d-flex.ht-title {
    justify-content: center
}

#scrollIframe .hz312>div {
    width: 34px;
    margin: 0 5px;
    height: 100%
}

.dark .second-version tr.head-tr th,
.dark .td-bdr {
    border-right: 1px solid #070f03
}

.dark tr#tr_upper-live-titlez {
    background: #374033
}

body.dark .tools .switch-view-btn {
    background: #1b1d1a
}

#scrollIframe #main .idx-favorite .status-time-match,
#scrollIframe #main .idx-favorite .status-time-sched,
#scrollIframe #main .idx-resultpage .status-time-match {
    display: table-cell !important
}

#scrollIframe .odds-bg.odds-normal>span.down,
#scrollIframe .odds-bg.odds-normal>span.up,
#scrollIframe .odds2>span.down,
#scrollIframe .odds2>span.up {
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
    margin: 0;
    color: #282828;
    line-height: 22px;
    border-radius: 4px;
    text-align: center
}

#scrollIframe .odds-bg.odds-normal>span.down,
#scrollIframe .odds2>span.down {
    position: relative !important
}

#scrollIframe #info.database .area-tab ul li {
    padding: 10px 30px !important;
    height: max-content
}

#scrollIframe #info.database .area-tab ul li.menu-search {
    padding: 5px 10px !important
}

.dark #change_233,
.dark .no-data {
    background: #151515;
    color: #fff
}

.dark .menu-search svg {
    filter: brightness(100)
}

#scrollIframe #soccer #main .idx-favorite.mcontent .oddstd p:nth-child(2),
#scrollIframe #soccer .mcontent .oddstd .oddstd-ah p:nth-child(2) {
    display: initial
}

#scrollIframe .py-1 {
    padding-left: 4px;
    padding-right: 4px
}

#scrollIframe .w-24 {
    width: 24px;
    min-width: 24px;
    max-width: 24px
}

#scrollIframe .w-32 {
    width: 32px;
    min-width: 32px;
    max-width: 32px
}

#scrollIframe .w-34 {
    width: 34px;
    min-width: 34px;
    max-width: 34px
}

#scrollIframe .w-45 {
    width: 45px;
    min-width: 45px;
    max-width: 45px
}

#scrollIframe .w-47 {
    width: 47px;
    min-width: 47px;
    max-width: 47px
}

#scrollIframe .w-49 {
    width: 49px;
    min-width: 49px;
    max-width: 49px
}

#scrollIframe .w-50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px
}

#scrollIframe .w-55 {
    width: 55px;
    min-width: 55px;
    max-width: 55px
}

#scrollIframe .w-60 {
    width: 60px;
    min-width: 60px;
    max-width: 60px
}

#scrollIframe .w-65 {
    width: 65px;
    min-width: 65px;
    max-width: 65px
}

#scrollIframe .w-70 {
    width: 70px;
    min-width: 70px;
    max-width: 70px
}

#scrollIframe .w-33 {
    width: 33px;
    min-width: 33px;
    max-width: 33px
}

#scrollIframe #oddsHead.w-75,
#scrollIframe .w-75 {
    width: 75px;
    min-width: 75px;
    max-width: 75px
}

#scrollIframe .w-85 {
    width: 85px;
    min-width: 85px;
    max-width: 85px
}

#scrollIframe .w-96 {
    width: 96px;
    min-width: 96px;
    max-width: 96px
}

#scrollIframe .w-107 {
    width: 107px;
    min-width: 107px;
    max-width: 107px
}

#scrollIframe .table-time.euro-view .td-bdr.w-120,
#scrollIframe .w-120 {
    width: 120px;
    min-width: 120px;
    max-width: 120px
}

#scrollIframe .w-124 {
    width: 124px;
    min-width: 124px;
    max-width: 124px
}

#scrollIframe .w-135 {
    width: 135px;
    min-width: 135px;
    max-width: 135px
}

#scrollIframe .w-140 {
    width: 140px;
    min-width: 140px;
    max-width: 140px
}

#scrollIframe .w-141 {
    width: 141px;
    min-width: 141px;
    max-width: 141px
}

#scrollIframe .w-150 {
    width: 150px;
    min-width: 150px
}

#scrollIframe .w-260 {
    width: 260px;
    min-width: 260px;
    max-width: 260px
}

#scrollIframe .oddstd-ah.hz312,
#scrollIframe .oddstd-ou.hz312 {
    width: 50%;
    padding: 0 !important
}

#scrollIframe .right-bf:before {
    content: "";
    width: 1px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: -8px;
    background: #d4d4d4;
    transform: translateY(-50%)
}

#scrollIframe .score-detail>div {
    width: 50%;
    text-align: center
}

#scrollIframe .first-half {
    color: #0e9561
}

#scrollIframe .handpoint>div>b {
    color: #d64444 !important;
    font-size: 20px
}

.dark #showoptional2 .bts:nth-of-type(6) .select-all span,
.dark .LGname,
.dark .filterLi2.xz .dropdown-menu .option a:hover {
    color: #d4d4d4
}

#scrollIframe .box-white {
    background-color: #fff;
    padding: 16px
}

#scrollIframe .box-white .box-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px;
    text-transform: uppercase
}

#scrollIframe .box-white .box-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

#scrollIframe #table_live .upper-live-titlez,
#scrollIframe .modal-content .settingselect,
.dark .second-version .tdlink.lh17 {
    background: #fff
}

#scrollIframe .home__content h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin-bottom: 8px;
    margin-top: 5px
}

#scrollIframe .home__content h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px;
    text-align: left;
    margin: 5px 0
}

#scrollIframe #showoptional2 .showoptional2-w .rbl,
#scrollIframe .mgt-10 {
    margin-top: 10px
}

#scrollIframe .team-box {
    align-items: center;
    justify-content: flex-start
}

#scrollIframe .second-version .outteam.first,
#scrollIframe .team-box.tleft {
    justify-content: flex-end
}

#scrollIframe .team-box>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#scrollIframe .data-sync .align-right,
#scrollIframe .oddsHead.inclfuded-ht-title {
    text-align: right !important
}

#scrollIframe p.r3 {
    margin-left: 5px !important
}

#scrollIframe .w-51 span {
    margin-left: -3px !important
}

#scrollIframe #main .idx-homepage .custom-select-02.core-custom-select,
#scrollIframe .data-sync .pd-r-0,
#scrollIframe .pdr-0 {
    padding-right: 0 !important
}

#scrollIframe p.odds1.closed,
#scrollIframe p.odds2.closed,
#scrollIframe p.odds3.closed {
    font-size: 9px
}

#scrollIframe i.icon-font-collect-off,
#scrollIframe i.icon-font-collect-on {
    position: relative;
    min-width: 11px;
    min-height: 11px;
    display: inline-block
}

#scrollIframe .team-head-icon-fav:before {
    width: 23px !important;
    height: 23px !important;
    top: 6px !important
}

#scrollIframe .game-compare .list-game .comment-team-home .team-name,
.dark .game-compare .list-game .comment-team-home .team-name,
.dark .status {
    color: #07adf5
}

.dark .settingBar,
body.dark,
body.dark .Leaguestitle.isLeaTop,
body.dark .data-sync .techlist #Table3 {
    background-color: #030405 !important
}

#scrollIframe .ov.page-text-live {
    max-height: 335px;
    height: 335px
}

#scrollIframe #game-rate .btm td:first-child,
#scrollIframe #game-rate .btm td:last-child {
    width: 97px;
    min-width: 97px;
    max-width: 98px
}

#scrollIframe [id^=favM_]:hover:after {
    left: 0;
    right: unset
}

#scrollIframe .scroll-custom::-webkit-scrollbar-track,
#scrollIframe .select2-results__options::-webkit-scrollbar-track {
    background-color: #ddd
}

#scrollIframe .scroll-custom::-webkit-scrollbar,
#scrollIframe .select2-results__options::-webkit-scrollbar {
    width: 8px
}

#scrollIframe .scroll-custom::-webkit-scrollbar-thumb,
#scrollIframe .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
    border: 2px solid #ddd;
    border-radius: 30px;
    overflow: hidden
}

.dark .scroll-custom::-webkit-scrollbar-track,
.dark .select2-results__options::-webkit-scrollbar-track {
    background-color: #414141
}

.dark .scroll-custom::-webkit-scrollbar-thumb,
.dark .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #9c9c9c;
    border: 2px solid #414141
}

#scrollIframe .button-loadmore {
    background: #005030;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    padding: 0 20px;
    margin-top: 20px;
    display: none
}

#scrollIframe .button-loadmore.show,
#scrollIframe .website-team .hide .noitem {
    display: inline-block
}

body.dark #min .tools ul li {
    border: 1px solid #2e352a
}

#scrollIframe #game-rate #match-event::-webkit-scrollbar,
#scrollIframe #game-rate .page-text-live::-webkit-scrollbar,
#scrollIframe .odds-content.scroll.mt-2.onDesk::-webkit-scrollbar {
    display: none
}

#scrollIframe #game-rate #match-event:hover::-webkit-scrollbar,
#scrollIframe #game-rate .page-text-live:hover::-webkit-scrollbar {
    display: initial
}

#scrollIframe .odds-correct {
    gap: 8px
}

#scrollIframe .odds-correct strong {
    font-size: 11px;
    width: 100%;
    text-align: center;
    margin-bottom: -5px
}

#scrollIframe #match-list-box a:hover {
    text-decoration: none !important
}

.dark #containerOfBall .company,
.dark #containerOfBall .company.case1 .category,
.dark .game-compare,
.dark .wrap-slider-1212,
body.dark .main-content.cup-match #info #databaseLeagueFilter .database_league_filter--dropdown,
body.dark .mcontent#game-rate #match-list-box {
    background: #1a1a1a
}

.dark .header-slide--slide-btn-next,
.dark .header-slide--slide-btn-prev {
    background: #3c1205
}

#scrollIframe #app6in1 .button-df.active2:after,
#scrollIframe #app6in1 .button-df.custom-select-02:hover:after,
#scrollIframe #app6in1 .custom-select-02.show.button-df:after,
#scrollIframe #filter-box-on-pc .filter-third>div .custom-select-02:hover:after,
#scrollIframe .bxh-110 .custom-select-02.button-df:hover:after,
#scrollIframe .bxh-110 .custom-select-02.show.button-df:after,
.dark #app6in1 .table-view .trash-bin,
.dark .bxh-110 .custom-select-02:after,
.dark .header-slide--slide-btn-next svg,
.dark .header-slide--slide-btn-prev svg,
body#soccer.dark #app6in1 .filter-form .button-df:hover:after {
    filter: brightness(0) invert(1)
}

.dark #match-list-box .selectbox {
    background-color: #070f03;
    color: #fff
}

.dark #match-list-box .selectbox__logo-text,
.dark #showFilterBox .rbl .el-radio>input[type=radio]+.el-radio-style,
.dark .bxh-110 table tr td:first-child,
.dark .bxh-110 table tr th,
body.dark .data-sync .nav_select li {
    color: #bbb
}

#scrollIframe .soundSetting .selectbox {
    background: 0 0;
    gap: 0;
    padding: 0
}

#scrollIframe .nodatapage .alogo {
    color: #00301d
}

.dark #game-rate .matchDetail .scoring-rate .rateOfScored .fx-c-3 span,
.dark .swiper-slide a span {
    color: #bbb !important
}

#scrollIframe .breadcrumbs-detail {
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 180px;
    display: block
}

#scrollIframe #game-rate .custom-select-02.core-custom-select .custom-select,
#scrollIframe .data-sync .pd-r-14 {
    padding-right: 14px !important
}

#scrollIframe .hot-news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 6px
}

#scrollIframe .hot-news-list .hot-news-item .hot-news-img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

#scrollIframe .hot-news-title {
    padding: 5px 0
}

#scrollIframe .hot-news-list .hot-news-item .hot-news-title {
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#scrollIframe .hot-news-list .hot-news-item .hot-news-btn {
    font-size: 10px;
    color: var(--primary-color)
}

.dark .bxh-110 .bxh-110-content--link a,
.dark .bxh-110 .bxh-110-content-name:hover,
.dark .home-page-right-desktop .hot-news-list .hot-news-item .hot-news-btn,
.dark .hot-news-list .hot-news-item .hot-news-btn,
body.dark #right .newsetting .hot-news-list .hot-news-item .hot-news-btn {
    color: #20be7f
}

#scrollIframe #table_live .new-home-tr .odds1.odds-down,
#scrollIframe #table_live .new-home-tr .odds1.odds-up,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-down,
#scrollIframe #table_live .new_oddsChangePopup .popup-odds-change .odds-up {
    color: #282828
}

@keyframes blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

#scrollIframe .blinking {
    animation: .75s infinite blink
}

#scrollIframe #main .idx-homepage td .scored-s.no-score,
#scrollIframe .data-sync .fc-grey-700,
.dark .bottomBar-sp #menuSp .swiper-slide a span {
    color: #717171 !important
}

#scrollIframe .not-started {
    color: #070f03;
    font-weight: 400
}

.dark .not-started {
    color: #fbfbfb
}

.dark .match-started {
    color: #167dc7 !important
}

#scrollIframe .w-100-i {
    width: 100% !important
}

#scrollIframe .no-after:after,
#scrollIframe .time-status_2:after {
    content: unset !important
}

#scrollIframe .closeBar svg {
    width: 12px;
    padding-top: 2px;
    padding-right: 10px;
    color: #fff;
    filter: invert(1)
}

#scrollIframe .timeline-item {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px
}

.dark .timeline-item {
    background: #1a1a1a;
    border-color: #20262c #30363c #252525
}

.dark .animated-background,
.dark .match-load.animated-background {
    background: linear-gradient(to right, #20262c 8%, #30363c 18%, #252525 33%)
}

#scrollIframe .theme>input[type=checkbox]:checked+.theme-style,
.dark .inner_ul,
.dark .match-table tbody td,
.dark .report-container,
.dark .report-content,
.dark .report-header {
    background-color: #000
}

#scrollIframe .animated-background {
    animation-duration: 1s;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 15px;
    position: relative
}

#scrollIframe .match-load.animated-background {
    animation-duration: 1s;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 75px;
    position: relative
}

#scrollIframe .custom-lt {
    padding: 30px
}

#scrollIframe .lt-title {
    color: #236349;
    text-transform: uppercase
}

#scrollIframe .custom-lt p {
    font-size: 14px;
    line-height: 18px
}

#scrollIframe #info #i_main .team-head .follow_btn i:before,
#scrollIframe #info #i_main2 .team-head .follow_btn i:before {
    width: 18px !important;
    height: 18px !important;
    top: 6px !important
}

#scrollIframe .glow-sweep:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 300%;
    height: 100%;
    background: linear-gradient(45deg, #ffd70033, #ffdf00cc, #ffd70033);
    animation: 2s infinite sweep
}

#scrollIframe .odds-number {
    transition: .175s linear
}

@keyframes shake-scale {

    0%,
    to {
        transform: translate(0) scale(1)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate(-3px) scale(1.1)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate(3px) scale(1.1)
    }
}

@media only screen and (min-width:1208px) {
    #scrollIframe .home-page-right-mobile {
        display: none
    }
}

@media only screen and (max-width:1228px) {
    #scrollIframe .footer-container-mobile {
        width: unset !important
    }
}

@media only screen and (min-width:1000px) and (max-width:1208px) {
    body #scrollIframe {
        min-width: unset !important
    }

    #scrollIframe #homepage.home-page-mobile,
    #scrollIframe #main .idx-favorite.home-page-mobile {
        width: auto !important;
        min-width: unset !important
    }

    #scrollIframe #main .home-page-left .leftnav li a,
    #scrollIframe .footer-container-mobile {
        width: unset !important
    }

    #scrollIframe #main {
        gap: 15px
    }

    #scrollIframe #main #left {
        float: none;
        margin-right: 0 !important
    }

    #scrollIframe #left.home-page-left {
        width: 188px !important
    }

    #scrollIframe #main.main-home-page-mobile,
    #scrollIframe #newtop #menu {
        width: calc(100% - 20px) !important
    }

    #scrollIframe #appHome,
    body #scrollIframe .mcontent>#main #min {
        width: 100% !important
    }

    #scrollIframe #info.vue #left.home-page-left {
        width: min-content !important
    }

    #scrollIframe .main-content #homepage,
    #scrollIframe .main-content .crumbs,
    #scrollIframe .top-tools-c {
        width: 100%
    }

    #scrollIframe #homepage .crumbs-mobile,
    #scrollIframe #main .idx-favorite .crumbs-mobile {
        width: auto !important;
        padding: 0 10px
    }

    #scrollIframe .home-page-right-desktop {
        display: none
    }

    #scrollIframe .home-page-right-mobile {
        display: block
    }

    #scrollIframe .home-page-right-mobile .hot-news-item,
    #scrollIframe .home-page-right-mobile .lr_tit {
        padding: 10px
    }

    #scrollIframe #soccer {
        width: 100vw
    }

    #scrollIframe .top-tools-left {
        float: none;
        gap: 17px;
        justify-content: center;
        padding: 0 30px
    }

    #scrollIframe #header-wrapper #top .top {
        width: auto;
        padding: 10px 8px
    }

    #scrollIframe #newtop #menu {
        justify-content: space-around;
        margin-right: auto;
        margin-left: auto
    }

    #scrollIframe #newtop #menu li {
        width: 140px;
        height: auto
    }

    #scrollIframe #newtop #menu li a {
        font-size: 12px;
        max-width: 85px
    }

    #scrollIframe #newtop #menu li img {
        width: 30px
    }
}

body #scrollIframe #table_live.table-favorite .w-135,
body #scrollIframe #table_live.table-result .w-135 {
    width: unset;
    min-width: unset;
    max-width: unset
}

#scrollIframe #ScoreGroupTab tbody tr:first-child,
#scrollIframe #menu li.active .menu-icon,
#scrollIframe #menu li:hover .menu-icon,
#scrollIframe #newtop #menu li:hover .menu-icon,
#scrollIframe .data-sync #Table3 tr td .box-set .hideBox,
#scrollIframe .data-sync .techlist .toolBar #two-team__src .text,
#scrollIframe .filter-container select#selectMatchCount3,
#scrollIframe .icon-box-mode .menu-icon-active,
#scrollIframe .loginButton:hover .shw,
#scrollIframe .matchinfo_setting .switchbox label input,
#scrollIframe .no-item-found.loading-hidden,
#scrollIframe .second-version #SubSelectDiv,
#scrollIframe .second-version .box-set:empty,
#scrollIframe .shw-hv,
#scrollIframe .signupButton:hover .shw,
#scrollIframe .tab-content,
.corner-icon.dark,
.dark .corner-icon.light,
.dark .swiper-slide .menu-icon.hide,
.dark aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon {
    display: none
}

.dark .corner-icon.dark {
    display: inherit
}

#scrollIframe #info.version-2.data-sync.top-league,
#scrollIframe .data-sync .pd-t-0 {
    padding-top: 0 !important
}

#scrollIframe .report-container {
    background-color: #fff;
    width: 508px;
    border-radius: 8px;
    box-shadow: 0 0 10px #0000001a
}

#scrollIframe .report-content {
    padding: 0 20px 20px;
    background-color: #f2f2f2
}

#scrollIframe .match-minute {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 10px
}

#scrollIframe .report-header {
    text-align: center;
    font-weight: 700;
    padding: 20px;
    background-color: #e6e6e6;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #fff;
    color: #0a0a0a
}

#scrollIframe .tt3 {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    font-weight: 700
}

#scrollIframe .tt2 {
    font-size: 1.5em;
    margin-block-start: .83em;
    margin-block-end: .83em;
    font-weight: 700
}

#scrollIframe .statistics-header {
    text-align: center;
    font-weight: 700;
    padding: 10px
}

#scrollIframe #info #i_main .main_title .title_left select {
    min-width: 90px
}

#scrollIframe .teams {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px
}

#scrollIframe .match-table__col-minute {
    padding: unset !important
}

#scrollIframe .match-table__minute-title {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    height: 36px;
    line-height: 36px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.dark .match-table__minute-title,
body.dark .match-table__col-minute {
    border-left: 1px solid #070f03;
    border-right: 1px solid #070f03
}

#scrollIframe .team-logo {
    width: 30px;
    height: 30px;
    margin: 0 5px
}

#scrollIframe .vs {
    font-size: 18px;
    font-weight: 700;
    color: #005030
}

#scrollIframe .match-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: unset !important
}

#scrollIframe .match-table td,
#scrollIframe .match-table th {
    padding: 8px;
    text-align: center
}

#scrollIframe .match-table th {
    background-color: #e6e6e6;
    font-weight: 700
}

#scrollIframe .arrow {
    font-weight: 700;
    margin-left: 4px;
    background-color: #005030;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border-radius: 50%;
    padding: 3px;
    margin-bottom: 0;
    width: 17px;
    height: 17px
}

#scrollIframe .statistics {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    background: #fff
}

#scrollIframe .stat-item {
    display: flex;
    justify-content: center;
    padding: 8px 0
}

#scrollIframe .text-title {
    font-weight: 700;
    color: #005030
}

#scrollIframe .ant .cvd,
#scrollIframe .stat-item .text-title {
    width: 200px
}

body #scrollIframe #table_live #match-table tr:not([id^=ln_]) td {
    border-top: unset !important;
    border-bottom: none !important
}

#scrollIframe .match-table__team-name {
    gap: 12px
}

#scrollIframe .match-table__team-name .team-name {
    width: 120px;
    word-break: break-all
}

#scrollIframe .match-table__team-name-left {
    justify-content: end
}

#scrollIframe .match-table__team-name-right {
    justify-content: start
}

body #scrollIframe .report-container .closebtn:after,
body #scrollIframe .report-container .closebtn:before {
    background: #717171 !important;
    top: 9px !important;
    left: 3px !important;
    width: calc(100% - 6px)
}

body #scrollIframe .report-container .closebtn {
    background: 0 0 !important;
    border: 1px solid #717171 !important;
    width: 18px !important;
    height: 18px !important;
    top: 32px;
    right: 14px
}

body.dark #table_live #match-table tr td {
    background: #1b1d1a !important
}

.dark .report-header {
    color: #e6e6e6;
    border-bottom: 1px solid #32302f
}

.dark .match-table th,
.dark .second-version tr.head-tr,
.dark .statistics-header {
    background-color: #374033
}

.dark .match-table th {
    color: #e6e6e6
}

.dark .statistics {
    background-color: #1b1d1a
}

.dark .text-title,
body.dark .data-sync #div_Table1.tdlink tr td.team-name a,
body.dark .data-sync #tableId.archer tr td.team-name-link a,
body.dark .data-sync .d-fc-green-new-00 {
    color: #10e18d !important
}

.dark .arrow {
    background-color: #10e18d;
    color: #000 !important
}

@media screen and (max-width:1100px) {
    #scrollIframe div[id^=matchReport_] {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 85%;
        zoom: .9
    }

    #scrollIframe .report-container {
        width: 100% !important
    }

    body #scrollIframe #main #table_live #match-table tr td {
        position: relative !important;
        right: 6px;
        top: 6px;
        width: 14px;
        height: 14px
    }

    body #scrollIframe #main #table_live #match-table tbody {
        display: table-row-group !important
    }
}

@media screen and (max-width:600px) {
    #scrollIframe .team-logo {
        width: 16px;
        height: 16px
    }
}

#scrollIframe .o-lose,
#scrollIframe .second-version .rank-head td .o-lose,
.dark .second-version .rank-head td .o-lose {
    background-color: #b73c3d !important
}

#scrollIframe .o-win,
#scrollIframe .second-version .rank-head td .o-win,
.dark .second-version .rank-head td .o-win {
    background-color: #28966a !important
}

#scrollIframe .o-draw,
#scrollIframe .second-version .rank-head td .o-draw,
.dark .second-version .rank-head td .o-draw {
    background-color: #4077e1 !important
}

#scrollIframe .oods-c-bg1,
#scrollIframe .up {
    background-color: #b73c3d
}

#scrollIframe .down,
#scrollIframe .oods-c-bg2 {
    background-color: #c9e8c6
}

#scrollIframe .oods-c-bg3 {
    background-color: #ff0
}

#scrollIframe .fx-win {
    background-color: #ee6435
}

#scrollIframe .fx-lose {
    background-color: #60b723
}

.dark .oods-c-bg1,
.dark .up {
    background-color: #8e3c64
}

.dark .down,
.dark .oods-c-bg2 {
    background-color: #1e612e
}

.dark .oods-c-bg3 {
    background-color: #a97d00
}

#scrollIframe .up_red {
    background-color: #fad2c9
}

.dark .up_red {
    background-color: #8c4332
}

#scrollIframe .down_green {
    background-color: #e4f5cb
}

.dark .down_green {
    background-color: #466b10
}

#scrollIframe .mpager li.active a,
#scrollIframe .o-up,
#scrollIframe .second-version .tdlink.lh17 tr .link-v2:hover {
    color: red
}

#scrollIframe .o-down {
    color: green
}

#scrollIframe .ant .odds .downBG {
    background: #8f8
}

.dark .ant .odds .downBG {
    background: #3c843c
}

#scrollIframe .ant .odds .upBG {
    background: #f88
}

.dark .ant .odds .upBG {
    background: #922828
}

#scrollIframe .down2 {
    background: url(/build/assets/images/greendown.png) 43px 5px no-repeat;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: green
}

#scrollIframe .up2 {
    background: url(/build/assets/images/redup.png) 43px 5px no-repeat;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: red
}

#scrollIframe #basketball .menu2 li .on,
#scrollIframe #basketball .menu2 li .on:hover,
#scrollIframe .ant .btns,
#scrollIframe .crumbs a.off,
#scrollIframe .icon-font-lineup,
#scrollIframe .icon-icon-live1,
#scrollIframe .icon-matchdata,
#scrollIframe .left_list_on,
#scrollIframe .nodatapage .alogo,
#scrollIframe .tdlink a:link,
#scrollIframe .tdlink a:visited,
.dark .tdlink a:link,
.dark .tdlink a:visited {
    color: var(--text-primary)
}

#scrollIframe .mintopnav,
#scrollIframe .tools {
    border-color: var(--second-color);
    border-bottom: 3px solid var(--second-color)
}

#scrollIframe .popup-container .popup-content {
    border: solid 3px var(--second-color)
}

#scrollIframe .Area ul,
#scrollIframe .ant .btns,
#scrollIframe .ant .btns span,
#scrollIframe .inner_ul,
#scrollIframe .sub_menu {
    border-color: var(--primary-color)
}

#scrollIframe #basketball #tools .on span,
#scrollIframe #basketball #tools .on span:hover,
#scrollIframe #basketball .menu2,
#scrollIframe #basketball .mintopnav.v2 li.on a,
#scrollIframe #basketball .search-title span,
#scrollIframe #soccer .scoretitle td,
#scrollIframe .cup a.on,
#scrollIframe .da_nav_on,
#scrollIframe .hand-bg,
#scrollIframe .league a.on,
#scrollIframe .main_title,
#scrollIframe .match-odds-menu .on,
#scrollIframe .menu2,
#scrollIframe .mintopnav li.on a,
#scrollIframe .mintopnav.v2 li.on a,
#scrollIframe .nav_select,
#scrollIframe .on-bg-color,
#scrollIframe .search-title span,
#scrollIframe .tabsBox .item.on,
#scrollIframe .tabsBox li.on,
#scrollIframe .toolBar,
#scrollIframe div.btn,
#scrollIframe ul.menu .on,
.dark .cup a.on,
.dark .league a.on,
.dark .match-odds-menu .on,
.dark .tabsBox .item.on,
.dark ul.menu .on {
    background-color: var(--second-color)
}

#scrollIframe #basketball .mintopnav,
#scrollIframe #basketball .tools {
    border-color: var(--primary-color);
    border-color: var(--second-color)
}

#scrollIframe .lqAnalysisSel {
    width: 43px
}

#scrollIframe #basketball .Leaguestitle,
#scrollIframe #soccer .Leaguestitle,
#scrollIframe #soccer .team_leaguetitle {
    background: var(--table_header)
}

#scrollIframe #basketball .Leaguestitle.team,
#scrollIframe #soccer .Leaguestitle.team {
    background: var(--bgcolor-3) !important
}

#scrollIframe #top-tools,
.dark .custom-select-02 .custom-options .custom-option.active,
.dark .filterLi2.xz .dropdown-menu .option.active {
    background-color: #00301d
}

#scrollIframe .Preferences2 {
    background-color: #cce6d8
}

#scrollIframe .Preferences2 .switch>input[type=checkbox]:checked+.switch-style {
    background-color: #009973
}

#scrollIframe .ant .btns .on,
#scrollIframe .ant .btns .on:hover,
#scrollIframe .btn .gl_btn.on,
#scrollIframe .f_match,
#scrollIframe .font13se,
#scrollIframe .nodatapage .backbtn,
#scrollIframe nav.header {
    background: var(--primary-color)
}

#scrollIframe #popupLinksMsg {
    background: #0a9261;
    border: 4px solid #3ebf8a;
    box-shadow: 0 8px 40px #28865e
}

#scrollIframe #popupLinksMsg .closeBtn {
    background-color: #3ebf8a
}

#scrollIframe #popupLinksMsg .linkBtn {
    box-shadow: 2px 2px 1px #056d41
}

#scrollIframe #popupLinksMsg .linkBtn:hover {
    background-color: #e2fff6
}

#scrollIframe #analyMap a:first-child,
#scrollIframe #analyMap a:hover {
    background-color: #f60 !important
}

#scrollIframe #analyMap a {
    line-height: 26px
}

#scrollIframe .team-table-guest .team-name,
#scrollIframe .team-table-home .team-name {
    width: 135px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-top: 3px
}

#scrollIframe .nav_select li {
    background: #ffffffd9;
    color: #333;
    border-radius: 3px
}

#scrollIframe .nav_select .pd2 li:last-child {
    background: 0 0;
    color: #fff
}

#scrollIframe select#sel_showType {
    padding: 3px
}

#scrollIframe .sbtn,
#scrollIframe .sbtn2 {
    background: #e1f0eb
}

#scrollIframe .menu {
    border-bottom: 4px solid #117152
}

#scrollIframe .menu .goalspan.on {
    background: #117152;
    color: #fff;
    border-color: #117152
}

#scrollIframe .tfd2 {
    background-color: #e7f3e4
}

#scrollIframe .ttt1 {
    background: #0f6a4d;
    color: #fff;
    line-height: 20px
}

.dark .ttt1 {
    background-color: #0f6a4d;
    color: #fff
}

#scrollIframe .settool2 {
    border-bottom-color: var(--second-color)
}

#scrollIframe #ddlOddsType li:hover,
#scrollIframe #ddlTimeZone li:hover,
#scrollIframe .settool2 .setab a,
#scrollIframe .settool2 .setab a:hover,
#scrollIframe .settool2 .setab a:visited,
#scrollIframe .settool3 .klk a,
#scrollIframe .settool3 .klk a:hover,
#scrollIframe .settool3 .klk a:visited,
#scrollIframe .tbs .title,
#scrollIframe .toolBar option,
.dark .tbs .title {
    background: var(--second-color)
}

#scrollIframe .coursebu {
    width: 100px
}

#scrollIframe .coursebu:hover {
    background: url(../images/coursebu.svg) 10px center/18px no-repeat #40ac8d
}

#scrollIframe .course {
    background: var(--primary-color);
    border: 8px solid #054a34
}

#scrollIframe .course .img {
    background: url(../images/makeStep.gif)
}

#scrollIframe .content .Notice p {
    font-size: 18px
}

.dark #choose_right li.on:hover {
    background: var(--second-color) url(../images/see.png) no-repeat right;
    background-position-x: 460px
}

#scrollIframe #choose_right .on {
    background: url(../images/see.png) right no-repeat;
    background-position-x: 460px
}

#scrollIframe #choose_right li.on:hover {
    background: url(../images/see.png) right no-repeat #eef8e9;
    background-position-x: 460px
}

#scrollIframe #choose_right li.hide:hover {
    background: url(../images/hide.png) right no-repeat #eef8e9;
    background-position-x: 460px
}

#scrollIframe .popup-container2 .popup-titlebar2 {
    background: var(--primary-color);
    border-top: 1px solid var(--primary-color)
}

#scrollIframe .popup-container2 .popup-content2 {
    border: solid 3px var(--primary-color)
}

#scrollIframe .bts .LQent {
    background-color: var(--second-color);
    color: #fff;
    padding: 0 30px
}

#scrollIframe .popinfo .complist.on,
#scrollIframe .popinfo .complist.on:hover {
    border-color: #a1c5b9
}

#scrollIframe .leadpop .logo {
    width: 220px
}

#scrollIframe .freesoccer #showoptional2 {
    top: 42px
}

#scrollIframe .freesoccer #showCompany {
    top: 42px !important
}

#scrollIframe span.line-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100px
}

.dark .soundSetting .selectbox {
    border: 1px solid #243b32
}

.dark .soundSetting .selectbox span {
    background-color: #001f13;
    color: #fff;
    border-right: 1px solid #243b32
}

.dark .bg-center {
    background-color: #002617
}

.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
    color: #005030 !important;
    font-weight: 600 !important
}

.dark #match-list-box .selectbox__frame-number,
body.dark .data-sync #lastUpdateTime,
body.dark .data-sync .d-fc-subtitle {
    color: #ffb800 !important
}

.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu,
.dark .table-white-ov table tbody tr:first-child,
body.dark .data-sync #MainDiv tr th,
body.dark .data-sync #allTongJi1 tr td.titlebg,
body.dark .data-sync #allTongJi1 tr td.titlebg2,
body.dark .data-sync #allTongJi2 tr td.titlebg,
body.dark .data-sync #allTongJi2 tr td.titlebg2,
body.dark .data-sync #div_Table1.tdlink tr th,
body.dark .data-sync .d-bc-title-table {
    background-color: #374033 !important
}

#scrollIframe .version-2 {
    width: 1208px !important;
    background-color: #e5e5e5 !important;
    display: flex;
    justify-content: space-between
}

#scrollIframe .idx-favorite.version-2 {
    width: auto !important
}

.dark .version-2 {
    background-color: #fff0 !important
}

#scrollIframe .crumbs a.off {
    color: #717171 !important;
    font-size: 14px;
    line-height: 20px
}

#scrollIframe #breadcrumbs {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--menu-text-color1)
}

.dark #left,
.dark .menu2 li.has_sub ul.sub_menu li,
.dark .menu2 li.has_sub ul.sub_menu li a,
body.dark .data-sync .d-bc-1A1A1A,
html body.dark #main #left .lrdiv,
html body.dark #main #right .lrdiv {
    background-color: #1a1a1a !important
}

#scrollIframe .version-2 #i_main {
    background: #fff0 !important
}

#scrollIframe .data-sync .techlist #Table3,
#scrollIframe .second-version .table-v2 table,
.dark .table-white-ov table {
    background-color: #fbfbfb
}

.dark .second-version .table-v2 table {
    background-color: #fbfbfb08
}

#scrollIframe .second-version .table-v2 table tr {
    height: 40px;
    font-size: 12px;
    background-color: #fff;
    border-bottom: 2px solid #d4d4d4
}

.dark .second-version .table-v2 table tr,
.dark .second-version .tdlink.lh17 tr {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #151515
}

.dark .second-version .table-v2 table tbody tr:first-child th,
.dark .second-version .table-v2 table th,
.dark .second-version .tdlink.lh17 th {
    background: #374033;
    border-right: 1px solid #070f03 !important
}

#scrollIframe #ScoreGroupTab tbody tr:nth-child(2) {
    background: #fff !important
}

.dark #ScoreGroupTab tbody tr:nth-child(2) {
    background: #1a1a1a !important
}

#scrollIframe .second-version .table-v2 table .groupTabTitle,
#scrollIframe .second-version .table-v2 table .groupTitle {
    background: #fff !important;
    border-top: 1px solid var(--black20);
    font-weight: 700;
    color: #666
}

.dark .second-version .table-v2 table .groupTabTitle,
.dark .second-version .table-v2 table .groupTitle {
    background: #374033 !important;
    border-right: 1px solid #070f03 !important;
    color: #999
}

#scrollIframe .second-version .table-v2 table tbody tr:first-child th {
    background: #fff;
    border: none !important;
    padding: 0;
    border-right: 1px solid #e6e6e6 !important;
    width: 9%
}

#scrollIframe .data-sync #div_Table1.tdlink tr td.nodata.bg-ored,
#scrollIframe .data-sync #div_Table2 tr td.nodata.bg-ored,
#scrollIframe .data-sync .br-none,
.dark .tdlink,
.dark .tdlink>tbody>tr>td {
    border: none !important
}

#scrollIframe .second-version .table-v2 table tbody tr td,
#scrollIframe th,
body #scrollIframe .mcontent#main .idx-resultpage #mintable #tr_upper-live-title #oddsHead {
    padding-left: 5px;
    padding-right: 5px
}

#scrollIframe .second-version .sub_menu.menu {
    display: flex;
    border: none;
    margin: 0 -6px 7px
}

#scrollIframe .a-win .td-away a,
#scrollIframe .data-sync #Table3 tr.a-win .outteam:not(.first) .team-name,
#scrollIframe .data-sync #Table3 tr.h-win .outteam.first .team-name,
#scrollIframe .data-sync .fw-600,
#scrollIframe .h-win .td-home a {
    font-weight: 600 !important
}

#scrollIframe .second-version .sub_menu.menu a {
    height: 34px;
    line-height: 34px;
    text-align: center;
    gap: 10px;
    border-radius: 4px;
    background: #eee;
    margin: 0 6px;
    font-size: 12px;
    font-weight: 500
}

.dark .second-version .sub_menu.league a,
.dark .second-version .sub_menu.menu a,
.dark .top-nav-vuejs .item-sw {
    background: #00100a
}

#scrollIframe .second-version .sub_menu.menu a.on {
    background: var(--primary-color);
    color: #fff
}

#scrollIframe .second-version .sub_menu.league a:not(.on):hover,
#scrollIframe .second-version .sub_menu.menu a:not(.on):hover {
    background: #fff;
    color: #004026cc
}

#scrollIframe .second-version .sub_menu.league a:not(.on):active,
#scrollIframe .second-version .sub_menu.menu a:not(.on):active {
    background: #004026cc;
    color: #fff
}

#scrollIframe .nav_select_v2 {
    width: 100%;
    background-color: #e5e5e5 !important;
    padding: 0 !important
}

.dark .nav_select_v2 {
    background: #00100a !important
}

#scrollIframe .nav_select_v2 ul {
    display: flex;
    margin: 0 0 0 1px
}

#scrollIframe .nav_select_v2 ul li {
    flex: 1;
    text-align: center;
    background-color: #fff !important;
    color: #000 !important;
    height: 34px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 !important;
    border-radius: 0 !important
}

#scrollIframe .nav_select_v2 ul .nav_selected {
    background: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 700
}

#scrollIframe .main_title {
    height: 40px !important;
    line-height: 40px !important
}

#scrollIframe .second-version .info_title_left .selectbox select {
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

#scrollIframe .clearfix:after {
    display: block;
    clear: both;
    content: ""
}

#scrollIframe #new_date_me .da_nav,
#scrollIframe .da_nav_on {
    background-color: #fff !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #070f03 !important;
    font-weight: 700;
    text-transform: uppercase;
    border: none !important;
    padding-left: 10px !important;
    height: 40px
}

#scrollIframe #new_date_me div:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#scrollIframe #new_date_me .left_list3 {
    background-color: var(--menu-bg) !important;
    width: 100%
}

#scrollIframe #new_date_me .left_list,
#scrollIframe .left_list3 ul li,
#scrollIframe .left_list_on {
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    border: none !important;
    color: #414141 !important;
    font-size: 14px
}

#scrollIframe .left_list3 li .on,
#scrollIframe .left_list3 li .on:visited {
    background-color: var(--menu-active-color) !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #070f03 !important
}

.dark .left_list3 li .on,
.dark .left_list3 li .on:visited {
    color: #fff !important;
    background-color: #004026 !important
}

#scrollIframe .left_list3 ul li a:hover,
#scrollIframe .nav_select.rank,
#scrollIframe .second-version#i_main2 {
    background: 0 0 !important
}

#scrollIframe #new_date_me .left_list3 ul li:hover {
    width: 100%;
    background-color: var(--menu-active-color) !important
}

#scrollIframe #new_date_me .left_list,
#scrollIframe .data-sync .pd-l-10,
#scrollIframe .left_list_on {
    padding-left: 10px !important
}

#scrollIframe #new_date_me .left_list3 ul li a {
    padding-left: 20px !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400
}

#scrollIframe #new_date_me .left_list,
#scrollIframe #new_date_me .left_list_on {
    background-color: #fff !important;
    display: flex;
    align-items: center
}

.dark #new_date_me .da_nav,
.dark #new_date_me .left_list,
.dark #new_date_me .left_list_on,
.dark .da_nav_on {
    background-color: var(--menu-bg) !important;
    color: #fff !important
}

#scrollIframe .left_list:before,
#scrollIframe .left_list_on:before {
    width: 16px !important;
    height: 16px !important;
    background-color: #0000 !important;
    right: 10px !important;
    left: auto !important;
    border: 0 !important;
    transform: none !important
}

#scrollIframe .da_nav:before,
#scrollIframe .left_list:before {
    background: url(/assets/images/icon_arrow_right.svg)
}

#scrollIframe .da_nav_on:before,
#scrollIframe .left_list_on:before {
    background: url(/assets/images/icon_arrow_down.svg)
}

#scrollIframe .left_list3 li a:after,
#scrollIframe .left_list3 li a:before,
#scrollIframe .left_list:after {
    width: 0 !important;
    height: 0 !important;
    background-color: #fff !important
}

#scrollIframe .da_nav:before,
#scrollIframe .da_nav_on:before {
    width: 16px !important;
    height: 16px !important;
    right: 3px !important;
    left: auto !important;
    background-color: #0000 !important;
    border: 0 !important;
    transform: rotate(0) !important;
    margin-top: 5px
}

#scrollIframe .second-version .tdlink.lh17 tr td .score {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.78px;
    text-align: center;
    letter-spacing: 2px
}

.dark #selectName,
.dark .second-version .round_now {
    background: #004026 !important;
    color: #fff !important
}

#scrollIframe .wrap {
    flex-wrap: wrap
}

#scrollIframe .data-sync .align-left,
#scrollIframe .text-left {
    text-align: left !important
}

#scrollIframe .no-item-found {
    position: relative;
    z-index: 8
}

#scrollIframe .no-item-found:after {
    content: "Đang cập nhật...";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 9
}

 /* Disable auto scroll/touch for top-nav swiper only */
 #scrollIframe .top-nav-vuejs .swiper-wrapper {
	 transform: none !important;
	 transition: none !important;
}
 #scrollIframe .top-nav-vuejs .swiper {
	 touch-action: auto;
	 overflow-x: auto;
	 overflow-y: hidden;
}
 #scrollIframe .top-nav-vuejs .swiper-wrapper {
	 display: flex;
	 flex-wrap: nowrap;
}

body.dark #app6in1 .table-view .league-item .bet-match-list .bet-match-item-repeated .bet-match-item .ai-c.j-sb .toggle-bet {
    position: relative;
    right: 1px
}

#scrollIframe #app6in1 .filter-form .button-df.mw-100 {
    min-width: 119px
}

#scrollIframe #app6in1 .filter-form .custom-select-02 .custom-select,
#scrollIframe .bxh-110 .custom-select {
    padding-right: 20px;
    text-align: left
}

body #scrollIframe :is(textarea:-webkit-autofill:hover, body textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill, input:-internal-autofill-selected) {
    background-color: #337359 !important;
    color: #99b9ac !important;
    -webkit-text-fill-color: #99b9ac !important;
    -webkit-text-stroke: #99b9ac !important;
    -webkit-box-shadow: 0 0 0 1000px #337359 inset;
    border: 1px solid #337359 !important
}

#scrollIframe .second-version table.unaccept-newversion,
#scrollIframe .second-version table.unaccept-newversion table {
    background-color: unset !important
}

#scrollIframe .second-version table.unaccept-newversion tbody tr td,
#scrollIframe .second-version table.unaccept-newversion th {
    padding-left: unset !important
}

#scrollIframe .second-version table.unaccept-newversion tr {
    border-bottom: unset !important;
    background: unset !important;
    height: unset !important
}

#scrollIframe .second-version .main_title .title_right {
    padding: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

#scrollIframe .box-rules .bgE3F1EB,
#scrollIframe .bxh-110 .custom-select-02 .custom-options div:hover,
#scrollIframe .second-version .table-white-ov .bg-ored,
#scrollIframe .second-version .table-white-ov .bg-oyellow {
    background: #e3f1eb !important
}

#scrollIframe .second-version .table-white,
#scrollIframe .second-version .table-white-ov table {
    background-color: #fbfbfb;
    border: none
}

#scrollIframe .second-version .table-white-ov table tbody tr:first-child {
    height: 34px;
    font-size: 12px;
    background-color: #fff !important;
    border: none !important
}

#scrollIframe .second-version .table-white-ov table tbody tr:first-child th {
    background-color: #fff !important;
    border: none
}

#scrollIframe .second-version .rank-head,
#scrollIframe .second-version .table-white-ov table tbody tr:nth-child(n+1) {
    height: 40px;
    font-size: 12px;
    border: none;
    border-bottom: 2px solid #d4d4d4
}

#scrollIframe .second-version .rank-head td,
#scrollIframe .second-version .table-white-ov table tbody tr:nth-child(n+1) td {
    padding: 0 10px;
    position: relative;
    border: none
}

#scrollIframe #info .data:not(#mainTitle):not(#lastUpdateTime) table tr td:first-of-type,
#scrollIframe #info .data:not(#mainTitle):not(#lastUpdateTime) table tr th:first-of-type,
#scrollIframe .second-version .table-white-ov table tbody tr td:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1
}

#scrollIframe .second-version .rank-head td:after,
#scrollIframe .second-version .table-white-ov table tbody tr:nth-child(n+1) td:after {
    content: "";
    position: absolute;
    right: -1px;
    width: 1px;
    height: 90%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e6e6e6
}

#scrollIframe .second-version .pager a,
#scrollIframe .second-version .pager span {
    background: #eee;
    border: none;
    border-radius: 4px;
    height: 30px;
    line-height: 30px
}

#scrollIframe .second-version .info_title_left {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600
}

#scrollIframe .second-version .info_title_left .img {
    width: 71px;
    height: 71px
}

#scrollIframe .game-compare .list-game .logos>div img,
#scrollIframe .game-compare .news .thumb img,
#scrollIframe .second-version .info_title_left .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#scrollIframe .second-version .info_title_left .selectbox select {
    height: Hug 30px px;
    padding: 6px 10px;
    gap: 4px;
    border-radius: 60px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #bbb;
    background: 0 0
}

#scrollIframe .second-version .sub_menu.league {
    display: flex;
    display: flex;
    border: none;
    gap: 5px;
    margin: 16px 0
}

#scrollIframe .modal-content,
#scrollIframe .second-version .sub_menu.league .ul-child,
body.dark .modal-content {
    padding: 15px
}

#scrollIframe .second-version .sub_menu.league a {
    height: 34px;
    line-height: 34px;
    text-align: center;
    gap: 10px;
    border-radius: 4px;
    background: #eee;
    font-size: 12px;
    font-weight: 500;
    text-wrap: nowrap
}

#scrollIframe .second-version .sub_menu.league a.on,
.dark .second-version .sub_menu.league a.on {
    background: #004026;
    color: #fff
}

#scrollIframe .second-version .round_now {
    background: #e3f1eb !important;
    color: #070f03 !important
}

#scrollIframe .second-version #showRound table td {
    border: 1px solid #f2f2f2;
    font-weight: 500;
    background: #fbfbfb
}

#scrollIframe .second-version .round-table {
    margin-bottom: 16px;
    border-color: transparent
}

#scrollIframe .second-version .tdlink.lh17 {
    background: #fff;
    border: none !important
}

#scrollIframe .second-version .tdlink.lh17 th {
    height: 34px;
    border: none !important;
    padding: 0;
    border-right: 1px solid #e6e6e6 !important
}

#scrollIframe .second-version .tdlink.lh17 tr {
    background-color: #fbfbfb !important;
    height: 60px;
    border-bottom: 2px solid #d4d4d4
}

#scrollIframe .second-version .tdlink.lh17 thead tr {
    border-bottom: none;
    height: 34px
}

#scrollIframe .second-version .tdlink.lh17 tr td {
    font-size: 12px;
    border: none
}

#scrollIframe .second-version .tdlink.lh17 tr .link-v2 {
    color: #070f03;
    font-size: 12px;
    display: flex;
    align-items: center
}

#scrollIframe .second-version .tdlink.lh17 tr .link-v2 .team-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left
}

#scrollIframe .second-version .tdlink.lh17 tr .link-v2 img {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

#scrollIframe .second-version .match-time,
.dark .game-compare .news .direct,
.dark .second-version .match-time {
    color: #337359
}

#scrollIframe .second-version .match-time span {
    margin: 0 10px;
    color: #000
}

#scrollIframe .second-version .sup {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: right;
    margin: 5px;
    width: fit-content;
    display: contents
}

#scrollIframe .second-version .box-set {
    width: 46px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    gap: 10px;
    border-radius: 4px;
    opacity: 0px;
    background: #d4d4d4
}

#scrollIframe .second-version .box-set .tocolor {
    padding: 0;
    border-radius: 0;
    display: inherit
}

#scrollIframe .second-version .analyze-icon:before {
    background-image: url(/build/assets/images/icon-analytics.svg?v=1);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 14px;
    height: 14px;
    display: block
}

.dark .second-version .analyze-icon:before {
    background-image: url(/build/assets/images/icon-analytics-dark.svg?v=1)
}

#scrollIframe .second-version .odds-icon,
#scrollIframe .second-version .odds-icon1x2 {
    background-image: url(/build/assets/images/SquareTransferVertical.svg);
    cursor: pointer
}

#scrollIframe .second-version .outteam {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#scrollIframe .second-version .outteam .logo-team {
    margin-right: 5px;
    margin-left: 15px
}

#scrollIframe .second-version .outteam.first .logo-team {
    margin-left: 5px;
    margin-right: 15px
}

#scrollIframe .second-version tr.head-tr {
    height: 34px;
    font-size: 12px;
    background-color: #fff;
    border: none
}

#scrollIframe .data-sync .fw-500,
#scrollIframe .second-version tr.head-tr strong {
    font-weight: 500 !important
}

#scrollIframe .second-version tr.head-tr th {
    border: none;
    font-weight: 400 !important;
    border-right: 1px solid #f2f2f2
}

#scrollIframe .bxh-110 table tbody tr:hover,
#scrollIframe .modal-content .settingselect span:hover,
#scrollIframe .other-leagues .nation .nation-item:hover,
#scrollIframe .other-leagues .nation .nation-leagues ul .nation-leagues-item a:hover,
#scrollIframe .second-version .bg-ored,
#scrollIframe .second-version .bg-oyellow-2,
#scrollIframe ul.sub_menu li a:hover {
    background: #e3f1eb
}

#scrollIframe .second-version .rank-head td .o-draw,
#scrollIframe .second-version .rank-head td .o-lose,
#scrollIframe .second-version .rank-head td .o-unknown,
#scrollIframe .second-version .rank-head td .o-win {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 20px;
    text-align: center
}

#scrollIframe .second-version .rank-head td .o-unknown,
.dark .second-version .rank-head td .o-unknown {
    background-color: #e6e6e6 !important;
    color: #070f03 !important
}

#scrollIframe .second-version .rank-head .logo-team {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 5px
}

#scrollIframe .second-version .rank-head .team-ins {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#scrollIframe .second-version .rank-head .redcard-numb {
    width: 10px;
    height: 12px;
    border-radius: 1px;
    background: #d31b1b;
    color: #fff;
    margin-left: 5px;
    font-size: 10px;
    line-height: 12px;
    text-align: center
}

#scrollIframe .second-version .nav_select,
#scrollIframe .second-version .toolBar {
    margin: 5px 0 10px;
    border-radius: 5px
}

#scrollIframe #info.version-2,
#scrollIframe .version-2 #i_main {
    background-color: #e5e5e5 !important;
    width: 1004px
}

#scrollIframe .box-rules {
    width: 100%;
    margin: auto
}

#scrollIframe .box-rules .title-r {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

#scrollIframe .box-rules .content-r {
    margin-top: 16px;
    background-color: #fbfbfb;
    padding: 24px;
    font-size: 11px;
    color: #717171;
    line-height: 22px
}

#scrollIframe #info,
#scrollIframe .data-sync .mg-t-0 {
    margin-top: 0 !important
}

#scrollIframe .box-rules .content-r b {
    color: #414141;
    font-weight: 600
}

.dark .table-white-ov .team-ins,
.dark .table-white-ov .titlebg a {
    color: #e5e5e5 !important
}

.dark .table-white-ov .bg-ored,
.dark .table-white-ov .bg-oyellow,
.dark .white-select {
    background: #070f03 !important
}

.dark .table-white-ov table tbody tr:first-child th {
    background-color: #374033 !important;
    color: #e5e5e5
}

.dark .second-version .rank-head,
.dark .table-white-ov table tbody tr:nth-child(n+1) {
    border-bottom: 2px solid #151515;
    background: #1a1a1a
}

.dark .custom-select-wrapper .custom-options,
.dark .second-version .rank-head td .bg-oyellow-2,
.dark .second-version .rank-head td:after,
.dark .table-white-ov table tbody tr:nth-child(n+1) td:after {
    background-color: #070f03
}

.dark .second-version strong.redf {
    color: #ffc225
}

.dark .second-version .bgE3F1EB {
    background: #374033 !important
}

.dark .second-version .pager a,
.dark .second-version .pager span {
    background: #eee
}

.dark .second-version .info_title_left .selectbox select {
    border: 1px solid #0c1e03
}

.dark .second-version #showRound table td {
    border: 1px solid #2a2a2a;
    background: #232323
}

#scrollIframe #table_live .status-time-match span,
#scrollIframe .data-sync #Table2 tr td div strong,
.dark .second-version .tdlink.lh17 tr .link-v2 {
    color: #070f03
}

#scrollIframe .modal-content li,
.dark .filterLi2.xz .dropdown-menu li a,
.dark .second-version .match-time span {
    color: #000
}

.dark .second-version .box-set {
    background: #2b2b2b
}

.dark .second-version .analyze-icon {
    background-image: url(/build/assets/images/data-analytics.svg)
}

.dark .second-version .odds-icon,
.dark .second-version .odds-icon1x2 {
    background-image: url(/build/assets/images/SquareTransferVertical.svg)
}

.dark .second-version tr.head-tr th:last-child {
    border-color: #fff
}

#scrollIframe .data-sync .bottom-new-time.nav_selected,
#scrollIframe .data-sync .nav_select li.nav_selected {
    border-bottom: 1px solid var(--new-color-time-gi, #36aa7c) !important
}

.dark .second-version .bg-ored,
.dark .second-version .bg-oyellow-2 {
    background: #070f03
}

.dark .second-version .rank-head .redcard-numb {
    background: #d31b1b;
    color: #fff
}

.dark .box-rules .content-r {
    background-color: #1a1a1a;
    color: #f2f2f2
}

#scrollIframe .data-sync .overflow-unset {
    overflow: unset !important
}

#scrollIframe .data-sync .cursor-pointer {
    cursor: pointer !important
}

#scrollIframe .data-sync .bc-grey-100,
#scrollIframe .data-sync.bc-grey-100 {
    background-color: #fbfbfb !important
}

#scrollIframe .data-sync .br-rd-4-4-0-0,
#scrollIframe .data-sync.br-rd-4-4-0-0 {
    border-radius: 4px 4px 0 0 !important
}

#scrollIframe .data-sync .br-rd-4-0-0-0 {
    border-radius: 4px 0 0 !important
}

#scrollIframe .data-sync .br-rd-0-4-0-0 {
    border-radius: 0 4px 0 0 !important
}

#scrollIframe .data-sync .br-rd-0 {
    border-radius: 0 !important
}

#scrollIframe .data-sync .br-rd-4 {
    border-radius: 4px !important
}

#scrollIframe .data-sync .br-focus-none:focus {
    outline: 0 !important
}

#scrollIframe .data-sync .br-t-none {
    border-top: none !important
}

#scrollIframe .data-sync .br-r-none {
    border-right: none !important
}

#scrollIframe .data-sync #Table3 tr td,
#scrollIframe .data-sync .br-b-none {
    border-bottom: none !important
}

#scrollIframe .data-sync .br-l-none {
    border-left: none !important
}

#scrollIframe .data-sync .dr-t-1-grey-0 {
    border-top: 1px solid #fff !important
}

#scrollIframe .data-sync .dr-r-1-grey-0 {
    border-right: 1px solid #fff !important
}

#scrollIframe .data-sync .dr-b-1-grey-0 {
    border-bottom: 1px solid #fff !important
}

#scrollIframe .data-sync .dr-l-1-grey-0 {
    border-left: 1px solid #fff !important
}

#scrollIframe .data-sync .dr-t-1-grey-200 {
    border-top: 1px solid #f2f2f2 !important
}

#scrollIframe .data-sync .dr-r-1-grey-200 {
    border-right: 1px solid #f2f2f2 !important
}

#scrollIframe .data-sync .dr-b-1-grey-200 {
    border-bottom: 1px solid #f2f2f2 !important
}

#scrollIframe .data-sync .dr-l-1-grey-200 {
    border-left: 1px solid #f2f2f2 !important
}

#scrollIframe .data-sync .dr-t-1-grey-300 {
    border-top: 1px solid #e6e6e6 !important
}

#scrollIframe .data-sync #tableId .goaltime tr td,
#scrollIframe .data-sync #tableId .scorestats tr td,
#scrollIframe .data-sync .dr-r-1-grey-300 {
    border-right: 1px solid #e6e6e6 !important
}

#scrollIframe .data-sync .dr-b-1-grey-300 {
    border-bottom: 1px solid #e6e6e6 !important
}

#scrollIframe .data-sync .dr-l-1-grey-300 {
    border-left: 1px solid #e6e6e6 !important
}

#scrollIframe .data-sync .dr-t-1-old-light {
    border-top: 1px solid #fff0d2 !important
}

#scrollIframe .data-sync .dr-r-1-old-light {
    border-right: 1px solid #fff0d2 !important
}

#scrollIframe .data-sync .dr-b-1-old-light {
    border-bottom: 1px solid #fff0d2 !important
}

#scrollIframe .data-sync .dr-l-1-old-light {
    border-left: 1px solid #fff0d2 !important
}

#scrollIframe .data-sync .dr-t-1-orange-4,
body.dark .data-sync .d-dr-t-1-orange-4 {
    border-top: 1px solid #d65c36 !important
}

#scrollIframe .data-sync .dr-r-1-orange-4,
body.dark .data-sync .d-dr-r-1-orange-4 {
    border-right: 1px solid #d65c36 !important
}

#scrollIframe .data-sync .dr-b-1-orange-4,
body.dark .data-sync .d-dr-b-1-orange-4 {
    border-bottom: 1px solid #d65c36 !important
}

#scrollIframe .data-sync .dr-l-1-orange-4,
body.dark .data-sync .d-dr-l-1-orange-4 {
    border-left: 1px solid #d65c36 !important
}

#scrollIframe .data-sync .dr-t-1-orange-5 {
    border-top: 1px solid #bf3e16 !important
}

#scrollIframe .data-sync .dr-r-1-orange-5 {
    border-right: 1px solid #bf3e16 !important
}

#scrollIframe .data-sync .dr-b-1-orange-5 {
    border-bottom: 1px solid #bf3e16 !important
}

#scrollIframe .data-sync .dr-l-1-orange-5 {
    border-left: 1px solid #bf3e16 !important
}

#scrollIframe .data-sync .dr-t-1-E5E5E5 {
    border-top: 1px solid #e5e5e5 !important
}

#scrollIframe .data-sync .dr-r-1-E5E5E5 {
    border-right: 1px solid #e5e5e5 !important
}

#scrollIframe .data-sync .dr-b-1-E5E5E5 {
    border-bottom: 1px solid #e5e5e5 !important
}

#scrollIframe .data-sync .dr-l-1-E5E5E5 {
    border-left: 1px solid #e5e5e5 !important
}

#scrollIframe .data-sync .mg-t-2 {
    margin-top: 2px !important
}

#scrollIframe .data-sync .mg-t-2 span {
    padding-right: 6px
}

#scrollIframe .data-sync .mg-t-4 {
    margin-top: 4px !important
}

#scrollIframe .data-sync .mg-t-5 {
    margin-top: 5px !important
}

#scrollIframe .data-sync .mg-t-6 {
    margin-top: 6px !important
}

#scrollIframe .data-sync .mg-t-7 {
    margin-top: 7px !important
}

#scrollIframe .data-sync .mg-t-8 {
    margin-top: 8px !important
}

#scrollIframe .data-sync .mg-t-10 {
    margin-top: 10px !important
}

#scrollIframe .data-sync .mg-t-12 {
    margin-top: 12px !important
}

#scrollIframe .data-sync .mg-t-14 {
    margin-top: 14px !important
}

#scrollIframe .data-sync .mg-t-16 {
    margin-top: 16px !important
}

#scrollIframe .data-sync .mg-t-18 {
    margin-top: 18px !important
}

#scrollIframe .data-sync .mg-t-20 {
    margin-top: 20px !important
}

#scrollIframe .data-sync .mg-r-0 {
    margin-right: 0 !important
}

#scrollIframe .data-sync .mg-r-2 {
    margin-right: 2px !important
}

#scrollIframe .data-sync .mg-r-4 {
    margin-right: 4px !important
}

#scrollIframe .data-sync .mg-r-6 {
    margin-right: 6px !important
}

#scrollIframe .data-sync .mg-r-8 {
    margin-right: 8px !important
}

#scrollIframe .data-sync .mg-r-10 {
    margin-right: 10px !important
}

#scrollIframe .data-sync .mg-r-12 {
    margin-right: 12px !important
}

#scrollIframe .data-sync .mg-r-14 {
    margin-right: 14px !important
}

#scrollIframe .data-sync .mg-r-16 {
    margin-right: 16px !important
}

#scrollIframe .data-sync .mg-r-18 {
    margin-right: 18px !important
}

#scrollIframe .data-sync .mg-r-20 {
    margin-right: 20px !important
}

#scrollIframe .data-sync .mg-b-0 {
    margin-bottom: 0 !important
}

#scrollIframe .data-sync .mg-b-2 {
    margin-bottom: 2px !important
}

#scrollIframe .data-sync .mg-b-4 {
    margin-bottom: 4px !important
}

#scrollIframe .data-sync .mg-b-6 {
    margin-bottom: 6px !important
}

#scrollIframe .data-sync .mg-b-8 {
    margin-bottom: 8px !important
}

#scrollIframe .data-sync .mg-b-10 {
    margin-bottom: 10px !important
}

#scrollIframe .data-sync .mg-b-12 {
    margin-bottom: 12px !important
}

#scrollIframe .data-sync .mg-b-14 {
    margin-bottom: 14px !important
}

#scrollIframe .data-sync .mg-b-18 {
    margin-bottom: 18px !important
}

#scrollIframe .data-sync .mg-b-20 {
    margin-bottom: 20px !important
}

#scrollIframe .data-sync .mg-l-0 {
    margin-left: 0 !important
}

#scrollIframe .data-sync .mg-l-2 {
    margin-left: 2px !important
}

#scrollIframe .data-sync .mg-l-4 {
    margin-left: 4px !important
}

#scrollIframe .data-sync .mg-l-6 {
    margin-left: 6px !important
}

#scrollIframe .data-sync .mg-l-8 {
    margin-left: 8px !important
}

#scrollIframe .data-sync .mg-l-10 {
    margin-left: 10px !important
}

#scrollIframe .data-sync .mg-l-12 {
    margin-left: 12px !important
}

#scrollIframe .data-sync .mg-l-14 {
    margin-left: 14px !important
}

#scrollIframe .data-sync .mg-l-16 {
    margin-left: 16px !important
}

#scrollIframe .data-sync .mg-l-18 {
    margin-left: 18px !important
}

#scrollIframe .data-sync .mg-l-20 {
    margin-left: 20px !important
}

#scrollIframe .data-sync .pd-0 {
    padding: 0 !important
}

#scrollIframe .data-sync .pd-t-2 {
    padding-top: 2px !important
}

#scrollIframe .data-sync .pd-t-4 {
    padding-top: 4px !important
}

#scrollIframe .data-sync .pd-t-6 {
    padding-top: 6px !important
}

#scrollIframe .data-sync .pd-t-8 {
    padding-top: 8px !important
}

#scrollIframe .data-sync .pd-t-10 {
    padding-top: 10px !important
}

#scrollIframe .data-sync .pd-t-12 {
    padding-top: 12px !important
}

#scrollIframe .data-sync .pd-t-14 {
    padding-top: 14px !important
}

#scrollIframe .data-sync .pd-t-16 {
    padding-top: 16px !important
}

#scrollIframe .data-sync .pd-t-18 {
    padding-top: 18px !important
}

#scrollIframe .data-sync .pd-t-20 {
    padding-top: 20px !important
}

#scrollIframe .data-sync .pd-r-2 {
    padding-right: 2px !important
}

#scrollIframe .data-sync .pd-r-4 {
    padding-right: 4px !important
}

#scrollIframe .data-sync .pd-r-6 {
    padding-right: 6px !important
}

#scrollIframe .data-sync .pd-r-8 {
    padding-right: 8px !important
}

#scrollIframe .data-sync .pd-r-10 {
    padding-right: 10px !important
}

#scrollIframe #table_live #CompanySel #dropSelect,
#scrollIframe .data-sync .pd-r-16 {
    padding-right: 16px !important
}

#scrollIframe .data-sync .pd-r-18 {
    padding-right: 18px !important
}

#scrollIframe .data-sync .pd-r-20 {
    padding-right: 20px !important
}

#scrollIframe .data-sync .pd-r-30 {
    padding-right: 30px !important
}

#scrollIframe .data-sync .pd-b-0 {
    padding-bottom: 0 !important
}

#scrollIframe .data-sync .pd-b-2 {
    padding-bottom: 2px !important
}

#scrollIframe .data-sync .pd-b-4 {
    padding-bottom: 4px !important
}

#scrollIframe .data-sync .pd-b-6 {
    padding-bottom: 6px !important
}

#scrollIframe .data-sync .pd-b-8 {
    padding-bottom: 8px !important
}

#scrollIframe .data-sync .pd-b-10 {
    padding-bottom: 10px !important
}

#scrollIframe .data-sync .pd-b-12 {
    padding-bottom: 12px !important
}

#scrollIframe .data-sync .pd-b-14 {
    padding-bottom: 14px !important
}

#scrollIframe .data-sync .pd-b-16 {
    padding-bottom: 16px !important
}

#scrollIframe .data-sync .pd-b-18 {
    padding-bottom: 18px !important
}

#scrollIframe .data-sync .pd-b-20 {
    padding-bottom: 20px !important
}

#scrollIframe .data-sync .pd-l-2 {
    padding-left: 2px !important
}

#scrollIframe .data-sync .pd-l-4 {
    padding-left: 4px !important
}

#scrollIframe .data-sync .pd-l-6 {
    padding-left: 6px !important
}

#scrollIframe .data-sync .pd-l-8 {
    padding-left: 8px !important
}

#scrollIframe .data-sync .pd-l-12 {
    padding-left: 12px !important
}

#scrollIframe .data-sync .pd-l-14 {
    padding-left: 14px !important
}

#scrollIframe .data-sync .pd-l-16 {
    padding-left: 16px !important
}

#scrollIframe .data-sync .pd-l-18 {
    padding-left: 18px !important
}

#scrollIframe .data-sync .pd-l-20 {
    padding-left: 20px !important
}

#scrollIframe .data-sync .ff-inter {
    font-family: Inter !important
}

#scrollIframe .data-sync .fs-11 {
    font-size: 11px !important
}

#scrollIframe .data-sync .fs-13 {
    font-size: 13px !important
}

#scrollIframe .data-sync .fs-14 {
    font-size: 14px !important
}

#scrollIframe .data-sync .fs-15 {
    font-size: 15px !important
}

#scrollIframe .data-sync .fs-16 {
    font-size: 16px !important
}

#scrollIframe .data-sync .fw-300 {
    font-weight: 300 !important
}

#scrollIframe .data-sync .fw-400 {
    font-weight: 400 !important
}

#scrollIframe .data-sync .fw-700,
#scrollIframe .wd-b {
    font-weight: 700 !important
}

#scrollIframe .data-sync .uppercase {
    text-transform: uppercase !important
}

#scrollIframe .data-sync .lh-10 {
    line-height: 10px !important
}

#scrollIframe .data-sync .lh-11 {
    line-height: 11px !important
}

#scrollIframe .data-sync .lh-12 {
    line-height: 12px !important
}

#scrollIframe .data-sync .lh-13 {
    line-height: 13px !important
}

#scrollIframe .data-sync .lh-14 {
    line-height: 14px !important
}

#scrollIframe .data-sync .lh-18 {
    line-height: 18px !important
}

#scrollIframe .data-sync .lh-20 {
    line-height: 20px !important
}

#scrollIframe .data-sync .lh-22 {
    line-height: 22px !important
}

#scrollIframe .data-sync .lh-24 {
    line-height: 24px !important
}

#scrollIframe .data-sync .h-24 {
    height: 24px !important
}

#scrollIframe .data-sync .h-30 {
    height: 30px !important
}

#scrollIframe .data-sync .h-34 {
    height: 34px !important
}

#scrollIframe .data-sync .h-60 {
    height: 60px !important
}

#scrollIframe .data-sync .fc-red,
#scrollIframe .red {
    color: red !important
}

#scrollIframe .data-sync .fc-black {
    color: #000 !important
}

#scrollIframe .data-sync .fc-subtitle {
    color: #9f2c09 !important
}

#scrollIframe .data-sync .fc-new-time {
    color: #36aa7c !important
}

#scrollIframe .data-sync .fc-new-05,
.dark #menuMainSw .swiper-box.active span {
    color: #005030 !important
}

#scrollIframe .data-sync .fc-new-06 {
    color: #004026 !important
}

#scrollIframe .data-sync .fc-grey-800,
body.dark .data-sync #Table3 tr td.match-time span.line {
    color: #414141 !important
}

#scrollIframe .custom-select-wrapper option,
#scrollIframe .data-sync .fc-grey-900 {
    color: #070f03 !important
}

#scrollIframe .data-sync .bc-9F2C09,
body.dark .data-sync .d-bc-9F2C09 {
    background-color: #9f2c09 !important
}

#scrollIframe .data-sync .bc-F2D8D0 {
    background-color: #f2d8d0 !important
}

#scrollIframe .data-sync .bc-2-light {
    background-color: #f7f7f7 !important
}

#scrollIframe .data-sync #ScoreGroupDiv tr td.bg-lgreen,
#scrollIframe .data-sync .bc-old-light {
    background-color: #fff0d2 !important
}

#scrollIframe .data-sync .bc-new-01 {
    background-color: #ccdcd6 !important
}

#scrollIframe .data-sync #allTongJi1 tr td.titlebg,
#scrollIframe .data-sync #allTongJi1 tr td.titlebg2,
#scrollIframe .data-sync #allTongJi2 tr td.titlebg,
#scrollIframe .data-sync #allTongJi2 tr td.titlebg2,
#scrollIframe .data-sync .bc-grey-200,
body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 {
    background-color: #f2f2f2 !important
}

#scrollIframe .data-sync .bc-grey-300 {
    background-color: #e6e6e6 !important
}

#scrollIframe .data-sync .bc-grey-700 {
    background-color: #717171 !important
}

#scrollIframe .data-sync .bc-grey-900 {
    background-color: #070f03 !important
}

#scrollIframe .data-sync .align-center {
    text-align: center !important
}

#scrollIframe .data-sync .align-items-center {
    align-items: center !important
}

#scrollIframe .data-sync .nav_select {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 16px
}

#scrollIframe .data-sync .nav_select li {
    color: #717171;
    font-weight: 500;
    font-size: 12px;
    background-color: transparent;
    border-radius: 0;
    padding: 0 10px 4px;
    margin: 0;
    line-height: 18px;
    width: auto !important;
    font-family: Inter
}

#scrollIframe .data-sync .nav_select li.nav_selected {
    font-weight: 600;
    color: #070f03
}

#scrollIframe .data-sync .name-team a {
    color: #005030;
    font-family: Inter !important;
    font-weight: 700;
    line-height: 12px
}

#scrollIframe #right .game-compare .list-game .game-cmpr:last-child,
#scrollIframe .data-sync #div_Table1.tdlink tr {
    border-bottom: unset
}

#scrollIframe .data-sync #div_Table1.tdlink tr th {
    font-family: Inter !important;
    color: #070f03;
    font-weight: 500;
    line-height: 13px;
    font-size: 11px;
    border-right: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    padding: 4px;
    background-color: #f2f2f2 !important
}

#scrollIframe .data-sync #div_Table1.tdlink tr th .sort {
    background-color: unset
}

#scrollIframe .data-sync #div_Table1.tdlink tr td {
    font-family: Inter !important;
    color: #070f03;
    font-weight: 400;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px
}

#scrollIframe .data-sync #div_Table1.tdlink tr td.number {
    font-family: Inter !important;
    color: #070f03;
    font-weight: 500
}

#scrollIframe .data-sync #div_Table1.tdlink tr td.team-name a {
    font-family: Inter !important;
    color: #005030;
    font-weight: 700
}

#scrollIframe .data-sync #div_Table1.tdlink tr td.old-light {
    background-color: #fff0d2
}

#scrollIframe .data-sync #div_Table1.tdlink tr td .ratio {
    font-family: Inter !important;
    color: #005030;
    font-weight: 400
}

#scrollIframe .data-sync #div_Table1.tdlink tr,
#scrollIframe .data-sync #div_Table2 tr,
body.dark .data-sync #div_Table1.tdlink tr,
body.dark .data-sync #div_Table2 tr {
    height: 34px
}

#scrollIframe .data-sync #allTongJi1 tr:nth-child(odd) td,
#scrollIframe .data-sync #allTongJi2 tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main2:not(.teamsche) #MainDiv tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main2:not(.teamsche) #div_Table1.tdlink tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main2:not(.teamsche) #div_Table2 tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main:not(.teamsche) #MainDiv tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main:not(.teamsche) #div_Table1.tdlink tr:nth-child(odd) td,
#scrollIframe .data-sync #i_main:not(.teamsche) #div_Table2 tr:nth-child(odd) td,
#scrollIframe .data-sync #tableId .goaltime tr.trtd:nth-child(2n) td,
#scrollIframe .data-sync #tableId .scorestats tr.trtd:nth-child(2n) td {
    background-color: #f7f7f7
}

#scrollIframe .data-sync #allTongJi1 tr,
#scrollIframe .data-sync #allTongJi2 tr {
    border-bottom: unset;
    height: 34px !important
}

#scrollIframe .data-sync #allTongJi1 tr td,
#scrollIframe .data-sync #allTongJi2 tr td {
    font-family: Inter !important;
    font-weight: 500;
    color: #070f03;
    line-height: 13px;
    padding: 5px 10px;
    height: 34px !important;
    text-align: left;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff
}

#scrollIframe .data-sync #tableId .goaltime tr th,
#scrollIframe .data-sync #tableId .scorestats tr th {
    height: 18px !important;
    font-family: Inter;
    font-size: 11px;
    font-weight: 500 !important;
    color: #070f03;
    line-height: 12px !important;
    background-color: #f2f2f2 !important;
    padding: 0;
    border-bottom: unset !important
}

#scrollIframe .data-sync #tableId .goaltime tr.trtd .show-name-team,
#scrollIframe .data-sync #tableId .scorestats tr.trtd .show-name-team {
    background-color: #fff !important;
    padding: 0 10px
}

#scrollIframe .data-sync #tableId table tbody tr:first-of-type th:last-of-type {
    border-bottom-color: #e6e6e6 !important
}

#scrollIframe .data-sync #Table2,
body.dark .data-sync #Table2 {
    border-color: transparent
}

#scrollIframe .data-sync .radio-check input {
    position: relative;
    background-color: red;
    margin: 2px 4px 0 0;
    padding: 13px 13px 0 0
}

#scrollIframe .data-sync .radio-check input[type=radio] {
    opacity: 1;
    background: 0 0;
    border-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#scrollIframe .data-sync .radio-check input[type=radio]:before {
    position: absolute;
    content: "";
    background: url(/build/assets/images/uncheck-circle.svg) 0 0/contain;
    z-index: 1;
    width: 13px;
    height: 13px;
    top: 0
}

#scrollIframe .data-sync .radio-check input[type=radio]:checked:before {
    background: url(/build/assets/images/check-circle.svg) 0 0/contain no-repeat;
    position: absolute;
    content: "";
    z-index: 1;
    width: 13px;
    height: 13px
}

#scrollIframe .data-sync #Table3 tr td:nth-of-type(10)>.red:hover,
#scrollIframe .data-sync #Table3 tr td:nth-of-type(4)>div:hover {
    display: block;
    transition: transform .3s ease-in-out;
    cursor: pointer
}

#scrollIframe .data-sync #Table3.subleateam tr td a:has(+sup) {
    font-family: Inter;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    color: #070f03
}

#scrollIframe .data-sync #Table3 tr {
    border-right: unset !important
}

#scrollIframe .data-sync #Table3 tr:nth-child(n+2) {
    border-bottom: 2px solid #e5e5e5 !important
}

#scrollIframe .data-sync #Table3 tr th strong {
    font-family: Inter;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: #070f03
}

#scrollIframe .data-sync #Table3 tr td a {
    align-items: center
}

#scrollIframe .data-sync #Table3 tr td:first-child {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #070f03
}

#scrollIframe .data-sync #Table3 tr td.match-time {
    text-wrap: nowrap;
    padding: 0 5px
}

#scrollIframe .data-sync #Table3 tr td.match-time .day {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #337359;
    margin: 0
}

#scrollIframe .data-sync #Table3 tr td.match-time .hour {
    margin: 0 0 0 -2px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #36aa7c
}

#scrollIframe .data-sync #Table3 tr td.box-set {
    font-size: 14px !important;
    font-family: Inter !important;
    width: 46px !important;
    height: 26px !important;
    border-radius: 4px !important;
    align-items: center
}

#scrollIframe .data-sync #Table3 tr td.box-set .tocolor {
    width: auto
}

#scrollIframe .data-sync #Table3 tr td.team-l .team-name-a,
#scrollIframe .data-sync #Table3 tr td.team-r .team-name-a {
    font-family: Inter !important;
    color: #070f03;
    font-weight: 500;
    width: auto;
    padding: 5px 10px
}

#scrollIframe .data-sync #Table3 tr td .red font,
#scrollIframe .data-sync #Table3 tr td .redf font {
    color: #e51b00;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600
}

#scrollIframe .data-sync #Table3 tr td .redcard {
    height: 12px !important;
    width: 10px !important;
    padding: 0 !important;
    line-height: normal
}

#scrollIframe .data-sync #Table3 tr td .outteam .team-name {
    font-family: Inter !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    word-break: break-all
}

#scrollIframe .data-sync #Table3 tr td .box-set,
#scrollIframe .data-sync #Table3 tr td .box-set .tocolor {
    background-color: #fff5e7 !important;
    font-size: 14px !important;
    height: 26px !important;
    border-radius: 4px !important;
    display: grid;
    font-family: Inter !important
}

#scrollIframe .data-sync #Table3 tr td .score {
    color: #e51b00 !important;
    font-family: Inter !important;
    font-weight: 600 !important;
    text-wrap: nowrap !important
}

#scrollIframe .data-sync #Table3 tr td .score:hover {
    transition: transform .3s ease-in-out
}

#scrollIframe .data-sync #Table3 tr td .box-set {
    width: 46px !important;
    align-items: center
}

#scrollIframe .data-sync #Table3 tr td .box-set .tocolor {
    max-width: 46px !important;
    align-items: center
}

#scrollIframe .data-sync #ScoreGroupDiv tr {
    border-bottom-width: 1px
}

#scrollIframe .data-sync #ScoreGroupDiv tr td {
    font-family: Inter;
    font-size: 11px;
    color: #070f03
}

#scrollIframe .data-sync #ScoreGroupDiv tr td a {
    color: #005030;
    font-weight: 700
}

#scrollIframe .data-sync .main_title {
    color: #070f03 !important;
    height: 24px !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    background-color: transparent !important;
    text-align: left !important;
    font-family: Inter
}

#scrollIframe #logoSpan:after,
#scrollIframe .footer-logo:after {
    position: absolute;
    width: 23px;
    height: 23px;
    animation: 1.5s linear infinite spin;
    background-image: url(/build/assets/images/football-sprite.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

#scrollIframe .data-sync #lastUpdateTime {
    color: #9f2c09 !important;
    line-height: 12px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    margin-top: 16px;
    padding-top: 0 !important;
    font-family: Inter !important
}

#scrollIframe .data-sync #showRound tr {
    border-bottom-width: 1px !important
}

#scrollIframe .data-sync .techlist select {
    background-image: url(/build/assets/images/CaretDown.svg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 90% 10px;
    padding-left: 18px
}

#scrollIframe .data-sync .techlist .toolBar #two-team__src select {
    max-width: 167px
}

#scrollIframe #view-tap-top.sub_menu.bxh,
#scrollIframe .custom-select-wrapper .custom-select.active+.custom-options,
#scrollIframe .data-sync .techlist #mainData .tools,
#scrollIframe .menu2 li.has_sub:hover ul.sub_menu,
body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-stage-outer .owl-stage {
    display: flex
}

#scrollIframe .data-sync .techlist #mainData .tools input {
    position: relative;
    background-color: red;
    margin: -5px 4px 0 0;
    padding: 13px 13px 0 0 !important;
    transform: translate(13px);
    opacity: 0;
    z-index: 2
}

#scrollIframe .data-sync .techlist #mainData .tools input[type=checkbox] {
    opacity: 1;
    width: 13px;
    height: 0
}

#scrollIframe .data-sync .techlist #mainData .tools span {
    background: url(/build/assets/images/uncheck-circle.svg) 0 0/contain;
    z-index: 1;
    width: 13px;
    height: 13px;
    display: block;
    transform: translate(-4px)
}

#scrollIframe .data-sync .techlist #mainData .tools>input[type=radio]:checked+span {
    background: url(/build/assets/images/check-circle.svg) 0 0/contain no-repeat;
    z-index: 1;
    width: 13px;
    height: 13px
}

#scrollIframe .data-sync .techlist .pager {
    float: unset
}

#scrollIframe .data-sync .techlist .pager ul {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

#scrollIframe .data-sync .techlist .pager ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: center;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    padding: 0;
    border: 1px solid #bbb
}

#scrollIframe .data-sync .techlist .pager ul li.pagechose {
    color: #1a1a1a
}

#scrollIframe .data-sync .techlist .pager ul li.pagechose.current {
    border-color: #414141;
    color: #1a1a1a
}

#scrollIframe .data-sync .techlist .pager ul li.pagechose select {
    background: 0 0;
    border: 0
}

#scrollIframe .data-sync .techlist .pager ul li.pageicon {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    border-color: #414141;
    color: transparent;
    background-image: url(/build/assets/images/arrow-paging.svg);
    background-color: #414141;
    transform: rotate(0)
}

#scrollIframe .data-sync .techlist .pager ul li.pageicon.visible {
    background-image: url(/build/assets/images/arrow-paging-visible.svg);
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

#scrollIframe .data-sync .techlist .pager ul li.dot {
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -.03em;
    text-align: center;
    border-color: transparent !important;
    background-color: transparent
}

#scrollIframe .data-sync .dealer {
    border: 1px solid #bbb !important;
    background-color: transparent !important
}

#scrollIframe .data-sync .dealer:focus-visible {
    border: 1px solid #00100a !important
}

#scrollIframe .data-sync #showRound table tr td {
    min-width: 30px
}

#scrollIframe .data-sync #showRound table tr td.td-round-first {
    min-width: 60px
}

#scrollIframe #info .data:not(#mainTitle):not(#lastUpdateTime) table tr td.td-round-first {
    z-index: 2
}

body.dark .data-sync .d-fc-grey-100 {
    color: #fbfbfb !important
}

body.dark .data-sync .d-dr-t-1-black {
    border-top: 1px solid #000 !important
}

body.dark .data-sync #Table3 tr,
body.dark .data-sync #tableId .goaltime tr td,
body.dark .data-sync #tableId .scorestats tr td,
body.dark .data-sync .d-dr-r-1-black {
    border-right: 1px solid #000 !important
}

body.dark .data-sync .d-dr-b-1-black {
    border-bottom: 1px solid #000 !important
}

body.dark .data-sync .d-dr-l-1-black {
    border-left: 1px solid #000 !important
}

body.dark .data-sync .d-dr-t-1-grey-900 {
    border-top: 1px solid #070f03 !important
}

body.dark .data-sync .d-dr-r-1-grey-900 {
    border-right: 1px solid #070f03 !important
}

body.dark .data-sync .d-dr-b-1-grey-900 {
    border-bottom: 1px solid #070f03 !important
}

body.dark .data-sync .d-dr-l-1-grey-900 {
    border-left: 1px solid #070f03 !important
}

body.dark .data-sync .d-dr-t-1-374033,
body.dark .data-sync .d-dr-t-1-title {
    border-top: 1px solid #374033 !important
}

body.dark .data-sync .d-dr-r-1-374033,
body.dark .data-sync .d-dr-r-1-title {
    border-right: 1px solid #374033 !important
}

body.dark .data-sync .d-dr-b-1-374033,
body.dark .data-sync .d-dr-b-1-title {
    border-bottom: 1px solid #374033 !important
}

body.dark .data-sync .d-dr-l-1-374033,
body.dark .data-sync .d-dr-l-1-title {
    border-left: 1px solid #374033 !important
}

body.dark .data-sync .d-dr-t-1-4C1909 {
    border-top: 1px solid #4c1909 !important
}

body.dark .data-sync .d-dr-r-1-4C1909 {
    border-right: 1px solid #4c1909 !important
}

body.dark .data-sync .d-dr-b-1-4C1909 {
    border-bottom: 1px solid #4c1909 !important
}

body.dark .data-sync .d-dr-l-1-4C1909 {
    border-left: 1px solid #4c1909 !important
}

body.dark .data-sync .d-bc-222222,
body.dark .main-content.cup-match #oddsChange,
body.dark .main-content.cup-match [id^=oddsChange_] {
    background-color: #222 !important
}

body.dark .data-sync .d-bc-002013 {
    background-color: #002013 !important
}

body.dark .data-sync .d-bc-00100A {
    background-color: #00100a !important
}

body.dark .data-sync .d-bc-new-04 {
    background-color: #d65c36 !important
}

body.dark .data-sync #ScoreGroupDiv tr td.bg-lgreen,
body.dark .data-sync #i_main #i_data.page-hfstats #div_Table1 tr .d-bc-new-08,
body.dark .data-sync .d-bc-new-08 {
    background-color: #4c1909 !important
}

body.dark .data-sync #MainDiv tr,
body.dark .data-sync #allTongJi1 tr,
body.dark .data-sync #allTongJi2 tr,
body.dark .data-sync #div_Table1.tdlink tr,
body.dark .data-sync #tableId .goaltime tr.trtd .show-name-team,
body.dark .data-sync #tableId .scorestats tr.trtd .show-name-team,
body.dark .data-sync .d-bc-lop-1 {
    background-color: #1a1919 !important
}

body.dark .data-sync #allTongJi1 tr:nth-child(odd) td,
body.dark .data-sync #allTongJi2 tr:nth-child(odd) td,
body.dark .data-sync #i_main2:not(.teamsche) #MainDiv tr:nth-child(odd) td,
body.dark .data-sync #i_main2:not(.teamsche) #div_Table1.tdlink tr:nth-child(odd) td,
body.dark .data-sync #i_main2:not(.teamsche) #div_Table2 tr:nth-child(odd) td,
body.dark .data-sync #i_main:not(.teamsche) #MainDiv tr:nth-child(odd) td,
body.dark .data-sync #i_main:not(.teamsche) #div_Table1.tdlink tr:nth-child(odd) td,
body.dark .data-sync #i_main:not(.teamsche) #div_Table2 tr:nth-child(odd) td,
body.dark .data-sync .d-bc-lop-2 {
    background-color: #1e1e1e !important
}

body.dark .data-sync .d-bc-linear-1 {
    background-color: #122cb4 !important
}

body.dark .data-sync .d-svg-stroke-222222 {
    stroke: #222 !important
}

body.dark .data-sync #div_Table1.tdlink tr th {
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important
}

body.dark .data-sync #div_Table1.tdlink tr td {
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    color: #fff
}

body.dark .data-sync #div_Table1.tdlink tr td.old-light {
    background-color: #4c1909
}

body.dark .data-sync #ScoreGroupDiv tr td a,
body.dark .data-sync #div_Table1.tdlink tr td .ratio {
    color: #10e18d
}

body.dark .data-sync #allTongJi1 tr td,
body.dark .data-sync #allTongJi2 tr td {
    color: #fff !important;
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    background-color: #151515 !important
}

body.dark .data-sync #tableId .goaltime tr,
body.dark .data-sync #tableId .scorestats tr {
    border-top: 1px #000 !important;
    border-right: 1px solid #000 !important
}

body.dark .data-sync #tableId .goaltime tr th,
body.dark .data-sync #tableId .scorestats tr th {
    background-color: #374033 !important;
    color: #fff !important;
    border-left: 1px solid #030405 !important
}

body.dark .data-sync #tableId .goaltime tr.trtd td,
body.dark .data-sync #tableId .scorestats tr.trtd td {
    background-color: #1a1919;
    color: #fff !important
}

body.dark .data-sync #tableId .goaltime tr.trtd:nth-child(2n) td,
body.dark .data-sync #tableId .scorestats tr.trtd:nth-child(2n) td {
    background-color: #1e1e1e
}

body.dark .data-sync #tableId table tbody tr:first-of-type th:last-of-type {
    border-bottom-color: #070f03 !important
}

body.dark .data-sync #Table3.subleateam tr td a:has(+sup) {
    color: #fff
}

body.dark .data-sync #Table3 tr:nth-child(n+2) {
    border-bottom: 2px solid #000 !important
}

body.dark .data-sync #Table3 tr td.match-time .day {
    color: #36aa7c
}

.dark #showFilterBox #OddsFilter .goalTitle,
.dark #showFilterBox #StreaksFilter .item .name,
.dark #showFilterBox .bts .select-all span,
.dark #showoptional2 #myleague2 .fg_Title,
.dark #showoptional2 .bts:nth-of-type(3) label,
.dark #table_live .status-time-match span,
.dark .custom-select-wrapper .custom-options a,
.dark .custom-select-wrapper .custom-options div,
.dark .game-compare .list-game .t-r,
.dark .game-compare .title-tm,
.dark .menu2 li.has_sub ul.sub_menu li a,
body.dark .data-sync #ScoreGroupDiv tr,
body.dark .data-sync #Table3 tr td .team-name-a,
body.dark .main-content.cup-match #account .account__left--info .user__name,
body.dark .mcontent#main .idx-favorite #mintable #live td.winMatch .team-box a,
body.dark .mcontent#main .idx-resultpage #mintable #live td.winMatch .team-box a,
body.dark .mcontent.index #mintable #live td.winMatch .team-box a,
body.dark .modal-content li {
    color: #fff
}

body.dark .data-sync #Table3 tr td .red font,
body.dark .data-sync #Table3 tr td .redf font {
    color: #ffc226 !important
}

body.dark .data-sync #Table3 tr td .score {
    color: var(--gradient-Btn-5, linear-gradient(90deg, #ffc225 0%, #ffd66c 46%, #ffc226 100%)) !important
}

body.dark .data-sync #Table3 tr td .box-set {
    background-color: #372a21 !important;
    color: #fff !important
}

body.dark .data-sync #Table3 tr td .box-set .tocolor {
    background: var(--x1, #372a21) !important;
    color: #fff !important
}

body.dark .data-sync #div_Table1.leastanding tr td .six-lasted .o-win {
    background-color: #005030 !important;
    color: #fff !important
}

body.dark .data-sync #div_Table1.leastanding tr td .six-lasted .o-lost {
    background-color: #761b1c !important;
    color: #fff !important
}

body.dark .data-sync #div_Table1.leastanding tr td .six-lasted .o-draw {
    background-color: #0c4fcf !important;
    color: #fff !important
}

body.dark .data-sync #div_Table1.leastanding tr td .six-lasted .o-unknown {
    background-color: #2b2b2b !important;
    color: #fff !important
}

body.dark .data-sync #ScoreGroupDiv tr td {
    color: #fff;
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important
}

body.dark .data-sync .dealer {
    border: 1px solid transparent !important;
    background-color: transparent !important
}

body.dark .data-sync .dealer:focus-visible {
    border: 1px solid #f2f2f2 !important
}

body.dark .data-sync .techlist .pager ul li {
    border-color: #414141
}

body.dark .data-sync .techlist .pager ul li.pagechose,
body.dark .other-leagues .nation .nation-item,
body.dark .other-leagues .nation .nation-leagues ul .nation-leagues-item a {
    color: #f2f2f2
}

body.dark .data-sync .techlist .pager ul li.pagechose.current {
    border-color: #d4d4d4;
    color: #fbfbfb
}

body.dark .data-sync .techlist .pager ul li.pageicon {
    background-image: url(/build/assets/images/arrow-paging-dark.svg);
    background-color: #d4d4d4;
    border-color: #d4d4d4
}

body.dark .data-sync .techlist .pager ul li.pageicon.visible {
    background-image: url(/build/assets/images/arrow-paging-visible-dark.svg);
    background-color: #414141;
    border-color: #414141
}

body #scrollIframe {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 11px;
    font-family: Inter, sans-serif;
    color: #333;
    padding: 0;
    margin: 0;
    background-color: #e5e5e5
}

#scrollIframe #top .weblogo.vn {
    object-fit: contain
}

#scrollIframe #logo_mobile {
    width: 117px;
    height: 24px
}

#scrollIframe .crumbs.crumbs-mobile.r-home {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

#scrollIframe .crumbs.r-home h1.slogan {
    color: #0f0f0f !important;
    font-family: Inter;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 16px !important;
    padding-left: 10px
}

#scrollIframe .crumbs.r-home a#breadcrumbs {
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    margin: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #00301d !important
}

#scrollIframe div#header-wrapper-sp .topBar-middle-sp #logo_mobile img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#scrollIframe #logoSpan:after {
    top: 7px
}

#scrollIframe .footer-logo:after {
    top: 12px;
    left: 53px
}

#scrollIframe #logo_mobile:after {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 36px
}

@media only screen and (max-width:600px) {
    #scrollIframe #logo_mobile:after {
        width: 13px;
        height: 13px;
        top: 4px;
        left: 27px
    }
}

@keyframes spin {
    0% {
        transform: translate(calc(-50% - 1.5px), 1px) rotate(0)
    }

    25% {
        transform: translate(-50%) rotate(90deg)
    }

    50% {
        transform: translate(calc(-50% + 1.5px), -1px) rotate(180deg)
    }

    75% {
        transform: translate(-50%) rotate(270deg)
    }

    to {
        transform: translate(calc(-50% - 1.5px), 1px) rotate(360deg)
    }
}

#scrollIframe #ddLocale a:visited {
    color: #e5ead5;
    text-decoration: none
}

#scrollIframe #ddLocale a:hover {
    color: #f60
}

#scrollIframe #settingsModal,
body.dark #settingsModal {
    display: none;
    position: fixed;
    z-index: 99;
    width: 406px;
    right: 60px;
    border-radius: 4px
}

#scrollIframe #settingsModal {
    color: #0a2000;
    background-color: #f2f2f2
}

body.dark #settingsModal {
    color: #fff;
    background-color: #000
}

#scrollIframe .modal-header,
body.dark .modal-header {
    border-radius: 4px 4px 0 0;
    border-bottom: #e6e6e6;
    width: 100%;
    height: 48px
}

#scrollIframe .modal-header {
    position: relative;
    border-bottom: 1px solid #fff
}

#scrollIframe .modal-header .setting-modal-title,
body.dark .modal-header .setting-modal-title {
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    margin: auto
}

#scrollIframe .modal-content .settingselect,
body.dark .modal-content .settingselect {
    border-radius: 60px !important;
    margin: 0 0 5px;
    overflow: hidden;
    display: flex
}

#scrollIframe .modal-content .settingselect span,
body.dark .modal-content .settingselect span {
    line-height: 28px;
    float: left;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 60px
}

#scrollIframe .modal-content .settingselect span.on,
#scrollIframe .newsetting .selectbox span.on {
    background: var(--second-color) !important;
    color: #fff
}

body.dark .modal-content .settingselect {
    border: none;
    background: linear-gradient(90deg, #292929, #10160e);
    box-shadow: 0 4px 4px #00000026 inset, 0 -4px 4px #37373726 inset
}

body.dark .modal-content .settingselect span.on {
    background: #005030 !important;
    color: #e6e6e6
}

#scrollIframe #selectsound1_all,
#scrollIframe #selectsound1_fav,
#scrollIframe #selectsound2_all,
#scrollIframe #selectsound2_fav {
    width: max-content;
    box-sizing: border-box
}

#scrollIframe #selectsound1_all span,
#scrollIframe #selectsound1_fav span,
#scrollIframe #selectsound2_all span,
#scrollIframe #selectsound2_fav span {
    width: 45px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border: none;
    background: #d6e4df
}

#scrollIframe #selectsound1_all span:hover,
#scrollIframe #selectsound1_fav span:hover,
#scrollIframe #selectsound2_all span:hover,
#scrollIframe #selectsound2_fav span:hover {
    background: #d6e4df
}

#scrollIframe .modal-content .settingmodal {
    display: flex;
    width: 343px;
    justify-content: space-between;
    align-items: center
}

#scrollIframe .close-btn {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    display: flex
}

#scrollIframe .close-btn:focus,
#scrollIframe .close-btn:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

#scrollIframe .tab-button {
    transition: background-color .3s
}

#scrollIframe .tab-button.active,
#scrollIframe .tab-button:hover {
    background-color: #ddd
}

#scrollIframe .tab-content.on {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 17px
}

#scrollIframe .newsetting .soundbox,
#scrollIframe .settingsModal .newsetting .soundbox {
    margin: 6px 0 10px
}

#scrollIframe .soundbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

#scrollIframe .selectbox .sound {
    display: flex;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid #243b32
}

#scrollIframe .selectbox .sound span {
    display: flex;
    padding: 10px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-right: 1px solid #243b32;
    line-height: normal;
    width: auto
}

body.dark #selectsound1_all,
body.dark #selectsound1_fav,
body.dark #selectsound2_all,
body.dark #selectsound2_fav {
    --second-color: #004026;
    background-color: #001f13;
    display: flex;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid #243b32
}

body.dark #selectsound1_all span,
body.dark #selectsound1_fav span,
body.dark #selectsound2_all span,
body.dark #selectsound2_fav span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-right: 1px solid #243b32;
    background: #001f13
}

body.dark #selectsound1_all span.on,
body.dark #selectsound1_fav span.on,
body.dark #selectsound2_all span.on,
body.dark #selectsound2_fav span.on {
    background: #004026
}

#scrollIframe .matchinfo_setting {
    display: flex;
    width: 271px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

#scrollIframe .matchinfo_setting .switchbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

#scrollIframe .matchinfo_setting .switchbox label {
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

#scrollIframe .switch .switch-style {
    width: 35px;
    border-radius: 100px;
    background: #717171
}

#scrollIframe #AdLayer3,
#scrollIframe .footer-nav,
#scrollIframe div#settingselect {
    display: flex;
    justify-content: space-between
}

#scrollIframe #settingselect span {
    padding: 0 8px
}

#scrollIframe #settingsModal .switch .switch-style {
    width: 35px;
    height: 18px
}

#scrollIframe #settingsModal .switch .switch-style:before {
    width: 14px;
    height: 14px;
    left: 2px;
    top: 50%;
    transform: translateY(-50%)
}

#scrollIframe #settingsModal .switch>input[type=checkbox]:checked+.switch-style:before {
    left: calc(100% - 2px);
    transform: translate(-100%, -50%)
}

#scrollIframe #fulltab {
    min-height: 60px
}

#scrollIframe .mgs_login {
    color: #a92f29;
    font-family: Inter;
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    min-width: 300px
}

#scrollIframe #top-tools .Choose-tool .img-round {
    border-radius: 50% !important;
    margin-right: 6px;
    aspect-ratio: 1/1
}

#scrollIframe #top-tools .Choose-tool .img-tool,
#scrollIframe #top-tools .Choose-tool .label-tool {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

#scrollIframe #top-tools .Choose-tool .img-tool {
    width: 16px;
    height: 16px;
    object-fit: cover
}

#scrollIframe #top-tools .Choose-tool .img-tool.size-20 {
    width: 20px;
    height: 20px
}

#scrollIframe .border-err {
    border: 1px solid #bf251b !important
}

#scrollIframe .loginBox {
    width: auto;
    display: flex
}

#scrollIframe #newtop #menu li.active .menu-icon-active,
#scrollIframe #newtop #menu li:hover .menu-icon-active,
#scrollIframe .d-lg-block,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark.show,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark.hidden,
html body #scrollIframe #info #left {
    display: block !important
}

#scrollIframe .loginBox #login_icon {
    width: 36px;
    height: 36px;
    border-radius: 36px
}

#scrollIframe .loginBox #login_name {
    padding-left: 10px;
    padding-right: 5px;
    white-space: nowrap;
    float: left
}

#scrollIframe .loginBox #login_name .name_hello {
    color: var(--Monotone-Grey-400, #d4d4d4);
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

#scrollIframe .loginBox #login_name .name_user {
    color: var(--white-100, #fff);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

#scrollIframe #DarkModeCheck+.theme-style {
    background-image: url(/assets/images/tool-dark-mode.png?1)
}

#scrollIframe .fix-container {
    max-width: 1208px;
    margin: 0 auto
}

#scrollIframe .bot_nav,
#scrollIframe .top-tools-c {
    max-width: 1208px;
    width: 100%
}

@media only screen and (min-width:1000px) and (max-width:1230px) {

    #scrollIframe .fix-container,
    #scrollIframe .top-tools-left {
        padding-left: 10px;
        padding-right: 10px
    }

    #scrollIframe .top-tools-left {
        justify-content: end
    }
}

#scrollIframe #mainDiv {
    display: flex;
    justify-content: space-between;
    padding-top: 13px;
    padding-bottom: 13px
}

#scrollIframe div#brand-box a {
    display: block;
    padding-top: 4px
}

#scrollIframe #brand-box {
    flex: 0 0 200px
}

#scrollIframe nav#nav-main-menu {
    flex: 1 1 calc(100% - 200px);
    display: flex;
    justify-content: flex-end
}

#scrollIframe #menu {
    display: flex;
    gap: 8px
}

#scrollIframe #menu li {
    position: relative;
    padding: 6px 13.238px 6px 14.42px;
    border-radius: 5px;
    background-color: #00301d;
    height: 44px;
    min-width: 158px
}

#scrollIframe #menu li a.menu-item-inner {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #99b9ac;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    height: 32px
}

#scrollIframe #menu li a.menu-item-inner span {
    font-weight: 700;
    text-transform: capitalize;
    color: #99b9ac;
    font-family: Inter;
    font-size: 14px;
    font-style: normal
}

#scrollIframe .icon-box-mode {
    margin-right: 6px
}

#scrollIframe .menu2,
#scrollIframe .menu2>li:hover {
    border-radius: 4px 4px 0 0
}

#scrollIframe .menu2>li.active {
    border-radius: 4px 4px 0 0;
    border-color: #fff;
    background: #337359
}

#scrollIframe li.has_sub ul.sub_menu {
    position: absolute;
    width: calc(100% - 8px);
    display: none;
    flex-direction: column;
    top: calc(100% + 3px);
    left: 0;
    border-radius: 4px;
    z-index: 999;
    background: #fff;
    padding: 4px;
    border-top: 4px solid #e6e6e6
}

.dark .menu2 li.has_sub ul.sub_menu {
    border-top: 4px solid #000;
    background-color: #1a1a1a
}

#scrollIframe ul.sub_menu li {
    width: 100%;
    background-color: #fff !important
}

#scrollIframe ul.sub_menu li a {
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    text-align: left;
    width: 100%;
    border-radius: 4px;
    color: var(--Monotone-Grey-900, #070f03);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: unset
}

#scrollIframe .menu2 li {
    height: 39px
}

#scrollIframe .menu2 li.on {
    height: auto !important
}

#scrollIframe .menu2 li.has_sub ul.sub_menu li {
    border-bottom: 0;
    margin-bottom: 2px
}

.dark .menu2 li.has_sub ul.sub_menu li a:hover {
    background: #414141 !important
}

#scrollIframe .langue img {
    border-radius: 50%;
    height: 13px;
    aspect-ratio: 1/1;
    margin-left: 0;
    margin-right: 5px
}

#scrollIframe .lang-box,
#scrollIframe .langue {
    display: inline-flex;
    align-items: center
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

#scrollIframe .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

#scrollIframe .swiper-vertical>.swiper-wrapper {
    flex-direction: row;
    gap: 5px;
}

#scrollIframe .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

#scrollIframe .swiper-android .swiper-slide,
#scrollIframe .swiper-wrapper {
    transform: translateZ(0)
}

#scrollIframe .swiper-pointer-events {
    touch-action: pan-y
}

#scrollIframe .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

#scrollIframe .scroller-slide {
    flex-shrink: 0;
    width: fit-content;
    height: 100%;
    position: relative;
    transition-property: transform
}

#scrollIframe .scroller-container {
    width: 100%;
    display: flex;
    gap: 8px;
    overflow: auto;
    margin-bottom: -6px;
    padding-bottom: 12px;
}

#scrollIframe .swiper-autoheight,
#scrollIframe .swiper-autoheight .swiper-slide,
body #scrollIframe #sloading .loadngdiv {
    height: auto
}

#scrollIframe .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

#scrollIframe .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#scrollIframe .swiper-3d,
#scrollIframe .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

#scrollIframe .swiper-3d .swiper-cube-shadow,
#scrollIframe .swiper-3d .swiper-slide,
#scrollIframe .swiper-3d .swiper-slide-shadow,
#scrollIframe .swiper-3d .swiper-slide-shadow-bottom,
#scrollIframe .swiper-3d .swiper-slide-shadow-left,
#scrollIframe .swiper-3d .swiper-slide-shadow-right,
#scrollIframe .swiper-3d .swiper-slide-shadow-top,
#scrollIframe .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

#scrollIframe .swiper-3d .swiper-slide-shadow,
#scrollIframe .swiper-3d .swiper-slide-shadow-bottom,
#scrollIframe .swiper-3d .swiper-slide-shadow-left,
#scrollIframe .swiper-3d .swiper-slide-shadow-right,
#scrollIframe .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

#scrollIframe .swiper-3d .swiper-slide-shadow {
    background: #00000026
}

#scrollIframe .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

#scrollIframe .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

#scrollIframe .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

#scrollIframe .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

#scrollIframe .swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

#scrollIframe .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

#scrollIframe .swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

#scrollIframe .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

#scrollIframe .swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

#scrollIframe .swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

#scrollIframe .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

#scrollIframe .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

#scrollIframe .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

#scrollIframe .swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

#scrollIframe .swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

#scrollIframe #loadApp {
    margin-top: 30px
}

#scrollIframe #oddsChange,
#scrollIframe #panluDiv,
#scrollIframe #sbOddsCorner {
    position: absolute;
    z-index: 100;
    top: 100px;
    visibility: hidden
}

#scrollIframe #oddsChange,
#scrollIframe [id^=oddsChange_] {
    left: 200px
}

#scrollIframe #panluDiv {
    left: 148px
}

#scrollIframe #sbOddsCorner {
    left: 100px;
    width: 400px
}

#scrollIframe .bn3 {
    max-width: 1208px;
    width: 100%;
    margin: 0 auto
}

#scrollIframe .bn4 {
    flex-shrink: 1;
    flex-grow: 1
}

#scrollIframe .bn4 a {
    padding: 0 18px 0 11px;
    display: inline-block
}

#scrollIframe #info.database .area-tab ul li.menu-search {
    width: 15%;
    flex-shrink: 1;
    flex-grow: 1
}

#scrollIframe #info.database .area-tab ul li.menu-search input {
    max-width: calc(100% - 40px)
}

#scrollIframe .icon-font-collect-off:before,
#scrollIframe .icon-font-collect-on:before {
    width: 14px;
    height: 14px
}

#scrollIframe .bgE3F1EB,
#scrollIframe .main-content.cup-match #info .page-schedule #showRound-mobile .lsm2#selectName {
    background-color: #e3f1eb !important
}

#scrollIframe #favLeagueIcon,
#scrollIframe #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon,
#scrollIframe #showoptional2 .bt-selected,
#scrollIframe .loader-none+[data-loader=loadVue],
#scrollIframe .roundslide,
#scrollIframe .sub-icon-box,
#scrollIframe .swiper-box-icon .swiper-menu-icon.icon-active,
.main-content.cup-match #account .account__left--info .avt__ellipse.dark,
.main-content.cup-match #account .account__right .account__right--form .form__row--icon.dark {
    display: none
}

@media screen and (max-width:1024px) {
    #scrollIframe .button-df:hover .six-in-one-custom-select {
        color: #fff !important
    }
}

#scrollIframe .bxh-110 .custom-options .custom-option.active,
#scrollIframe .custom-select-02 .custom-options .custom-option.active,
#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option.active,
#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option:hover {
    transition: .3s ease-in-out;
    background-color: #e3f1eb
}

#scrollIframe .custom-select-02 .custom-option,
#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option,
#scrollIframe .filterLi2.xz .dropdown-toggle {
    text-transform: capitalize
}

#scrollIframe .carousel-23-112,
#scrollIframe .match-table__minute-title,
#scrollIframe .overflow-hidden {
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    #scrollIframe #main #left .leftnav li a {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #070f03;
        border-radius: 0;
        padding: 0 10px;
        height: 34px;
        line-height: 34px
    }

    body #scrollIframe .sloading .loadngdiv {
        left: calc(50% + 87px);
        transform: translate(calc(-50% - 43.5px), -50%);
        max-width: 288px
    }

    body #scrollIframe .sloading .loadngdiv .sloading-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20.8px
    }

    body #scrollIframe .sloading .loadngdiv .sloading-des {
        font-size: 12px;
        font-weight: 400;
        line-height: 15.6px
    }

    #scrollIframe .seo-text-h1 {
        position: relative;
        margin-top: 0;
        text-align: center
    }

    #scrollIframe #info.database {
        margin-top: 0 !important;
        padding: 0
    }

    #scrollIframe .odds-name-cst {
        font-size: 12px !important;
        font-weight: 400 !important
    }

    #scrollIframe .schedule-icon-detail .icon-icon-detail:before {
        width: 14px !important
    }

    body #scrollIframe#soccer .matchDetail .all-block-content .w-section.w-section-show .scoring-rate.section-f {
        margin-top: 10px !important
    }

    body #scrollIframe#soccer .matchDetail .all-block-content .w-section.w-section-show {
        margin-bottom: 10px !important
    }

    #scrollIframe #info #i_main .team-head .follow_btn i:before,
    #scrollIframe #info #i_main2 .team-head .follow_btn i:before {
        width: 14px !important;
        height: 14px !important;
        top: 5px !important
    }

    body #scrollIframe #info {
        display: block
    }

    body #scrollIframe #info .database_league_filter--title {
        font-family: Inter;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        color: #070f03;
        height: 30px;
        display: flex;
        align-items: center;
        margin-right: 8px
    }

    body #scrollIframe #info #left #new_date_me .da_nav,
    body #scrollIframe #info #left #new_date_me .da_nav_on,
    body #scrollIframe #info #left #new_date_me .left_list,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li a,
    body #scrollIframe #info #left #new_date_me .left_list_on,
    body #scrollIframe #info .database_league_filter--dropdown--title {
        font-family: Inter;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        text-align: left;
        height: 30px
    }

    body #scrollIframe #info .database_league_filter--dropdown {
        width: 100%;
        max-width: 167px;
        position: relative
    }

    body #scrollIframe #info .database_league_filter--dropdown--title {
        width: calc(100% - 10px);
        max-width: 167px;
        color: #fff;
        background: #5b1905;
        position: relative;
        display: flex;
        align-items: center;
        border-radius: 4px;
        padding-left: 10px
    }

    body #scrollIframe #info .database_league_filter--dropdown--title:before {
        content: "";
        transition: .3s ease-in-out;
        width: 16px;
        height: 16px;
        right: 3px;
        left: auto;
        position: absolute;
        border: 0;
        transform: rotate(0);
        margin-top: 5px;
        margin-right: 5px;
        background: url(/build/assets/images/icon_arrow_right-white.svg)
    }

    body #scrollIframe #info .database_league_filter--dropdown--title.on:before {
        transform: rotate(180deg)
    }

    body #scrollIframe #info #left {
        right: 0;
        top: 30px;
        max-width: 167px;
        height: unset !important;
        padding-right: 0;
        position: absolute;
        width: 100% !important;
        float: unset;
        z-index: 110;
        display: none;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 300px
    }

    body #scrollIframe #info #left #new_date_me * {
        border: 0 !important
    }

    body #scrollIframe #info #left #new_date_me .da_nav {
        color: #fff !important;
        background: #5b1905 !important
    }

    body #scrollIframe #info #left #new_date_me .da_nav:before,
    body.dark #info #left #new_date_me .da_nav:before,
    body.dark #info #left #new_date_me .da_nav_on:before,
    body.dark #info #left #new_date_me .left_list3 ul li a:before,
    body.dark #info #left #new_date_me .left_list3 ul li:before,
    body.dark #info #left #new_date_me .left_list:before,
    body.dark #info #left #new_date_me .left_list_on:before {
        background: url(/build/assets/images/icon_arrow_right-white.svg)
    }

    body #scrollIframe #info #left #new_date_me .da_nav_on,
    body #scrollIframe #info #left #new_date_me .left_list,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li a,
    body #scrollIframe #info #left #new_date_me .left_list_on {
        color: #070f03 !important;
        background-color: #f2f2f2 !important
    }

    body #scrollIframe #info #left #new_date_me .left_list3 ul li a.on {
        background-color: #e6e6e6 !important
    }

    body #scrollIframe #info #i_main {
        float: unset;
        width: 100%
    }

    body #scrollIframe #info #i_main .techlist,
    body #scrollIframe #info #i_main .techlist #lastUpdateTime,
    body #scrollIframe #info #i_main .techlist #mainData {
        float: unset;
        clear: both
    }

    body #scrollIframe #info #i_main .sub_menu a {
        margin: 0 2px
    }

    body.dark #info .database_league_filter--title {
        color: #fff
    }

    body.dark #info #left #new_date_me .da_nav {
        color: #fff !important;
        background: #260c04 !important
    }

    body.dark #info #left #new_date_me .da_nav_on,
    body.dark #info #left #new_date_me .left_list,
    body.dark #info #left #new_date_me .left_list3 ul li,
    body.dark #info #left #new_date_me .left_list3 ul li a,
    body.dark #info #left #new_date_me .left_list_on {
        color: #fff !important;
        background-color: #000 !important
    }

    body.dark #info #left #new_date_me .left_list3 ul li a.on {
        background-color: #1e1e1e !important
    }

    #scrollIframe .bn3 {
        display: none !important
    }

    body #scrollIframe {
        --headerHeight: 82px;
        --footerHeight: 66px;
        overflow-x: hidden
    }

    #scrollIframe .main-content {
        padding: 0 18px 84px
    }

    #scrollIframe #main {
        box-sizing: border-box;
        width: 100%
    }

    #scrollIframe #oddsChange,
    #scrollIframe #panluDiv,
    #scrollIframe #sbOddsCorner,
    #scrollIframe [id^=oddsChange_] {
        width: calc(90% - 10px);
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 110;
        position: fixed
    }

    #scrollIframe #live {
        width: 100%;
        display: block
    }

    #scrollIframe .mcontent {
        width: auto !important
    }

    #scrollIframe #container #info.matchDetail,
    #scrollIframe .crumbs,
    #scrollIframe html,
    #scrollIframe html #layuicss-layer,
    body #scrollIframe,
    body #scrollIframe #main #min,
    body #scrollIframe #main #view-data {
        width: 100% !important;
        min-width: unset !important;
        /*min-height: 600px !important*/
    }

    #scrollIframe #showCountry,
    #scrollIframe #showFilterBox,
    #scrollIframe #showoptional2 {
        width: 100% !important;
        min-width: unset !important;
        left: 0 !important;
        right: 0
    }

    #scrollIframe .bottomBar-sp {
        background-color: #e5e5e5
    }

    .dark .bottomBar-sp {
        background-color: #030405
    }

    #scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option {
        text-transform: capitalize
    }

    body #scrollIframe #min #tools ul {
        justify-content: start !important
    }

    #scrollIframe #min .tools ul li {
        flex-basis: 30%
    }

    #scrollIframe #info.vue .page-leastanding #div_Table1,
    #scrollIframe .round-table {
        display: none
    }

    #scrollIframe .roundslide {
        display: flex;
        margin-bottom: 12px
    }

    #scrollIframe .roundslide-list {
        display: flex;
        overflow-x: auto
    }

    #scrollIframe .roundslide-list div {
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border: 0;
        border-right: 1px solid #f2f2f2;
        width: 30px;
        justify-content: center;
        background-color: #fff;
        flex: none
    }

    #scrollIframe .roundslide-text {
        background-color: #e3f1eb;
        display: flex;
        width: 48px;
        height: 48px;
        padding: 0 12px;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: sticky;
        left: 0
    }
}

@media only screen and (max-width:500px) {
    #scrollIframe .date-picker.piker-mobile>div.timeBox-mobile {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#scrollIframe .lsm2 {
    text-align: center;
    border: 1px solid #ccc
}

#scrollIframe .round_now {
    font-weight: 700;
    background-color: orange
}

@media only screen and (max-width:1024px) {
    #scrollIframe .fixed-sp {
        position: fixed;
        top: 0;
        z-index: 102
    }

    #scrollIframe div#header-wrapper-sp {
        display: block;
        width: 100%;
        background-color: var(--primary-color) !important
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp {
        height: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool {
        margin-left: 8px;
        height: 20px;
        margin-top: 2px
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool img {
        margin-left: 0
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-right-sp .Choose-tool {
        margin-right: 8px;
        height: 20px
    }

    body #scrollIframe #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 0 !important
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .size-20 {
        height: 20px;
        width: 20px
    }

    #scrollIframe div#header-wrapper-sp .topBar-middle-sp a img {
        height: 24px
    }

    #scrollIframe div#header-wrapper-sp .topBar-middle-sp a {
        display: inline-block
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp {
        padding: 0 11.5px 0 18px
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp .authBox {
        display: flex;
        justify-content: space-between
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp .authBox>div {
        width: 100%;
        height: 36px;
        padding: 8px 24px;
        border: none;
        margin: 0 6px
    }

    #scrollIframe .mainBar-sp .newfeed {
        background-color: #004026;
        border-radius: 4px;
        margin: 0 6px;
        height: 24px;
        display: flex;
        align-items: center;
        padding: 6px 5px
    }

    #scrollIframe .mainBar-sp .newfeed>.d-flex {
        align-items: center;
        width: 100%
    }

    #scrollIframe .slide_Newfeed {
        flex-shrink: 1;
        flex-grow: 1;
        overflow: hidden
    }

    #scrollIframe .title_newFeed {
        flex: 0 0 67px;
        color: #ffd740;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700
    }

    #scrollIframe .swiperNewFeed .swiper-slide {
        width: auto
    }

    #scrollIframe .swiperNewFeed .swiper-slide a,
    #scrollIframe .table-setting.d-flex #ddlOddsType li,
    #scrollIframe .table-setting.d-flex #ddlTimeZone li {
        color: #fff
    }

    #scrollIframe .swiperNewFeed .swiper-slide a span {
        background-color: #fff;
        height: 5px !important;
        width: 5px !important;
        border-radius: 50%;
        margin-bottom: 2px;
        margin-right: 5px;
        display: inline-block
    }

    .dark #menuSp {
        background-color: #030405
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu {
        padding: 7px 5px;
        border-radius: 4px;
        background-color: #f2f2f2;
        margin-right: 6.5px !important;
        position: relative
    }

    #scrollIframe .swiperMenu {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu a {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 44px
    }

    #scrollIframe .swiper-slide a {
        text-decoration: none !important
    }

    #scrollIframe #menuSp .swiperMenu .swiper-slide {
        width: 67px
    }

    #scrollIframe .menuMainSp .swiperMainMenu .swiper-slide {
        width: 76px
    }

    #scrollIframe #menuSp .swiperMatchList .swiper-slide {
        width: 192px
    }

    #scrollIframe .bottomBar-sp {
        padding: 9px 11.5px 8px 18px
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon {
        width: 100%;
        padding-bottom: 2px;
        height: 22px;
        margin-right: 0;
        text-align: center
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon.htvd-icon {
        height: 19px
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon img {
        width: 20px
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu span {
        font-size: 10px;
        height: 100%;
        line-height: 1.1;
        flex-shrink: 1;
        flex-grow: 1;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        color: #666
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #e9f6f1
    }

    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #374041
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030;
        font-weight: 600
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.on span {
        font-weight: 600
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon,
    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark,
    #scrollIframe .icon-dark.swiper-menu-icon,
    #scrollIframe .icon-dark.swiper-menu-icon.icon-active,
    #scrollIframe .st-right input,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-dark,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark.icon-active {
        display: none
    }

    #scrollIframe .settingBar {
        z-index: 1050;
        width: 100%;
        top: 0;
        display: block;
        left: -100%;
        position: fixed;
        background-color: #e5e5e5;
        overflow-y: auto;
        overflow-x: hidden;
        transition: 1s cubic-bezier(.36, -.01, 0, .77);
        height: 100%
    }

    #scrollIframe .settingBar.closed {
        left: 0
    }

    #scrollIframe .heading-bar {
        background-color: var(--primary-color);
        height: 37px;
        justify-content: space-between;
        align-items: center;
        color: #fff
    }

    #scrollIframe .heading-bar>div {
        width: 33.333333%
    }

    #scrollIframe .heading-bar-left i {
        font-size: 18px;
        margin-left: 8px
    }

    #scrollIframe .heading-bar-right {
        justify-content: flex-end
    }

    #scrollIframe .heading-bar-right i {
        font-size: 18px;
        margin-right: 8px
    }

    #scrollIframe .heading-bar-middle span {
        font-size: 14px;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase
    }

    #scrollIframe .closeBar {
        min-width: 50px;
        text-align: right
    }

    #scrollIframe .contentBar {
        padding: 12px 8px
    }

    #scrollIframe .table-setting.d-flex {
        justify-content: space-between;
        align-items: center;
        min-width: 21px;
        color: #070f03;
        margin-bottom: 12px
    }

    #scrollIframe select.select-op {
        width: 100%;
        border: 0;
        height: 32px;
        padding: 7px;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(/build/assets/images/arrow-down.svg) calc(100% - 10px) center no-repeat #d4d4d4;
        background-size: 20px 20px
    }

    .dark select.select-op {
        color: #fff;
        background: url(/build/assets/images/arrow-down-white.png) calc(100% - 10px) center no-repeat #232323;
        background-size: 20px 20px !important
    }

    #scrollIframe #spSettingTL,
    #scrollIframe #spSettingTL #chooseOddsType,
    #scrollIframe #spSettingTZ,
    #scrollIframe #spSettingTZ #chooseTimeZone {
        width: 100%
    }

    #scrollIframe #spSettingTL #chooseOddsType #selectedOddsType,
    #scrollIframe #spSettingTZ #chooseTimeZone #selectedTimeZone {
        width: 100%;
        color: #070f03;
        font-weight: 500
    }

    .dark #spSettingTL #chooseOddsType #selectedOddsType,
    .dark #spSettingTZ #chooseTimeZone #selectedTimeZone {
        width: 100%;
        color: #fff;
        font-weight: 500
    }

    #scrollIframe .mg-d {
        filter: brightness(.3) !important
    }

    .dark .mg-d {
        filter: none !important
    }

    #scrollIframe div#spSettingTL,
    #scrollIframe div#spSettingTZ {
        background-color: #d4d4d4;
        padding: 6px 10px;
        border-radius: 4px
    }

    .dark div#spSettingTL,
    .dark div#spSettingTZ {
        background-color: #232323
    }

    #scrollIframe .st-right .switch .switch-style:before {
        top: 2px;
        width: 17px;
        height: 17px
    }

    #scrollIframe .st-right .switch .switch-style {
        height: 21px;
        margin-top: 0;
        width: 39px;
        background: #717171
    }

    .dark .st-right .switch>input[type=checkbox]+.switch-style {
        background: #717171 !important
    }

    #scrollIframe .st-right .switch>input[type=checkbox]:checked+.switch-style {
        background: linear-gradient(90deg, #0c935d, #022d1c) !important
    }

    #scrollIframe .st-right .theme .theme-style {
        height: 21px;
        width: 39px
    }

    #scrollIframe .soundSetting .selectbox {
        border: 1px solid #b3c5be;
        border-radius: 4px;
        display: flex;
        height: 30px
    }

    #scrollIframe .soundSetting .selectbox span {
        background-color: #d6e4df;
        padding: 0 10px;
        min-width: 27px;
        display: inline-block;
        text-align: center;
        color: #070f03;
        font-size: 14px;
        line-height: 30px;
        border-right: 1px solid #b3c5be
    }

    #scrollIframe .soundSetting .selectbox span.on {
        background-color: #004026;
        color: #fff
    }

    #scrollIframe .soundSetting .selectbox span:last-child {
        border-right: 0
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark,
    body.dark .icon-dark.swiper-menu-icon,
    body.dark .icon-dark.swiper-menu-icon.active-menu,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark {
        display: inline
    }

    body.dark .icon-dark.swiper-menu-icon {
        display: block
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu span {
        color: #d4d4d4 !important
    }

    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #10e18d !important
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu {
        background: #1a1a1a
    }

    #scrollIframe .footer .bottom {
        display: grid !important;
        width: auto;
        padding: 20px 8.5px;
        gap: 16px
    }

    #scrollIframe .footer .bottom-item {
        padding-top: 0 !important;
        gap: 12px;
        display: grid;
        width: auto !important
    }

    #scrollIframe .footer .bottom-item .footer-logo img {
        width: 181px;
        margin-bottom: 0
    }

    #scrollIframe .footer .bottom-item .description {
        color: var(--Monotone-Grey-400, #d4d4d4)
    }

    #scrollIframe .footer .bottom-item-title {
        font-size: 16px !important;
        line-height: 24px !important;
        text-transform: capitalize !important
    }

    #scrollIframe .footer .bottom-item-content ul {
        margin-top: 0 !important;
        gap: 4px;
        display: grid
    }

    #scrollIframe .footer .bottom-item-content ul li {
        margin-bottom: 0 !important;
        gap: 10px
    }

    #scrollIframe .footer .bottom-item-content ul li img {
        width: 20px;
        height: 20px;
        margin-right: 0 !important
    }

    #scrollIframe .footer .bottom-item-content ul li a {
        color: var(--Monotone-Grey-400, #d4d4d4) !important;
        font-size: 14px !important;
        line-height: 20px !important;
        cursor: none !important
    }

    #scrollIframe .footer .bottom-item:last-child .bottom-item-content ul {
        gap: 10px !important
    }

    #scrollIframe .footer .bottom_info {
        padding: 0 0 20px;
        margin: -1px 0 -2px
    }
}

#scrollIframe .loader-none #min {
    height: 100vh
}

html body #scrollIframe #main #left .lrdiv .lrdiv-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 10px 11px;
    line-height: 20px
}

#scrollIframe #right .game-compare.g2 .list-game .game-cmpr .infos .draw-name,
#scrollIframe #right .game-compare.g2 .list-game .game-cmpr .infos .team-name,
#scrollIframe #right .game-compare.g2 .list-game .game-cmpr .infos .team-rate {
    line-height: 10px
}

#scrollIframe .game-compare.g2 .team-rate {
    font-size: 10px
}

#scrollIframe #right .game-compare .list-game .game-cmpr .infos,
#scrollIframe #right .game-compare.g2 .list-game .game-cmpr .infos {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

#scrollIframe .game-compare.g2 .list-game .logos,
#scrollIframe .game-compare.g2 .list-game .logos>div img {
    max-height: 24px !important;
    height: 24px !important;
    overflow: hidden
}

@media only screen and (max-width:1024px) {

    #scrollIframe aside.menuSidebar .swiper-slide a,
    #scrollIframe aside.menuSidebar ul li {
        background: url(/build/assets/images/line_border.svg) bottom center no-repeat
    }

    #scrollIframe aside.menuSidebar,
    #scrollIframe aside.menuSidebar ul li:first-child {
        background: url(/build/assets/images/line_border.svg) top center no-repeat
    }

    #scrollIframe aside.menuSidebar .swiper-slide a span,
    #scrollIframe aside.menuSidebar ul li a span {
        line-height: 1.4;
        margin-top: 3px;
        color: #414141;
        font-size: 10px
    }

    #scrollIframe .cz-handheld-toolbar-item.active-sp .icon_active,
    #scrollIframe .cz-handheld-toolbar-item:hover .icon_active,
    #scrollIframe .menuSidebar,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon {
        display: block
    }

    #scrollIframe .cz-handheld-toolbar {
        display: block;
        position: fixed;
        left: 0;
        height: 66px;
        bottom: 0;
        width: 100%;
        transition: .3s ease-in-out .35s;
        background-color: #00301d !important;
        z-index: 1026
    }

    #scrollIframe .table-layout-fixed {
        table-layout: fixed
    }

    #scrollIframe .w-100 {
        width: 100% !important
    }

    #scrollIframe .d-table {
        display: table !important
    }

    #scrollIframe .cz-handheld-toolbar-item:first-child {
        border-right: 0
    }

    #scrollIframe .cz-handheld-toolbar-item {
        text-align: center
    }

    #scrollIframe .d-table-cell {
        display: table-cell !important
    }

    #scrollIframe .cz-handheld-toolbar-icon {
        display: flex;
        height: 20px;
        justify-content: center;
        font-size: 1.25rem;
        margin-bottom: 8px
    }

    #scrollIframe .cz-handheld-toolbar-icon img {
        height: 20px
    }

    #scrollIframe .cz-handheld-toolbar-label {
        display: block;
        color: #d4d4d4;
        font-size: 10px;
        text-transform: capitalize;
        line-height: 1.4
    }

    #scrollIframe .menu-fixed {
        height: 42px;
        margin: 12px 0
    }

    #scrollIframe .cz-handheld-toolbar-item.active-sp .icon_inactive,
    #scrollIframe .cz-handheld-toolbar-item:hover .icon_inactive,
    #scrollIframe .icon_active,
    #scrollIframe .swiper-slide .menu-icon.icon-blue,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon-active,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon.icon-blue {
        display: none
    }

    #scrollIframe aside.menuSidebar {
        animation: 1s;
        position: fixed;
        top: 82px;
        left: 0;
        z-index: 100;
        width: 84px;
        height: calc(100vh - 182px);
        border-right-width: 1px;
        border-right-style: solid;
        border-image: radial-gradient(transparent, #14935F, transparent) 1
    }

    #scrollIframe aside.menuSidebar .swiper {
        height: 100%;
        width: 70px
    }

    #scrollIframe aside.menuSidebar .containerSideBar {
        width: 70px;
        margin-left: 6px;
        position: relative;
        height: 100%
    }

    #scrollIframe aside.menuSidebar .swiper-slide a {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #scrollIframe aside.menuSidebar .swiper-slide a img,
    #scrollIframe aside.menuSidebar ul li a img {
        height: 24px
    }

    #scrollIframe aside.menuSidebar .swiper-slide a span {
        padding: 0 7px;
        font-weight: 500;
        text-align: center;
        text-transform: capitalize
    }

    #scrollIframe .bg-center {
        border-radius: 50%;
        position: absolute;
        width: 70px;
        left: 0;
        top: 50%;
        margin-top: -33px;
        height: 70px;
        background: #d6e3dd
    }

    #scrollIframe .swiper-slide .menu-text-ellipsis {
        display: inline-block;
        width: 100%;
        max-width: calc(100% - 10px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a span {
        color: #005030
    }

    #scrollIframe aside.menuSidebar ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding: 2px 4px 0
    }

    #scrollIframe aside.menuSidebar ul li.active-side a {
        height: 65px;
        width: 65px;
        max-width: 65px;
        max-height: 65px;
        flex: 1 1 65px;
        padding: 0;
        background: #03452b;
        border-radius: 50%;
        background: linear-gradient(90deg, #03452b, #11a669, #03452b)
    }

    #scrollIframe aside.menuSidebar ul li.active-side a span {
        color: #fff
    }
}

@media only screen and (max-width:390px) {
    #scrollIframe aside.menuSidebar ul li a span {
        font-size: 8px
    }

    #scrollIframe aside.menuSidebar ul li a img {
        height: 18px
    }
}

#scrollIframe #menuMainSw {
    margin-bottom: 9px;
    max-height: 58px;
    overflow: hidden
}

#scrollIframe #menuMainSw .swiper-box {
    display: flex;
    text-decoration: none !important;
    justify-content: center;
    align-items: center;
    height: 44px;
    animation: .5s;
    border-radius: 5px;
    background-color: #00301d
}

#scrollIframe .swiperMenu {
    max-height: 58px;
    overflow: hidden
}

#scrollIframe #menuMainSw .swiper-box span {
    font-size: 14px;
    color: #99b9ac
}

#scrollIframe .container-mix {
    max-width: 1208px;
    margin-right: auto;
    margin-left: auto
}

#scrollIframe #menuMainSw .swiper-box.active span {
    color: #005030 !important;
    font-weight: 700
}

#scrollIframe #menuMainSwSub {
    background-color: var(--second-color);
    border-radius: 4px 4px 0 0
}

#scrollIframe #menuMainSwSub .menu-sub-item {
    padding: 5px 0 2px;
    border-bottom: 3px solid var(--second-color)
}

#scrollIframe #menuMainSwSub .menu-sub-item a {
    display: block;
    width: 100%;
    text-decoration: none;
    line-height: 35px;
    text-align: center;
    border-right: 1px solid #005030
}

#scrollIframe #menuMainSwSub .menu-sub-item a .text-mb {
    color: #fff;
    position: relative;
    font-size: 14px;
    font-weight: 700
}

#scrollIframe #menuMainSwSub .menu-sub-item a .newMark {
    position: absolute;
    right: -100%;
    top: -5px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    font-weight: 400;
    background: #fb2b1c;
    color: #fff;
    padding: 0;
    border-radius: 2px 0;
    z-index: 7;
    width: 28px;
    text-align: center
}

#scrollIframe #main3 #showoptional2 .sotit .cc a,
#scrollIframe #menuMainSwSub .menu-sub-item a .fav_count {
    top: 0
}

#scrollIframe #menuMainSwSub .menu-sub-item.on,
#scrollIframe #menuMainSwSub .menu-sub-item:hover {
    border-bottom-color: #fff;
    background: #337359
}

@media only screen and (max-width:1024px) {
    #scrollIframe .container-mix {
        width: 100%
    }

    #scrollIframe #menuMainSw {
        max-height: 70px;
        margin-bottom: 10px
    }

    #scrollIframe #menuMainSw .swiper-box {
        flex-direction: column;
        height: 70px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px;
        box-sizing: border-box;
        margin-right: 6.5px !important
    }

    #scrollIframe .menuMainSp {
        width: 100%;
        overflow: hidden
    }

    #scrollIframe #menuMainSw .swiper-box-icon {
        width: 30px;
        height: 30px;
        margin-right: 0;
        margin-bottom: 4px
    }

    #scrollIframe #menuMainSw .swiper-box span {
        font-size: 14px;
        text-align: center
    }

    #scrollIframe .sticky {
        margin-top: 200px
    }

    #scrollIframe .sticky #header-wrapper-sp .topBar-sp {
        position: fixed;
        top: 0;
        z-index: 999;
        background-color: var(--primary-color) !important;
        width: 100%
    }

    #scrollIframe .sw001 {
        padding: 0 8px
    }

    #scrollIframe .container-mix.mix-mb,
    #scrollIframe .container-mix.mix-mb #menuMainSwSub {
        background-color: #e6e6e6
    }

    #scrollIframe #menuMainSwSub .swiper-slide {
        width: auto
    }

    #scrollIframe .sub-icon-box {
        text-align: center;
        display: block;
        margin-bottom: 2px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon,
    #scrollIframe .sub-icon-box-icon.sub-icon-box-icon-active {
        display: none
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon.sub-icon-box-icon-active {
        display: inline-block
    }

    #scrollIframe .sub-icon-box,
    #scrollIframe .sub-icon-box img {
        height: 20px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .ct-t {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .text-mb {
        font-size: 10px;
        line-height: 1.1;
        color: #717171;
        display: inline-table;
        width: 100%;
        text-align: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a {
        border-right: 0;
        display: flex;
        width: 100%;
        line-height: 14px;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item {
        background-color: #f2f2f2;
        padding: 6px;
        border-bottom: 0;
        width: 63px;
        height: 51px;
        align-items: center;
        flex-shrink: 0;
        border-radius: 4px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .fav_count {
        position: unset;
        display: block;
        margin-left: 50%;
        transform: translate(-50%)
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on,
    #scrollIframe #menuMainSwSub .menu-sub-item:hover {
        background: #e9f6f1
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on a .text-mb {
        color: #005030
    }

    #scrollIframe .d-block {
        display: block !important
    }

    #scrollIframe .d-flex {
        display: flex !important
    }

    #scrollIframe #app6in1 .ptsx-coner,
    #scrollIframe .d-none {
        display: none !important
    }

    #scrollIframe ::-webkit-scrollbar {
        width: 2px;
        height: 0
    }

    #scrollIframe ::-webkit-scrollbar-track {
        background: 0 0
    }

    #scrollIframe ::-webkit-scrollbar-thumb {
        background: 0 0
    }

    #scrollIframe ::-webkit-scrollbar-thumb:hover {
        background: 0 0
    }

    #scrollIframe table {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #scrollIframe html *,
    #scrollIframe html :hover {
        cursor: unset !important
    }
}

@media only screen and (max-width:768px) {
    #scrollIframe #introduce1 {
        white-space: break-spaces
    }

    body #scrollIframe .mcontent.Schedule #main #min {
        padding-top: 10px
    }

    #scrollIframe .add-div .add-info2:hover:after {
        right: 0;
        left: unset
    }

    .dark #game-rate .odds-badge.odds-badge_ {
        background-color: #13553a !important
    }

    .dark #game-rate .odds-badge {
        background-color: #2b3a34 !important
    }

    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name {
        text-wrap: wrap !important;
        line-height: 1.3
    }

    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team {
        height: 30px
    }

    #scrollIframe #info .data:not(#mainTitle):not(#lastUpdateTime) table.scorestats tr:first-of-type th:nth-of-type(2),
    #scrollIframe #info .data:not(#mainTitle):not(#lastUpdateTime) table.scorestats tr:nth-of-type(2) th:first-of-type {
        position: sticky
    }

    body #scrollIframe #main #table_live tr[id^=tr1_].tds .status-time-match {
        top: 58px !important
    }

    #scrollIframe .main-content {
        padding: 0 8px 84px
    }

    #scrollIframe #min .tools ul li {
        flex-basis: 50%
    }

    body #scrollIframe #min #tools ul {
        flex-wrap: nowrap !important
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp {
        padding: 0 1.5px 0 8px
    }

    #scrollIframe .bottomBar-sp {
        padding: 11px 1.5px 8px 8px
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu {
        padding: 5px
    }

    #scrollIframe #menuMainSw .swiper-box {
        flex-direction: column;
        height: 58px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px
    }

    #scrollIframe .menuMainSp {
        width: 100%;
        overflow: hidden
    }

    #scrollIframe #menuMainSw .swiper-box-icon {
        width: 28px;
        height: 28px;
        margin-right: 0;
        margin-bottom: 4px
    }

    #scrollIframe #menuMainSw .swiper-box span {
        font-size: 10px;
        text-align: center
    }
}

#scrollIframe .d-lg-flex {
    display: flex !important
}

#scrollIframe button:active,
#scrollIframe button:focus,
#scrollIframe button:focus-visible,
#scrollIframe button:focus-within,
#scrollIframe button:hover,
#scrollIframe button:target,
#scrollIframe button:visited,
#scrollIframe textarea input:active,
#scrollIframe textarea input:focus,
#scrollIframe textarea input:focus-visible,
#scrollIframe textarea input:focus-within,
#scrollIframe textarea input:hover,
#scrollIframe textarea input:target,
#scrollIframe textarea input:visited {
    outline: unset
}

#scrollIframe input:-webkit-autofill:active,
#scrollIframe input:-webkit-autofill:focus,
#scrollIframe input:-webkit-autofill:hover,
#scrollIframe textarea:-webkit-autofill:active,
#scrollIframe textarea:-webkit-autofill:focus,
#scrollIframe textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out;
    transition: background-color 5000s ease-in-out 9999s;
    -webkit-text-fill-color: transparent !important
}

#scrollIframe #showFilterBox,
#scrollIframe #showoptional2 {
    width: 508px;
    top: 36px;
    background-color: #f2f2f2 !important
}

#scrollIframe #showFilterBox .sotit,
#scrollIframe #showoptional2 .sotit {
    color: #070f03;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    padding: 12px 0;
    background: #e6e6e6;
    border-bottom: 1px solid #fff !important
}

#scrollIframe #showFilterBox .rbl,
#scrollIframe #showoptional2 .rbl {
    border-bottom: 0;
    background-color: #d4d4d4 !important;
    scrollbar-width: none;
    gap: 12px;
    overflow-x: auto;
    padding: 3px
}

#scrollIframe #showFilterBox .sotit .cc,
#scrollIframe #showoptional2 .sotit .cc {
    position: absolute;
    right: 14px;
    top: 14px;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #717171
}

#scrollIframe #showFilterBox .sotit .cc a,
#scrollIframe #showoptional2 .sotit .cc a {
    position: relative;
    right: unset;
    top: unset;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

#scrollIframe #showFilterBox .sotit .cc a:after,
#scrollIframe #showFilterBox .sotit .cc a:before,
#scrollIframe #showoptional2 .sotit .cc a:after,
#scrollIframe #showoptional2 .sotit .cc a:before {
    position: absolute;
    content: "";
    width: calc(100% - 6px);
    height: 1px;
    top: 0;
    left: 0;
    background-color: #717171;
    right: 0;
    bottom: 0;
    margin: auto
}

#scrollIframe #showFilterBox .sotit .cc div,
#scrollIframe #showoptional2 .sotit .cc div {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#scrollIframe #showFilterBox .sotit .cc div:before,
#scrollIframe #showoptional2 .sotit .cc div:before {
    position: absolute;
    content: "";
    width: calc(100% - 6px);
    height: 1px;
    background-color: #717171;
    transform: rotate(45deg)
}

#scrollIframe #showFilterBox .sotit .cc div:after,
#scrollIframe #showoptional2 .sotit .cc div:after {
    position: absolute;
    content: "";
    width: calc(100% - 6px);
    height: 1px;
    background-color: #717171;
    transform: rotate(-45deg)
}

#scrollIframe #showoptional2 .rbl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 17.5px 24px 0;
    border-radius: 60px
}

#scrollIframe #showFilterBox .rbl .el-radio>input[type=radio]+.el-radio-style,
#scrollIframe #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
    color: #070f03;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 8px;
    white-space: nowrap
}

#scrollIframe #showFilterBox .rbl .el-radio>input[type=radio]:checked+.el-radio-style,
#scrollIframe #showoptional2 .rbl .el-radio>input[type=radio]:checked+.el-radio-style {
    color: var(--Monotone-Grey-300, #e6e6e6);
    font-weight: 500;
    line-height: var(--font-line-height-s12, 18px);
    background: var(--dneil-main, #005030);
    border: 0
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) {
    border: 0;
    padding: 0 24px 5px;
    margin: 11px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e1dfdf;
    gap: 8px;
    background: 0 0
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) label {
    flex-grow: 1;
    color: #070f03;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) span {
    margin: 0;
    padding: 0;
    background: 0 0;
    position: relative;
    display: block;
    height: unset;
    border: 0;
    line-height: 25px;
    box-sizing: border-box
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) span label {
    border-radius: 4px;
    padding: 0 7px;
    line-height: 25px;
    box-sizing: border-box;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    display: block;
    color: #969494;
    border: 1px solid #969494
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) span input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    box-shadow: unset;
    outline: unset;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8
}

#scrollIframe #showoptional2 .bts:nth-of-type(3) span input:checked+label {
    border: 1px solid #005030 !important;
    color: var(--dneil-main, #005030)
}

#scrollIframe #showoptional2 .bts:nth-of-type(6) {
    border-top: 1px solid #e1dfdf;
    padding: 8px 24px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: 0 0
}

#scrollIframe #showFilterBox .bts .bts-inner,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .bts-inner {
    flex-grow: 1
}

#scrollIframe #showFilterBox .bts .select-all,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all {
    display: flex;
    align-items: center;
    justify-self: start;
    position: relative;
    max-width: 100px
}

#scrollIframe #showFilterBox .bts .select-all input,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#scrollIframe #goalTable input[type=checkbox]:before,
#scrollIframe #showFilterBox .bts .select-all input:before,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all input:before {
    background-image: url(/build/assets/images/uncheck-square.svg);
    position: absolute;
    content: "";
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
    margin: auto 0
}

#scrollIframe #showFilterBox .bts .select-all input:checked:before,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all input:checked:before,
.dark #showFilterBox .bts .select-all input:checked:before,
.dark #showoptional2 .bts:nth-of-type(6) .select-all input:checked:before {
    background-image: url(/build/assets/images/check-square.svg)
}

#scrollIframe #showFilterBox .bts .select-all span,
#scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all span {
    padding: 0;
    background: 0 0;
    border: 0;
    color: #070f03;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    height: unset;
    margin: 0 0 0 20px
}

#scrollIframe #showFilterBox .bts #button,
#scrollIframe #showoptional2 .bts:nth-of-type(6) #button {
    border-radius: 8px;
    background-color: #9f2c09 !important;
    color: var(--Monotone-Grey-0, #fff);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 5px 12px;
    height: unset;
    width: 140px
}

#scrollIframe #showFilterBox #OddsFilter .goalTitle,
#scrollIframe #showoptional2 #myleague2 .fg_Title {
    font-size: 16px;
    background-color: transparent;
    color: #070f03;
    line-height: 18px;
    font-weight: 600;
    font-family: Inter;
    text-transform: uppercase;
    font-style: normal
}

#scrollIframe #showoptional2 #myleague2 {
    max-height: 170px;
    padding: 12px 24px;
    background: 0 0
}

#scrollIframe #showoptional2 #myleague2 .fg_Title {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    float: unset;
    width: 100%
}

#scrollIframe #showoptional2 #myleague2 .fg_Item {
    float: unset;
    width: calc(50% - 6px);
    padding: 5px 0;
    flex: none;
    margin: 0;
    border: 0;
    border-radius: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#scrollIframe #showoptional2 #myleague2 .fg_Item input[type=checkbox] {
    opacity: 1;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: unset;
    box-shadow: unset;
    outline: unset;
    background: 0 0;
    color: transparent;
    margin: -2px 4px 0 0
}

#scrollIframe #goalTable ul li input[type=checkbox]:checked:before,
#scrollIframe #showFilterBox #OddsFilter table tr td input[type=checkbox]:before,
#scrollIframe #showFilterBox #OddsFilter table tr td input[type=checkbox]:checked:before,
#scrollIframe #showoptional2 #myleague2 .fg_Item input[type=checkbox]:before,
#scrollIframe #showoptional2 #myleague2 .fg_Item input[type=checkbox]:checked:before {
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
    margin: auto 0
}

#scrollIframe #showFilterBox #OddsFilter table tr td,
#scrollIframe #showoptional2 #myleague2 .fg_Item label,
#scrollIframe #showoptional2 #myleague2 .fg_Item span {
    color: #070f03 !important;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

#scrollIframe #showFilterBox .rbl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto;
    border-radius: 60px;
    max-width: 200px
}

@media (min-width:1000px) {
    #scrollIframe .nation-row-items-item-logo {
        min-height: 86px
    }
}

#scrollIframe #showFilterBox #OddsFilter {
    padding: 0 24px;
    background: 0 0
}

#scrollIframe #showFilterBox #OddsFilter #goalTable {
    max-height: 230px;
    background: 0 0;
    overflow-x: hidden;
    overflow-y: auto
}

#scrollIframe #showFilterBox #OddsFilter #goalTable::-webkit-scrollbar-track {
    background-color: #ddd
}

#scrollIframe #showFilterBox #OddsFilter #goalTable::-webkit-scrollbar {
    width: 8px
}

#scrollIframe #showFilterBox #OddsFilter #goalTable::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
    border: 2px solid #ddd;
    border-radius: 30px;
    overflow: hidden
}

#scrollIframe #showFilterBox #OddsFilter .goalTitle {
    padding: 0;
    margin-top: 16px;
    margin-bottom: 10px;
    border: 0
}

#scrollIframe #showFilterBox #OddsFilter .goalTitle:first-of-type {
    margin-top: 4px
}

#scrollIframe #showFilterBox #OddsFilter table {
    width: 100%;
    margin-bottom: 10px
}

#scrollIframe #showFilterBox #OddsFilter table tr td input[type=checkbox] {
    opacity: 1;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: unset;
    box-shadow: unset;
    outline: unset;
    background: 0 0;
    color: transparent;
    margin: 0 4px 0 0
}

#scrollIframe #showFilterBox #OddsFilter table tr td:nth-of-type(odd) {
    width: 16px
}

#scrollIframe #showFilterBox #OddsFilter table tr td:nth-of-type(2n) {
    width: calc(25% - 16px);
    padding-right: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#scrollIframe #showFilterBox #OddsFilter table tr:hover td,
#scrollIframe .bxh-110 .custom-options.scroll-custom.show:hover .active,
#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner:hover .option.active,
.dark #showFilterBox #OddsFilter table tr:hover td,
body.dark .bxh-110 .custom-options.scroll-custom.show:hover .active {
    background-color: transparent
}

#scrollIframe #showFilterBox #StreaksFilter .item {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px
}

#scrollIframe #showFilterBox #StreaksFilter .item .name {
    color: #070f03;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    text-align: left;
    flex-grow: 1
}

#scrollIframe #showFilterBox #StreaksFilter .item .ef-radio .ef-radio-style {
    border-radius: 4px;
    border: 1px solid var(--dneil-main, #005030);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    background: 0 0
}

#scrollIframe #showFilterBox #StreaksFilter .item .ef-radio .ef-radio-style:hover {
    border-color: #068452;
    font-weight: 700
}

#scrollIframe #showFilterBox #StreaksFilter .item .ef-radio input:checked+.ef-radio-style {
    background: 0 0;
    border-color: #068452;
    font-weight: 700;
    color: unset
}

#scrollIframe #showFilterBox #countBox,
#scrollIframe #showFilterBox .bt-selected {
    color: #070f03;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 0;
    border-top: 1px solid #e1dfdf;
    border-bottom: 1px solid #e1dfdf;
    text-align: center;
    display: block;
    width: 100%
}

#scrollIframe #showFilterBox #countBox #conditionNum,
#scrollIframe #showFilterBox #countBox #oddsNum,
#scrollIframe #showFilterBox .bt-selected #conditionNum,
#scrollIframe #showFilterBox .bt-selected #oddsNum {
    color: #078754;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

#scrollIframe #showFilterBox .bts {
    padding: 8px 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: 0 0;
    border: 0
}

.dark #showFilterBox,
.dark #showoptional2,
body.dark .mcontent.page-sixinone #teammain-6in1 #showoptional2 {
    background-color: #000 !important
}

.dark #showoptional2 .sotit {
    background: #0d0d0d;
    color: #fff;
    border-bottom: 1px solid #32302f !important
}

.dark #showFilterBox .sotit .cc a:after,
.dark #showFilterBox .sotit .cc a:before,
.dark #showoptional2 .sotit .cc a:after,
.dark #showoptional2 .sotit .cc a:before {
    background-color: #717171
}

.dark #showFilterBox .rbl,
.dark #showoptional2 .rbl {
    background: linear-gradient(90deg, #292929 90%, #10160e) !important
}

.dark #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
    color: #bbb;
    background: 0 0
}

.dark #showFilterBox .rbl .el-radio>input[type=radio]:checked+.el-radio-style,
.dark #showoptional2 .rbl .el-radio>input[type=radio]:checked+.el-radio-style {
    color: var(--Monotone-Grey-300, #e6e6e6);
    background: var(--dneil-main, #005030)
}

.dark #showoptional2 .bts:nth-of-type(3) {
    border-bottom: 1px solid #1e2429
}

.dark #showoptional2 .bts:nth-of-type(3) span label {
    color: #d4d4d4;
    border: 1px solid #1e2429
}

.dark #showoptional2 .bts:nth-of-type(3) span input:checked+label {
    border: 1px solid #10e18d !important;
    color: var(--dneil-main, #10e18d)
}

.dark #showoptional2 .bts:nth-of-type(6) {
    border-top: 1px solid #1e2429
}

.dark #showFilterBox .bts .select-all input:before,
.dark #showoptional2 .bts:nth-of-type(6) .select-all input:before {
    background-image: url(/build/assets/images/uncheck-square.svg)
}

.dark #showFilterBox .bts #button,
.dark #showoptional2 .bts:nth-of-type(6) #button {
    background-color: #9f2c09 !important;
    color: var(--Monotone-Grey-0, #fff)
}

.dark #showFilterBox #OddsFilter table tr td,
.dark #showoptional2 #myleague2 ul li label,
.dark #showoptional2 #myleague2 ul li span,
.dark .filterLi2.xz .dropdown-menu .option,
body.dark #goalTable ul li {
    color: #d4d4d4 !important
}

.dark #showFilterBox .sotit {
    color: #fff;
    background: #0d0d0d;
    border-bottom: 1px solid #32302f !important
}

.dark #showFilterBox #OddsFilter #goalTable::-webkit-scrollbar-track {
    background-color: #414141
}

.dark #showFilterBox #OddsFilter #goalTable::-webkit-scrollbar-thumb {
    background-color: #9c9c9c;
    border: 2px solid #414141
}

.dark #showFilterBox #StreaksFilter .item .ef-radio .ef-radio-style {
    color: #fff;
    border: 1px solid var(--dneil-main, #005030)
}

.dark #showFilterBox #StreaksFilter .item .ef-radio .ef-radio-style:hover,
.dark #showFilterBox #StreaksFilter .item .ef-radio input:checked+.ef-radio-style {
    border-color: #0eac6d;
    color: #0eac6d
}

.dark #showFilterBox #countBox,
.dark #showFilterBox .bt-selected {
    color: #fff;
    border-top: 1px solid #1e2429;
    border-bottom: 1px solid #1e2429
}

.dark #showFilterBox #countBox #conditionNum,
.dark #showFilterBox #countBox #oddsNum,
.dark #showFilterBox .bt-selected #conditionNum,
.dark #showFilterBox .bt-selected #oddsNum {
    color: #0eac6d
}

#scrollIframe .game-compare {
    background: #fff;
    margin-bottom: 15px;
    border-radius: 4px
}

#scrollIframe .game-compare .news .thumb {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    overflow: hidden
}

#scrollIframe .game-compare .news .title {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    color: #414141;
    padding: 7px 0
}

#scrollIframe .game-compare .news .direct {
    display: flex;
    justify-content: flex-start;
    font-family: Inter;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    color: #337359;
    margin-bottom: 15px
}

#scrollIframe .game-compare .news .direct img {
    width: 12px;
    height: 12pX;
    margin-left: 3px
}

#scrollIframe .game-compare .title-tm {
    padding: 10px 10px 0;
    font-size: 14px;
    font-weight: 600;
    text-align: left
}

#scrollIframe .game-compare .list-game .game-cmpr {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    cursor: pointer
}

#scrollIframe .game-compare .list-game .logos {
    display: flex;
    margin-bottom: 10px
}

#scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li img,
#scrollIframe .game-compare .list-game .logos>div {
    width: 24px;
    height: 24px
}

#scrollIframe .game-compare .list-game .logos>span {
    font-size: 17px;
    margin: 0 3px
}

#scrollIframe .game-compare .list-game .t-r {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    line-height: 16px
}

#scrollIframe .game-compare .list-game .t-r .team-name {
    font-size: 10px;
    font-weight: 700;
    color: #de6c48;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 90%;
    line-height: 14px !important
}

#scrollIframe .game-compare .list-game .comment-team-away .team-name,
.dark .game-compare .list-game .comment-team-away .team-name {
    color: #e4a80f
}

#scrollIframe .game-compare .list-game .t-r .draw-name {
    font-weight: 700;
    font-size: 10px;
    color: #717171
}

#scrollIframe .game-compare .list-game .game-des {
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    color: #9a9a9a;
    margin-bottom: 6px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.dark .game-compare .news .title {
    color: #414141
}

.dark .game-compare .list-game .game-cmpr {
    border-bottom: 1px solid #000
}

#scrollIframe .game-compare .list-game .logos>span,
.dark .game-compare .list-game .draw-name,
.dark .game-compare .list-game .game-des,
.dark .game-compare .list-game .team-rate {
    color: #9a9a9a
}

#scrollIframe .filterLi2.xz {
    width: 125px;
    padding: 0 !important;
    margin: 0 !important;
    border: none
}

#scrollIframe .filterLi2.xz .dropdown {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

#scrollIframe .filterLi2.xz .dropdown-toggle {
    background-color: #e5e5e5;
    border: 1px solid #bbb;
    padding: 0 30px 0 10px;
    cursor: pointer;
    height: 100%;
    border-radius: 60px;
    width: 100%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #414141;
    font-size: 12px;
    font-weight: 500;
    font-family: Inter, sans-serif
}

#scrollIframe .filterLi2.xz.on .dropdown-toggle {
    background-color: var(--primary-color);
    color: #fff
}

#scrollIframe .filterLi2.xz .dropdown-toggle:hover:after,
#scrollIframe .filterLi2.xz.active .dropdown-toggle:after,
#scrollIframe .filterLi2.xz.on .dropdown-toggle:after,
.dark .filterLi2.xz .dropdown-toggle:after,
.dark .filterLi2.xz .dropdown-toggle:hover:after,
.dark .filterLi2.xz.active .dropdown-toggle:after {
    filter: brightness(10)
}

#scrollIframe .filterLi2.xz .dropdown-toggle:after {
    content: "";
    background-image: url(/build/assets/images/icon_arrow_down.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%)
}

#scrollIframe .filterLi2.xz .dropdown-toggle:hover,
#scrollIframe .filterLi2.xz.active .dropdown-toggle,
.dark .filterLi2.xz .dropdown-toggle:hover,
.dark .filterLi2.xz.active .dropdown-toggle {
    background-color: var(--primary-color);
    color: var(--text-white);
    transition: unset
}

#scrollIframe .filterLi2.xz .dropdown-menu {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px #0003;
    z-index: 2;
    list-style-type: none;
    border-radius: 4px;
    top: 34px;
    padding: 4px 0
}

#scrollIframe .filterLi2.xz .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-bottom: 4.5px solid #fff;
    border-right: 5px solid transparent
}

#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner {
    max-height: 145px;
    overflow-y: auto;
    padding: 0
}

#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option {
    font-family: Inter;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 2px 0;
    color: #000;
    font-weight: 500;
    cursor: pointer
}

#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option a {
    width: 100%;
    display: block
}

#scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option a:hover {
    color: #000;
    text-decoration: unset
}

#scrollIframe .filterLi2.xz .dropdown-menu li a {
    color: #000;
    text-decoration: none;
    display: block
}

#scrollIframe .filterLi2.xz .dropdown-menu li a:hover,
.dark .filterLi2.xz .dropdown-menu li a:hover {
    background-color: #f1f1f1
}

.dark .filterLi2.xz .dropdown-toggle {
    background-color: #030405;
    border: 1px solid #0c1e03;
    color: #d4d4d4
}

.dark .filterLi2.xz .dropdown-menu {
    background-color: #030405
}

.dark .filterLi2.xz .dropdown-menu:before {
    border-bottom-color: #030405
}

#scrollIframe .custom-select-wrapper .custom-options {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    border-radius: 5px;
    background-color: #f2f2f2;
    display: none;
    flex-wrap: wrap;
    z-index: 9
}

#scrollIframe .custom-select-wrapper .custom-options:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translate(-50%);
    width: 15px;
    height: 10px;
    background-image: url(/assets/football-vn/images/option-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position: center
}

#scrollIframe .custom-select-wrapper .custom-options div {
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    color: #070f03;
    font-size: 10px;
    font-weight: 500
}

#scrollIframe .custom-select-wrapper .custom-options a:hover,
#scrollIframe .custom-select-wrapper .custom-options div:hover,
#scrollIframe .custom-select-wrapper .selected {
    background: #e6e6e6
}

#scrollIframe .custom-select-wrapper .custom-options a {
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    width: calc(100% - 20px);
    color: #070f03;
    font-size: 10px;
    font-weight: 500;
    display: block
}

#scrollIframe .white-select {
    background: #f2f2f2 !important
}

#scrollIframe .white-select .correct-score-select-02 {
    background: #f2f2f2 !important;
    color: #030405 !important
}

#scrollIframe .white-select:after {
    filter: grayscale(100%) brightness(0%) !important
}

#scrollIframe .custom-select-wrapper {
    font-size: 10px;
    width: 100px;
    background: #5b1905;
    border-radius: 4px;
    position: relative;
    margin-bottom: 16px;
    margin-top: 10px;
    line-height: 32px
}

#scrollIframe .custom-select-wrapper .correct-score-select-02 {
    height: 32px;
    background: #5b1905;
    color: #fff;
    padding-left: 10px;
    border-bottom: none;
    border-radius: 4px
}

#scrollIframe .custom-select-02:after,
#scrollIframe .custom-select-wrapper:after {
    position: absolute;
    height: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    top: 50%;
    content: ""
}

#scrollIframe .custom-select-wrapper:after {
    right: 10px;
    width: 10px;
    background-image: url(/assets/images/arrow_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.dark .custom-select-wrapper .custom-options:after {
    background-image: url(/assets/football-vn/images/option-arrow-black.svg)
}

.dark .white-select .correct-score-select-02 {
    background: #070f03 !important;
    color: #fff !important
}

.dark .white-select:after {
    filter: brightness(0) invert(1) !important
}

.dark .white-select .selected {
    background: #565454
}

#scrollIframe #main .idx-favorite .custom-select-02,
#scrollIframe #main .idx-homepage .custom-select-02,
#scrollIframe #main .idx-resultpage .custom-select-02 {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding-right: 16px
}

#scrollIframe .custom-select-02 {
    position: relative;
    font-size: 12px;
    border-bottom: 1px solid #414141;
    color: #030405;
    cursor: pointer
}

#scrollIframe .custom-select-02 .custom-options {
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
    background: #ebebeb;
    color: #030405;
    text-align: left;
    display: none;
    z-index: 11;
    box-shadow: 0 0 8px #05061e40
}

#scrollIframe .bxh-110 .custom-options div,
#scrollIframe .custom-select-02 .custom-options div {
    border-bottom: 1px solid #f2f2f2;
    padding: 4px 14px;
    cursor: pointer;
    background: #fff;
    transition: .175s linear;
    color: #414141
}

#scrollIframe .custom-select-02 .custom-options div.selected,
#scrollIframe .custom-select-02 .custom-options div:hover {
    color: #070f03;
    background: #e3f1eb;
    font-weight: 500
}

#scrollIframe .custom-select-02 .custom-select {
    min-height: 16px;
    padding-right: 14px
}

.dark .custom-select-02 .custom-options {
    background: #030405;
    color: #ebebeb;
    box-shadow: 0 0 8px #787bbd40
}

.dark .custom-select-02 .custom-options div {
    background-color: #1a1919;
    border-bottom: 1px solid #000;
    color: #f2f2f2
}

.dark .custom-select-02 .custom-options div.selected,
.dark .custom-select-02 .custom-options div:hover {
    background: #00301d
}

.dark .custom-select-02 .custom-select {
    color: #ebebeb
}

#scrollIframe .custom-select-02:after {
    right: 0;
    width: 10px;
    background-image: url(/assets/football-vn/images/ar-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

#scrollIframe .banner_filter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 13px
}

#scrollIframe a.banner-sw-block img {
    max-height: 52px;
    object-fit: contain
}

#scrollIframe .mt-6px-ads,
#scrollIframe .mt-ads {
    margin-top: 12px
}

#scrollIframe .mb-6px-ads,
#scrollIframe .mb-ads {
    margin-bottom: 12px
}

#scrollIframe .text-banner {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #0e35ea;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 900;
    line-height: 20px !important;
    background-color: #fff1e4
}

#scrollIframe .text-banner.blue {
    color: #0e35ea
}

#scrollIframe .text-banner.red {
    color: #c00e0e
}

@media (max-width:1024px) {

    #scrollIframe #AdLayer1,
    #scrollIframe #AdLayer2,
    #scrollIframe #ad_middle_bottom,
    #scrollIframe #ad_right_1,
    #scrollIframe #bottomFly,
    #scrollIframe #div_ad_float,
    #scrollIframe #div_survey,
    #scrollIframe .ad_m {
        display: none !important
    }

    #scrollIframe .search-area-mobile {
        display: flex;
        gap: 10px;
        justify-content: space-between
    }

    body #scrollIframe .menu-search-mobile #change_233 {
        margin-bottom: unset !important;
        height: 30px !important;
        width: 100% !important;
        padding-left: 10px !important;
        box-sizing: border-box
    }

    body #scrollIframe #container #info .search-area-mobile .select__menu {
        width: 100% !important
    }

    #scrollIframe .search-area-mobile .filterLi2.xz {
        width: 100% !important;
        min-width: 139px;
        flex: unset !important
    }

    #scrollIframe .menu-search-mobile {
        width: 100%;
        position: relative;
        height: 30px;
        min-width: 139px
    }

    #scrollIframe .menu-search-mobile svg {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    .dark .menu-search-mobile svg {
        filter: brightness(100)
    }

    body #scrollIframe .search-area-mobile #change_233:focus {
        background-color: #fff !important
    }

    body.dark .search-area-mobile #change_233:focus {
        background-color: #151515 !important
    }

    body #scrollIframe .search-area-mobile #info.database {
        margin-top: -6px
    }

    #scrollIframe .banner_filter {
        grid-template-columns: repeat(1, 1fr)
    }

    #scrollIframe .tr-banner {
        height: auto !important;
        display: block
    }

    #scrollIframe .tr-banner+tr>td,
    #scrollIframe .tr-banner>td {
        border-top: 0 !important;
        display: block
    }
}

#scrollIframe #AdLayer4 a,
#scrollIframe #logoSpan,
#scrollIframe #top .weblogo.vn {
    height: 36px
}

#scrollIframe #logoSpan .weblogo,
#scrollIframe #top .weblogo.vn .weblogo {
    width: fit-content;
    max-width: 189px
}

#scrollIframe #logoSpan:after,
#scrollIframe #top .weblogo.vn:after {
    left: 40px
}

#scrollIframe #top .top {
    padding-top: 16px;
    padding-bottom: 16px
}

#scrollIframe #table_live #CompanySel {
    padding-right: 0
}

#scrollIframe #table_live .status-time-match .read-more-popover {
    color: #20be7f !important
}

#scrollIframe .main-content.cup-match #showFilterBox #OddsFilter .goalTitle {
    line-height: 24PX
}

#scrollIframe .main-content.cup-match #min .home__content p {
    margin-bottom: 8px
}

#scrollIframe .main-content.cup-match #min .box-white .box-title {
    margin-bottom: 8px;
    font-weight: 600
}

#scrollIframe .main-content.cup-match #info #i_main2 .unaccept-newversion #favTeamIcon .icon:before {
    top: 4px;
    left: 72%
}

#scrollIframe #showRound-mobile .swiperMenu {
    overflow-x: auto
}

#scrollIframe .main-content.cup-match #info #databaseLeagueFilter .database_league_filter--dropdown {
    height: 100%;
    background: #fff;
    border-radius: 4px
}

#scrollIframe .main-content.cup-match .loginPage {
    padding: 50px 0 !important
}

#scrollIframe .main-content.cup-match .loginPage .onMobile .back-btn {
    z-index: 2;
    position: relative
}

#scrollIframe .main-content.cup-match #account {
    position: relative;
    padding-top: 20px;
    padding-bottom: 32px;
    margin-bottom: -32px
}

#scrollIframe .main-content.cup-match #account .account__border {
    max-width: 839px;
    margin: 0 auto;
    border-radius: 8px;
    background: var(--Monotone-Grey-0, #fff);
    padding: 30px;
    display: flex;
    gap: 47px
}

#scrollIframe .main-content.cup-match #account .account__left {
    width: 211px
}

#scrollIframe .main-content.cup-match #account .account__left--info .avt {
    text-align: center;
    position: relative;
    height: 140px;
    margin-bottom: 16px
}

#scrollIframe .main-content.cup-match #account .account__left--info .avt__img {
    width: 140px;
    height: 140px;
    border-radius: 140px
}

#scrollIframe .main-content.cup-match #account .account__left--info .avt__ellipse {
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 8px;
    right: 43px;
    cursor: pointer
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__name {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__description {
    color: var(--Monotone-Grey-800, #414141);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    display: none
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__logout {
    display: flex;
    width: 158px;
    height: 24px;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background-color: transparent;
    color: #005030;
    border: 1px solid #005030;
    flex-flow: nowrap;
    margin: auto;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__logout:hover {
    background: var(--New-Color-05, #005030);
    border: 1px solid transparent;
    color: var(--Monotone-Grey-0, #fff);
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__logout:hover .user__logout--icon {
    filter: none;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__left--info .user__logout .user__logout--icon {
    filter: invert(48%) sepia(202%) saturate(6607%) hue-rotate(130deg) brightness(54%) contrast(100%);
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__right {
    border-left: 1px solid #e6e6e6;
    padding-left: 30px;
    width: 544px;
    gap: 16px;
    display: grid
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .title {
    color: var(--Monotone-Grey-900, #070f03);
    font-feature-settings: "liga" off, "clig" off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.5px;
    margin-bottom: 12px
}

#scrollIframe .hover-in-a-container,
#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row,
#scrollIframe .nav_select_bra_right {
    position: relative
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--icon {
    position: absolute;
    left: 11px;
    top: 13px;
    z-index: 2;
    height: 20px;
    width: 20px
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input {
    display: flex;
    padding: 10px 12px 10px 36px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--Monotone-Grey-400, #d4d4d4);
    margin-bottom: 12px;
    width: calc(100% - 48px);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -.5px
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input:focus-visible {
    outline: 0
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input::placeholder {
    color: var(--Monotone-Grey-700, #717171);
    font-feature-settings: "liga" off, "clig" off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -.5px
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--submit {
    display: flex;
    width: 160px;
    height: 40px;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border: none;
    margin: auto;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--submit:hover {
    background: #9f2c09 !important;
    color: var(--Monotone-Grey-0, #fff) !important;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.send-code {
    gap: 16px;
    display: flex
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.send-code .form__row--submit {
    width: 100px;
    height: 44px;
    margin: 0
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--input {
    padding: 10px 42px 10px 36px;
    width: calc(100% - 78px)
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye {
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    cursor: pointer
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide {
    display: inline
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.show {
    display: block
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.hidden {
    display: none
}

#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon {
    height: 16px;
    width: 16px;
    position: unset
}

#scrollIframe #filter-box-on-mobile,
#scrollIframe #matchBox,
#scrollIframe #view-tap-top.sub_menu,
#scrollIframe .hide,
#scrollIframe .left_list img,
#scrollIframe .live-table-w-content,
#scrollIframe .live-w-content,
#scrollIframe .live-w-content-bot,
#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.show,
#scrollIframe .other-leagues .nation .nation-leagues,
#scrollIframe .second-version .tdlink.lh17 tr .link-v2 img.logo-team-fixture,
#scrollIframe .td-logo-team,
#scrollIframe .theme-div input,
#scrollIframe .website-team .noitem,
#scrollIframe .website-team a.hide .left_font,
.main-content.cup-match #account .popup__logout--border .icon.dark,
body #scrollIframe footer .footer-container .bottom .about-footer .footer-logo:after,
body.dark .main-content.cup-match #account .account__left--info .avt__ellipse,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--icon,
body.dark .main-content.cup-match #account .popup__logout--border .icon {
    display: none
}

#scrollIframe .data.page-schedule.cup-match #SubSelectDiv,
#scrollIframe .info_nav li a,
#scrollIframe .league-responsive #SubSelectDiv,
#scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.hidden,
body.dark .main-content.cup-match #account .account__left--info .avt__ellipse.dark,
body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--icon.dark,
body.dark .main-content.cup-match #account .popup__logout--border .icon.avt,
body.dark .main-content.cup-match #account .popup__logout--border .icon.dark {
    display: block
}

#scrollIframe .main-content.cup-match #account .popup__logout {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    transition: .2s;
    z-index: 2
}

#scrollIframe .main-content.cup-match #account .popup__logout.hidden {
    display: none;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .popup__logout--background {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: var(--Monotone-Grey-300, #e6e6e6);
    opacity: .7
}

#scrollIframe .main-content.cup-match #account .popup__logout--border {
    border-radius: var(--Radius-border-radius-base, 4px);
    background: var(--Monotone-Grey-300, #e6e6e6);
    box-shadow: 4px 4px 30px #11132c1a;
    width: 404px;
    height: fit-content;
    opacity: 1;
    z-index: 2;
    position: absolute;
    padding: 24px;
    left: calc(50% - 226px);
    top: 28%;
    text-align: center
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .icon {
    margin: 0 auto 20px
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .text {
    color: #414141;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 24px
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .button {
    display: flex;
    gap: 12px;
    justify-content: center
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom {
    display: flex;
    width: 136px;
    height: 28px;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s
}

#scrollIframe .Area-unselected,
#scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom.logout {
    text-decoration: none
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom.stay,
#scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom:hover {
    background: #9f2c09;
    color: #fff;
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom:hover.stay {
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    transition: .2s
}

#scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .icon {
    margin-bottom: 19px;
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 50%
}

#scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .text {
    line-height: 21px;
    height: 36px;
    margin-bottom: 22px
}

#scrollIframe #soccer #min .switch-view-btn span {
    padding: 5px 8px !important
}

#scrollIframe #soccer #min .switch-view-btn {
    height: 32px !important;
    padding: 0 3px !important
}

body.dark #table_live #tr_upper-live-title td {
    border-top: unset !important
}

body.dark #showFilterBox .bts #button {
    border-color: #9f2c09 !important
}

#scrollIframe .swal2-actions.swal2-loading {
    margin-top: 10px;
    margin-bottom: 10px
}

#scrollIframe .custom-loading-message {
    text-align: center;
    font-weight: 400
}

body #scrollIframe #sloading {
    width: 100%;
    top: 0
}

body #scrollIframe #header-wrapper #top #lg_form_head .authBox .mgs_login {
    min-width: 360px
}

body #scrollIframe #header-wrapper #top #lg_form_head .authBox .mgs_login li {
    color: #e51b00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal
}

body #scrollIframe #header-wrapper #login__success {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    transition: .2s;
    justify-content: center;
    display: flex;
    align-items: center
}

body #scrollIframe #header-wrapper #login__success.hidden {
    display: none;
    transition: .2s
}

body #scrollIframe #header-wrapper #login__success .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--Monotone-Grey-300, #e6e6e6);
    opacity: .7
}

body #scrollIframe #header-wrapper #login__success .border {
    border-radius: 5px;
    box-shadow: 4px 4px 30px #11132c1a;
    opacity: 1;
    background: var(--Monotone-Grey-300, #e6e6e6);
    max-width: 295px;
    gap: 24px;
    display: grid;
    padding: 40px;
    position: relative
}

body #scrollIframe #header-wrapper #login__success .icon__close {
    position: absolute;
    top: 8px;
    right: 8px
}

#scrollIframe .theme,
body #scrollIframe #header-wrapper #login__success .icon__close:hover {
    cursor: pointer
}

body #scrollIframe #header-wrapper #login__success .icon__close:hover path {
    fill: #000;
    transition: .2s
}

body #scrollIframe #header-wrapper #login__success .icon__close path,
body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone .select:after,
body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone:after {
    transition: .2s
}

body #scrollIframe #header-wrapper #login__success .icon__noti {
    margin: auto;
    display: flex
}

body #scrollIframe #header-wrapper #login__success .text {
    display: grid;
    gap: 16px
}

body #scrollIframe #header-wrapper #login__success .text__title {
    color: var(--Monotone-Grey-800, #414141);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 13px
}

body #scrollIframe #header-wrapper #login__success .text__content {
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

body #scrollIframe #header-wrapper #login__success .button {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    background: #9f2c09;
    color: var(--Monotone-Grey-0, #fff);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    width: fit-content;
    margin: auto;
    border: 1px solid #9f2c09;
    transition: .2s
}

body #scrollIframe #header-wrapper #login__success .button:hover {
    background-color: #fff;
    color: #9f2c09;
    transition: .2s;
    cursor: pointer;
    text-decoration: none
}

body #scrollIframe #tableCoreSP tr .status span:after,
body #scrollIframe .mcontent#main .idx-favorite #table_live tr.tds .status span:after,
body #scrollIframe .mcontent.index #main #min #mintable #table_live tr.tds .status span:after {
    -webkit-filter: brightness(0) !important
}

body #scrollIframe .mcontent.index #main #min #mintable #table_live tr.tds .status span.no-after:after {
    content: none
}

body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-stage-outer .owl-stage .owl-item {
    width: 42px !important;
    margin-right: 4px !important
}

#scrollIframe .menuL .flink,
body #scrollIframe .mcontent.Schedule #mintable #live .Leaguestitle .l2 .l5 .collapse,
body #scrollIframe .mcontent.Schedule #mintable #live .Leaguestitle .l2 .l5 .expand {
    border-left: none
}

body #scrollIframe .mcontent.Schedule #mintable #live .toolimg span .icon-icon-detail:before {
    background-image: url(/assets/images/icon-lineup.svg?v=1);
    filter: unset
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar {
    width: 8px
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
    border-radius: 2px;
    background: var(--Monotone-Grey-500, #bbb) !important
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show,
body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show {
    color: #fff !important;
    background: #5b1905 !important
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show .selectDate .select:after {
    transform: rotate(180deg);
    -webkit-filter: brightness(0) invert(1) !important
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show .select:after {
    transform: rotate(180deg);
    -webkit-filter: brightness(0) invert(1);
    transition: .2s
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show:after {
    transform: rotate(180deg) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    transition: .2s
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr.b1 td.point-col .in-gif {
    -webkit-filter: brightness(0)
}

body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr td.rs a,
body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr td.sr a {
    padding: 3px 5px !important;
    margin-left: 5px !important
}

body #scrollIframe .mcontent#game-rate #match-list-box .filter-23 .select2-container--below.select2-container--open .selection .select2-selection__rendered>span:after {
    transform: rotate(180deg);
    top: 26%;
    transition: .2s
}

body #scrollIframe .mcontent#game-rate #match-list-box .filter-23 .select2-container--below .selection .select2-selection__rendered>span:after {
    transition: .2s
}

body #scrollIframe footer .footer-container .bottom .footer-nav .bottom-item .bottom-item-title {
    color: #f1f1f1
}

body.dark #header-wrapper #login__success .background,
body.dark .main-content.cup-match #account .popup__logout--background {
    background: #030405
}

body.dark #header-wrapper #login__success .border {
    background: var(--BG-card-lp-2, #1e1e1e)
}

body.dark #header-wrapper #login__success .icon__close:hover path {
    fill: #fff
}

body.dark #header-wrapper #login__success .text__title {
    color: var(--white, #fff)
}

body.dark #tableCoreSP tr .status span:after,
body.dark .mcontent#main .idx-favorite #table_live tr.tds .status span:after,
body.dark .mcontent.index #main #min #mintable #table_live tr.tds .status span:after {
    -webkit-filter: brightness(0) invert(1) !important
}

body.dark .mcontent.Schedule #mintable #live .toolimg span .icon-icon-detail:before {
    background-image: url(/assets/images/icon-lineup-dark.svg?v=1)
}

body.dark .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
    background: #333
}

body.dark .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr.b1 td.point-col .in-gif {
    -webkit-filter: brightness(1)
}

.dark #app6in1 .custom-select-02 .custom-options .custom-option:hover,
.dark .bxh-110 .custom-select-02 .custom-options .custom-option:hover,
body.dark .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show,
body.dark .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show {
    background: var(--Orange-09, #260c04) !important
}

body.dark .mcontent#game-rate #match-list-box .filter-23 .select2-container--default .selection .select2-selection__rendered>span:after {
    filter: invert(1) brightness(100%) !important
}

body.dark .main-content.cup-match #info .page-schedule #showRound tr td#selectName {
    background: var(--New-Color-06, #004026)
}

body.dark .main-content.cup-match #info .page-schedule #showRound-mobile .lsm2#selectName {
    background: var(--New-Color-06, #004026) !important
}

body.dark .main-content.cup-match #account .account__border {
    background: var(--BG-card-lp-1, #1a1919)
}

body.dark .main-content.cup-match #account .account__left--info .user__description {
    color: var(--Monotone-Grey-400, #d4d4d4)
}

body.dark .main-content.cup-match #account .account__left--info .user__logout {
    background-color: transparent;
    border-color: #10e18d;
    color: #10e18d
}

body.dark .main-content.cup-match #account .account__left--info .user__logout:hover {
    background: var(--New-Color-05, #005030);
    border: 1px solid transparent;
    color: var(--Monotone-Grey-0, #fff);
    transition: .2s
}

body.dark .main-content.cup-match #account .account__left--info .user__logout:hover .user__logout--icon {
    filter: none;
    transition: .2s
}

body.dark .main-content.cup-match #account .account__left--info .user__logout .user__logout--icon {
    filter: invert(189%) sepia(647%) saturate(6713%) hue-rotate(130deg) brightness(115%) contrast(113%);
    transition: .2s
}

body.dark .main-content.cup-match #account .account__right {
    border-left: 1px solid #070f03
}

body.dark .main-content.cup-match #account .account__right .account__right--form .title {
    color: var(--Monotone-Grey-0, #fff)
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--input {
    background: 0 0;
    border: 1px solid var(--Monotone-Grey-800, #414141);
    color: #fff
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--submit,
body.dark .main-content.cup-match #account .popup__logout--border .button__bottom {
    background: #311810;
    color: #fff
}

body.dark .main-content.cup-match #account .popup__logout--border {
    background: var(--BG-card-lp-2, #1e1e1e)
}

#scrollIframe .wd-white,
#scrollIframe .write,
#scrollIframe a.write,
#scrollIframe a.write:hover,
.dark #div_cornerOdds .txt-11 th,
body.dark .ball-analysis .all-block-content #porletP17 .content .fx-tb-b h4,
body.dark .main-content.cup-match #account .popup__logout--border .text {
    color: #fff
}

body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.logout:hover,
body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.stay {
    background: #9f2c09
}

body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.stay:hover {
    background: #311810;
    color: #fff
}

#scrollIframe #right .game-compare .list-game .game-cmpr .infos .draw-name,
#scrollIframe .tdlink th,
#scrollIframe .tdlink.sub-head th,
body #scrollIframe .fixture #table_live .corner-text,
body #scrollIframe .page-match-odds .company-comp #oddsCompTable tr.tr2 th.sb b {
    font-weight: 400
}

#scrollIframe .newsetting .Preferences li {
    padding: 3px 0
}

#scrollIframe .newsetting .switch .switch-style {
    width: 26px;
    border-radius: 10px
}

#scrollIframe .newsetting .switch .switch-style:before {
    width: 12px;
    height: 12px;
    border-radius: 50%
}

#scrollIframe .newsetting .selectbox {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 0 0 5px;
    overflow: hidden
}

#scrollIframe .newsetting .selectbox span {
    width: 50%;
    line-height: 22px;
    float: left;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

#scrollIframe .newsetting .selectbox span:hover {
    background: #ffeece
}

#scrollIframe .newsetting .matchinfo_setting .Preferences,
#scrollIframe .newsetting .selectbox.sound {
    margin-top: 5px
}

#scrollIframe #right .newsetting .selectbox.sound span {
    width: 26px;
    border-right: 1px solid #e5e5e5
}

#scrollIframe #right .newsetting #selectsound1,
#scrollIframe #right .newsetting #selectsound2 {
    width: 134px;
    height: 22px;
    margin-bottom: 4px;
    outline: 0
}

.dark .newsetting .selectbox,
.dark .newsetting .selectbox.sound span {
    border-color: var(--border-4) !important
}

@media only screen and (max-width:1024px) {

    #scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option,
    #scrollIframe .filterLi2.xz .dropdown-toggle,
    body.dark .filterLi2.xz .dropdown-toggle {
        cursor: unset
    }

    #scrollIframe #table_live tr td.TX {
        position: relative;
        z-index: 0;
        color: transparent !important
    }

    #scrollIframe #table_live tr td.TX:before {
        content: "T/X";
        position: absolute;
        top: 0;
        right: 0;
        z-index: 11;
        background: #fbfbfb;
        bottom: 0;
        left: 0;
        color: #414141;
        padding: 4px 0;
        text-align: left
    }

    .dark #table_live tr td.TX:before {
        background: #1a1a1a;
        color: #fff
    }

    #scrollIframe .main-content.cup-match {
        padding-bottom: 0 !important
    }

    #scrollIframe .main-content.cup-match .mcontent,
    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category.cl1 {
        margin-bottom: 0 !important
    }

    #scrollIframe .filterLi2.xz .dropdown-toggle:hover,
    body.dark .filterLi2.xz .dropdown-toggle:hover {
        background-color: transparent;
        color: #414141
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle:hover:after,
    #scrollIframe .filterLi2.xz .dropdown-toggle:hover:after,
    body.dark .filterLi2.xz .dropdown-toggle:hover:after {
        filter: unset
    }

    #scrollIframe .filterLi2.xz.active .dropdown-toggle,
    body.dark .filterLi2.xz.active .dropdown-toggle {
        background-color: var(--primary-color);
        color: var(--text-white);
        transition: unset
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle.show:after,
    #scrollIframe .filterLi2.xz.active .dropdown-toggle:after,
    body.dark .filterLi2.xz.active .dropdown-toggle:after {
        filter: brightness(10)
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle:hover {
        background-color: transparent;
        color: transparent
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle.show {
        background-color: #005030;
        color: #fff;
        border: 1px solid #bbb
    }

    #scrollIframe #showoptional2 .sotit {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 6px 0
    }

    #scrollIframe #showoptional2 .sotit .cc {
        width: 16px;
        height: 16px;
        top: 8px
    }

    #scrollIframe #showoptional2 .rbl {
        gap: 8px;
        margin: 10px 13px;
        padding: 3px;
        border-radius: 0;
        background-color: transparent !important;
        justify-content: start
    }

    #scrollIframe #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
        text-align: center;
        font-size: 10px;
        font-weight: 500;
        line-height: var(--font-line-height-s12, 18px);
        background: #d4d4d4
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) {
        padding: 0 16px 5px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) label {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) span {
        line-height: 17px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) span label {
        font-size: 10px;
        font-weight: 500;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) {
        padding: 8px 16px 16px;
        flex-wrap: wrap;
        gap: 5px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all {
        display: flex;
        align-items: center;
        justify-self: start;
        position: relative;
        max-width: 100px
    }

    #scrollIframe #showoptional2 #myleague2 ul li label,
    #scrollIframe #showoptional2 #myleague2 ul li span,
    #scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all span {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) #button {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        padding: 6px 28px;
        width: 100%;
        margin: 0
    }

    #scrollIframe #showoptional2 #myleague2 {
        max-height: 140px;
        padding: 12px 16px
    }

    #scrollIframe #showoptional2 #myleague2 .fg_Title {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 8px
    }

    #scrollIframe #showoptional2 #myleague2 ul {
        -moz-column-gap: 0px;
        column-gap: 0
    }

    #scrollIframe #showoptional2 #myleague2 ul li {
        width: calc(100% - 6px)
    }

    body.dark #showoptional2 .rbl {
        background: 0 0 !important
    }

    body.dark #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
        background: linear-gradient(90deg, #292929 90%, #10160e)
    }

    #scrollIframe .add-on-mobile-tr a,
    body #scrollIframe .mcontent#main .idx-favorite #table_live tr td .team-box a {
        font-weight: 500 !important
    }

    #scrollIframe #table_live [id^=time_][id^=time_] span:after {
        filter: grayscale(100%)
    }

    #scrollIframe .custom-select-wrapper .custom-options.show2 {
        display: block
    }

    #scrollIframe #game-rate .filter-23 .select2-selection .select2-selection__rendered>span:after,
    body #scrollIframe #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.form {
        display: none
    }

    #scrollIframe #game-rate .who-win .who-win-content {
        margin-top: 2.3rem !important
    }

    #scrollIframe #game-rate .odds-container .odds-badge {
        border-radius: 0 0 4px 4px
    }

    body #scrollIframe#soccer .matchDetail .w-section.w-section-show .scoring-rate.section-f {
        margin-top: 42px !important
    }

    #scrollIframe .matchDetail.ball-analysis.css-ball-analysis #radar,
    body #scrollIframe#soccer .child-page-matchDetail {
        margin-top: 0 !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #matchData {
        padding-top: 12px;
        padding-left: 7px
    }

    body #scrollIframe#soccer .child-page-matchDetail #matchData .mintopnav {
        justify-content: space-between !important;
        width: calc(100% - 4px) !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category,
    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category {
        margin-bottom: 12px
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #28966a !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #b73c3d !important
    }

    #scrollIframe #matchStatistics .see-more.onMobile:after {
        top: 1px;
        transform: unset;
        width: 13px;
        height: 13px
    }

    #scrollIframe #matchStatistics .see-more.onMobile.long:after {
        top: 1px;
        transform: rotate(180deg)
    }

    #scrollIframe #info .area-tab .filterLi2.xz {
        flex: 1;
        max-width: unset
    }

    #scrollIframe #info .area-tab .filterLi2.xz .dropdown {
        justify-content: unset
    }

    #scrollIframe #info .area-tab .filterLi2.xz .dropdown .dropdown-menu,
    body #scrollIframe #info.database .area-tab .dropdown .dropdown-menu,
    body #scrollIframe #info.database .area-tab .dropdown .dropdown-toggle {
        width: 100% !important
    }

    #scrollIframe #table_v1>tbody>tr>:first-child,
    #scrollIframe #table_v2>tbody>tr>:first-child,
    #scrollIframe #table_v3>tbody>tr.other-title>td,
    #scrollIframe #table_v3>tbody>tr>:first-child {
        position: sticky;
        left: 0;
        z-index: 0
    }

    #scrollIframe #table_v1>tbody>tr>th.ll:first-child,
    #scrollIframe #table_v3>tbody>tr>th.ll:first-child {
        position: unset
    }

    body #scrollIframe #info .database_league_filter--dropdown--title:before {
        transform: rotate(180deg);
        margin-top: 0
    }

    body #scrollIframe #info .database_league_filter--dropdown--title.on:before {
        transform: rotate(0)
    }

    #scrollIframe .swal2-popup {
        min-width: initial !important
    }

    body #scrollIframe #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 50%
    }

    body #scrollIframe #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.button {
        display: flex
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a {
        font-weight: 500;
        color: var(--Monotone-Grey-700, #717171);
        font-size: 10px
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu a {
        font-weight: 500;
        color: #10e18d !important
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu #favCountMb.fav_count {
        display: flex;
        width: 15px;
        height: 15px;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 30px;
        background: var(--old-Medium-Red, #e51b00);
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 13px;
        top: 1px;
        right: 5px;
        border: none !important;
        position: absolute
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu {
        border-bottom: none
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-700, #717171)
    }

    body #scrollIframe .cz-handheld-toolbar .menu-fixed .d-table-cell:hover {
        text-decoration: none
    }

    body #scrollIframe .main-content.cup-match #account {
        padding: 20px;
        margin-bottom: unset
    }

    body #scrollIframe .main-content.cup-match #account .account__border {
        justify-content: space-between;
        gap: 30px
    }

    body #scrollIframe .main-content.cup-match #account .account__left {
        min-width: 211px
    }

    body #scrollIframe .main-content.cup-match .loginPage {
        padding: 0 !important
    }

    body #scrollIframe .main-content.cup-match .loginPage.lg #left #lg_form #lg_msg .alert--error li {
        letter-spacing: -.9px
    }

    body #scrollIframe .mcontent.index #main #min .home__content {
        margin-top: 0
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: #bebebe !important
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon:before {
        background-image: url(/build/assets/images/page-favourite-icon-start.svg);
        height: 16px;
        width: 16px
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr td.winMatch .team-box a {
        font-weight: 600 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #fbf6f5 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child {
        color: #717171 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child:after,
    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child:after {
        background: #894f3c !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child {
        color: #070f03 !important
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .tp-mb .add-div .icon:hover:after {
        left: unset !important;
        right: 0 !important
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon {
        width: 14px
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon {
        justify-content: right;
        display: flex
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon:before {
        filter: unset !important;
        width: 12px
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 {
        padding-top: 0 !important
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar {
        width: 8px;
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb)
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb);
        padding: 0 2px
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background: #414141
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb:hover {
        background: #000
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 .Leaguestitle .leagues-title .add-div .icon:after {
        left: unset;
        right: 0
    }

    body #scrollIframe #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest {
        flex-direction: unset;
        justify-content: center
    }

    body #scrollIframe #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest img {
        order: -1
    }

    body #scrollIframe #info #i_main {
        padding-left: 0 !important
    }

    body #scrollIframe #info #i_main .techlist #mainData .twoteam-mobile {
        margin-left: 8px !important
    }

    body #scrollIframe #info.database .area-tab {
        margin-left: 7px
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items {
        justify-content: space-between !important
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 64px)/ 9) !important
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-logo {
        width: unset !important
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-name {
        width: unset
    }

    body #scrollIframe footer {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 110px
    }

    body #scrollIframe footer .footer-container .bottom .about-footer .footer-logo {
        height: 24px
    }

    body #scrollIframe footer .footer-container .bottom .about-footer .footer-logo .weblogo {
        max-width: 160px;
        object-fit: contain;
        max-height: 24px
    }

    body #scrollIframe footer .footer-container .bottom_info {
        padding: 0 0 20px;
        font-size: 11px;
        justify-content: center;
        display: flex;
        width: 100%
    }

    body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a,
    body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-500, #bbb)
    }

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: var(--BG-TITLE-BNG-T-L, #374033) !important
    }

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon:before {
        background-image: url(/build/assets/images/page-favourite-icon-start-dark.svg)
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #3a0f01 !important
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child {
        color: #d4d4d4 !important
    }

    .dark .add-on-mobile-tr a,
    body.dark .mcontent#main .idx-favorite #mintable #live td.winMatch .team-box a,
    body.dark .mcontent#main .idx-resultpage #mintable #live td.winMatch .team-box a,
    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child,
    body.dark .mcontent.index #mintable #live td.winMatch .team-box a {
        color: #fff !important
    }

    body.dark .mcontent#main .idx-favorite #mintable #live td .team-box a,
    body.dark .mcontent#main .idx-resultpage #mintable #live td .team-box a,
    body.dark .mcontent.index #mintable #live td .team-box a {
        color: #e6e6e6 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #004026 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #761b1c !important
    }

    #scrollIframe .add-on-mobile-tr {
        margin-top: 12px;
        margin-bottom: 25px
    }

    #scrollIframe .add-on-mobile-tr label {
        position: relative;
        top: -2px
    }

    #scrollIframe .add-on-mobile-tr a {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 12px !important;
        color: var(--Black, #000) !important;
        margin-bottom: 6px !important
    }

    #scrollIframe .add-on-mobile-tr td {
        background: 0 0 !important;
        text-align: left !important
    }

    #scrollIframe .add-on-mobile-tr td input {
        margin-right: 5px !important;
        margin-left: -5px !important
    }

    #scrollIframe .add-on-mobile-tr td .box-flex-select.d-flex.f-right {
        margin-top: 2px
    }
}

@media only screen and (max-width:1024px) and (max-width:678px) {
    body #scrollIframe .main-content.cup-match #account {
        padding: 12px 8px 20px
    }

    body #scrollIframe .main-content.cup-match #account .account__border {
        background-color: unset !important;
        padding: 0;
        display: grid;
        gap: 20px;
        justify-content: unset
    }

    body #scrollIframe .main-content.cup-match #account .account__left {
        display: flex;
        gap: 12px;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info {
        display: flex;
        gap: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt {
        height: 85px;
        margin-bottom: 0
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt__img {
        width: 85px;
        height: 85px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt__ellipse {
        right: 3px;
        bottom: 3px;
        width: 20px;
        height: 20px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user {
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__name {
        font-size: 16px;
        margin-bottom: 6px;
        text-align: left;
        line-height: 19px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__description {
        font-size: 14px;
        text-align: left;
        margin-bottom: 10px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__logout {
        font-size: 12px;
        height: 14px;
        margin: unset;
        width: 133px
    }

    body #scrollIframe .main-content.cup-match #account .account__right {
        border: none;
        padding-left: 0;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .title {
        font-size: 16px;
        margin-bottom: 10px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--icon {
        height: 18px;
        width: 18px;
        top: 7px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input {
        padding: 6px 12px 6px 34px;
        font-size: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input::placeholder {
        font-size: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--submit {
        font-size: 14px;
        height: 33px;
        margin-top: 16px;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.send-code .form__row--submit {
        width: 84px;
        height: 33px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--input {
        width: calc(100% - 80px)
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--icon {
        top: 10px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border {
        padding: 16px;
        width: 268px;
        left: calc(50% - 150px)
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .text {
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom {
        font-size: 14px;
        width: fit-content;
        padding: 8px 14px;
        height: 20px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border {
        padding: 12px;
        width: 290px;
        left: calc(50% - 157px)
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .text {
        font-size: 14px;
        height: 28px;
        line-height: 15px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1024px) and (max-width:757px) {
    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 56px)/ 8) !important
    }
}

@media only screen and (max-width:1024px) and (max-width:757px) and (max-width:683px) {
    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 48px)/ 7) !important
    }
}

@media only screen and (max-width:1024px) and (max-width:757px) and (max-width:683px) and (max-width:609px) {
    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 40px)/ 6) !important
    }
}

@media only screen and (max-width:1024px) and (max-width:757px) and (max-width:683px) and (max-width:609px) and (max-width:535px) {
    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 32px)/ 5) !important
    }
}

@media only screen and (max-width:1024px) and (max-width:757px) and (max-width:683px) and (max-width:609px) and (max-width:535px) and (max-width:461px) {
    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 24px)/ 4) !important
    }
}

#scrollIframe #showoptional2.home .rbl>.el-radio {
    width: calc(100% / 3)
}

#scrollIframe #info .second-version .analyze-icon {
    background-image: url(#);
    margin-top: 5px
}

#scrollIframe #info .second-version .analyze-icon:before {
    zoom: .9
}

#scrollIframe #info #i_left2 table tr td:first-of-type:after {
    top: 10px
}

#scrollIframe .filter-23 .select2-selection .select2-selection__rendered>span:after {
    content: "";
    background-image: url(/build/assets/images/icon_arrow_down.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

body #scrollIframe #oddsChange .oddsChange_head .oddsChange_head_title,
body #scrollIframe [id^=oddsChange_] .oddsChange_head .oddsChange_head_title {
    background-position: center center;
    background-repeat: no-repeat
}

#scrollIframe .team-box {
    display: inline-table;
    position: relative
}

#scrollIframe .team-box a:hover:before {
    content: attr(data-team-name);
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    border-radius: 3px;
    background-color: #444;
    box-shadow: 0 0 6px #444;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    z-index: 10;
    white-space: nowrap
}

body #scrollIframe #main3 #teammain-6in1 #teamid #odds table.odds-table-bg.dataItem tr.b1 td.rs {
    border-left: 1px solid #d4d4d4
}

body.dark #main3 #teammain-6in1 #teamid #odds table.odds-table-bg.dataItem tr.b1 td.rs {
    border-left: 1px solid #414141
}

#scrollIframe #main .idx-resultpage .status-time-sched {
    display: table-cell
}

#scrollIframe #nodatatip .icon-font-collect-off:before {
    margin-top: 2px
}

@media only screen and (max-width:1024px) {
    #scrollIframe .hover-in-a-container:hover:before {
        display: none
    }

    #scrollIframe #main .idx-resultpage .status-time-sched {
        display: none !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box img {
        width: 13px !important;
        height: 13px !important;
        left: 32px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box input::placeholder {
        font-size: 10px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box input {
        width: 100%;
        padding-left: 26px !important;
        height: 34px !important;
        line-height: 34px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box button {
        font-size: 10px !important;
        padding: 0 6px !important;
        height: 25px !important
    }

    body #scrollIframe .matchDetail .all-block #team-tech-detail {
        display: inline-block
    }

    #scrollIframe .live-table-w-content,
    #scrollIframe .live-w-content {
        display: block
    }

    #scrollIframe #matchData #game-rate #matchScoreStatistics .fx-title-name span {
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 99px
    }

    body #scrollIframe #container #info.matchDetail #porletP_Group .porletP.p5-w-test .team-table-title {
        display: initial !important;
        top: -42px !important
    }

    #scrollIframe #team-tech-detail.t-p-11-5 {
        width: 100%
    }

    #scrollIframe #porletP4.poper-tw table tr>td:first-child,
    #scrollIframe #porletP4.poper-tw table tr>th:first-child,
    #scrollIframe #porletP4.poper-two-1 table tr>td:first-child,
    #scrollIframe #porletP4.poper-two-1 table tr>th:first-child {
        position: sticky;
        left: 0
    }

    #scrollIframe #game-rate .bh-335.col-game-rate-hide-mobile {
        height: auto !important
    }

    #scrollIframe #table_v1.team-table-home.d-after-none tr th:first-child,
    #scrollIframe #table_v3.team-table-other.d-after-none tr th:first-child {
        z-index: 9
    }

    #scrollIframe .dropdown-obtion-right .dropdown-menu.show {
        left: 0 !important
    }

    #scrollIframe #game-rate #tableCore {
        overflow: visible !important
    }

    #scrollIframe #game-rate #tableCore #tableCoreSP.core-container {
        background: 0 0
    }

    #scrollIframe .dropdown-menu.dptlt.show2,
    body #scrollIframe #main .idx-favorite #table_live.table-favorite tbody tr td.status-time-match.td_status {
        display: block !important
    }

    #scrollIframe #game-rate #tableCoreSP.core-container-mobile {
        position: relative
    }

    body #scrollIframe #main #table_live .new-home-tr .odds1:before {
        font-size: 10px !important;
        left: 6px !important
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content {
        display: flex;
        gap: 11px;
        padding: 0 12px
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .table-core-odds-value {
        position: initial !important;
        flex: 1
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .odds-number {
        font-weight: 600
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .odds-number:after {
        height: 12px;
        width: 12px
    }

    #scrollIframe .live-w-content .live-w-content-title {
        display: flex;
        align-items: center;
        margin: 8px 0
    }

    #scrollIframe .live-w-content .live-w-content-title .tleft,
    #scrollIframe .live-w-content .live-w-content-title .tright {
        width: calc(50% - 25px)
    }

    #scrollIframe .live-w-content .live-w-content-title .tright {
        justify-content: flex-start
    }

    #scrollIframe .live-w-content .live-w-content-title .ratio-value {
        font-family: Inter;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 19.36px;
        color: var(--color-score-live-light) !important;
        text-align: center;
        min-width: 50px
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        margin-bottom: 8px
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match span {
        position: relative;
        color: #717171
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match span:after {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 3px;
        height: 8px;
        position: absolute;
        right: -4px;
        top: 2px;
        background-image: url(/build/assets/images/in.gif)
    }

    #scrollIframe #game-rate #tableCoreSP.core-container-mobile.live-table-w {
        height: 148px !important
    }

    #scrollIframe .live-w-content-bot {
        display: flex;
        justify-content: space-between;
        padding: 6px 10px;
        background: #2b7e5d;
        font-size: 10px;
        color: #fff;
        align-items: center
    }

    #scrollIframe .live-w-content-bot-icon {
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff
    }

    #scrollIframe .odds-number--title {
        position: absolute;
        left: 6px;
        font-size: 10px;
        color: #8c8c8c;
        height: 100%;
        display: flex;
        align-items: center
    }

    #scrollIframe .database_league_filter--dropdown #left table tr td:after {
        top: initial !important
    }

    #scrollIframe table .team-box>a {
        max-width: 130px
    }

    #scrollIframe .team-table-title2 span {
        overflow: hidden;
        display: block;
        -webkit-line-clamp: 1;
        display: box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal
    }

    #scrollIframe td.status-time-match,
    #scrollIframe td.status-time-sched {
        display: flex;
        gap: 8px;
        justify-content: center
    }

    #scrollIframe td.status-time-match>div:first-child.no-text-in,
    #scrollIframe td.status-time-sched>div:first-child.no-text-in {
        display: none
    }
}

#scrollIframe #goalTable ul li input[type=checkbox] {
    opacity: 1;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: unset;
    box-shadow: unset;
    outline: unset;
    background: 0 0;
    color: transparent;
    margin: -3px 5px 0 0;
    position: relative
}

#scrollIframe #goalTable input[type=checkbox]:checked:before {
    background: url(/build/assets/images/check-square.svg) 0 0/contain no-repeat;
    position: absolute;
    content: "";
    z-index: 1
}

#scrollIframe #goalTable ul li {
    color: #070f03 !important;
    font-weight: 500 !important
}

#scrollIframe #showoptional2 .showoptional2-w .search-box {
    padding: 0 24px;
    position: relative;
    text-align: left;
    margin-top: 10px
}

#scrollIframe #showoptional2 .showoptional2-w .search-box img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    position: absolute;
    left: 34px;
    top: 0;
    bottom: 0;
    margin: auto
}

#scrollIframe #showoptional2 .showoptional2-w .search-box input {
    color: var(--MonotoneGrey-700, #717171);
    text-align: left;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    border-radius: 80px;
    border: 0 solid #000;
    background: #fff;
    height: 36px;
    box-shadow: 0 4px 14px #e5e5e5;
    width: 100%;
    padding-left: 35px;
    outline: unset
}

#scrollIframe #showoptional2 .showoptional2-w .search-box button {
    color: var(--Monotone-Grey-0, #fff);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 40px;
    background: #9f2c09;
    position: absolute;
    right: 27px;
    top: 0;
    bottom: 0;
    height: 30px;
    margin: auto;
    border: 0;
    padding: 0 14px
}

body.dark #showoptional2 .showoptional2-w .search-box input {
    color: #fff !important;
    background: #000;
    box-shadow: unset;
    border: 1px solid #1e2429
}

body.dark #showoptional2 .showoptional2-w .search-box input::placeholder {
    color: #fff !important
}

#scrollIframe #app6in1 .button-df.active2,
#scrollIframe #app6in1 .button-df:hover,
#scrollIframe #app6in1 .custom-select-02.show.button-df,
#scrollIframe #filter-box-on-pc .filter-third>div #selectLeague:hover,
#scrollIframe .bxh-110 .custom-select-02.button-df:hover,
#scrollIframe .bxh-110 .custom-select-02.show.button-df,
body#soccer.dark #app6in1 .filter-form .button-df:hover {
    border: 1px solid #005030 !important;
    background: #005030 !important;
    color: #fff !important
}

#scrollIframe .data.page-schedule.cup-match #Table3 tr.bg-oyellow td {
    line-height: 23px !important
}

#scrollIframe #app6in1 .button-df.active2 {
    font-weight: 500
}

#scrollIframe .data.table-v2 #page_div.pp- .dropdown-content {
    top: initial;
    bottom: 100%
}

#scrollIframe .hover-in-a-container:before {
    content: attr(data-tooltip);
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #444;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    z-index: 100
}

#scrollIframe .hover-in-a-container.right:before {
    right: inherit
}

#scrollIframe .hover-in-a-container:hover:before {
    opacity: 1
}

#scrollIframe #tableId.data .pager {
    float: unset !important
}

#scrollIframe .bxh-110 .button-df {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #f2f2f2;
    box-sizing: border-box;
    color: #414141;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    transition: .175s linear;
    width: calc(100% - 16px)
}

#scrollIframe .bxh-110 .custom-select-02:after {
    background-image: url(/build/assets/images/ar_down.svg);
    right: 10px;
    top: 50%;
    width: 14px;
    height: 14px;
    transition: .2s
}

#scrollIframe .bxh-110 .custom-select-02.show:after {
    transform: translateY(-50%) rotate(180deg)
}

#scrollIframe .bxh-110 .custom-select-02 .custom-options {
    top: calc(100% + 7px);
    padding-top: 3px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    max-height: 306px;
    overflow: auto;
    transition: .2s;
    position: absolute
}

#scrollIframe .bxh-110 .custom-select-02.show:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #fff;
    bottom: -12px;
    left: calc(50% - 8px);
    transform: translateY(-50%) rotate(0);
    transition: .2s;
    z-index: 10
}

#scrollIframe .bxh-110 .custom-select-02 .custom-options div {
    height: 22px;
    padding: 0 10px;
    text-align: left;
    line-height: 22px
}

#scrollIframe .bxh-110 table {
    width: 100%;
    border-collapse: collapse
}

#scrollIframe .bxh-110 table tr th {
    color: #717171;
    font-size: 10px;
    font-weight: 500;
    text-align: left;
    padding: 2px 0;
    height: 20px
}

#scrollIframe .bxh-110 table tr td {
    padding: 2px 0;
    height: 20px;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal
}

#scrollIframe .bxh-110 table tr td:first-child {
    color: #717171;
    width: 16px
}

#scrollIframe .bxh-110 table tr td:last-child,
#scrollIframe .bxh-110 table tr th:last-child {
    width: 30px;
    text-align: center;
    padding-right: 8px
}

#scrollIframe .bxh-110 table tr td:last-child {
    color: #28966a;
    font-weight: 400
}

#scrollIframe .bxh-110 .bxh-110-content-name {
    max-width: 125px;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 15px;
    overflow: hidden
}

#scrollIframe .bxh-110 .bxh-110-content--link {
    text-align: center;
    margin-top: 6px
}

#scrollIframe .bxh-110 .bxh-110-content--link a {
    color: #337359;
    font-size: 10px;
    text-decoration: underline;
    gap: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .bxh-110 .button-df {
    background: #414141;
    border: 1px solid #414141
}

body.dark .bxh-110 .custom-select-02 .custom-options .custom-option {
    background: var(--Monotone-Grey-900, #070f03);
    color: var(--Monotone-Grey-0, #fff)
}

body.dark .bxh-110 .custom-select-02 .custom-options {
    background: var(--Monotone-Grey-900, #070f03)
}

body.dark .bxh-110 .custom-select-02:before {
    border-bottom-color: #070f03
}

body.dark .bxh-110 .custom-select-02 .custom-options .custom-option.active {
    background: var(--Orange-09, #260c04)
}

.dark .bxh-110 table tr td:last-child {
    color: #92e6c4
}

#scrollIframe .bxh-110 {
    overflow: initial !important
}

#scrollIframe .bxh-110 .loading {
    opacity: .5;
    cursor: progress
}

#scrollIframe .bxh-110 table tr td:first-child,
#scrollIframe .bxh-110 table tr th:first-child {
    padding-left: 8px
}

#scrollIframe .bxh-110 .custom-select-02 {
    margin-right: 8px;
    margin-left: 8px
}

#scrollIframe .bxh-110 table tbody tr {
    transition: .3s
}

#scrollIframe .bxh-110 .bxh-110-content-name:hover {
    color: #337359;
    text-decoration: underline;
    cursor: pointer
}

.dark .bxh-110 table tbody tr:hover {
    background: #022517
}

#scrollIframe table .team-box>a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-width: 102px
}

@media (max-width:500px) {
    #scrollIframe table .team-box>a {
        max-width: 130px
    }
}

body #scrollIframe #table_live .action-table.toolimg.be-change-ht-title {
    justify-content: end !important
}

body #scrollIframe #table_live .action-table.toolimg {
    padding: 5px !important;
    gap: 9px !important
}

#scrollIframe .table-time .td-bdr.w-120 {
    width: 100px;
    min-width: 100px;
    max-width: 100px
}

body #scrollIframe .fixture #table_live .action-table.toolimg.be-change-ht-title,
body #scrollIframe .idx-resultpage #table_live .action-table.toolimg.be-change-ht-title {
    justify-content: center !important
}

@media only screen and (min-width:1024px) {

    #scrollIframe #info.coach-detail,
    #scrollIframe #info.player-detail-data {
        padding: 0
    }

    #scrollIframe #info.coach-detail .database_league_filter--dropdown,
    #scrollIframe #info.player-detail-data .database_league_filter--dropdown {
        margin-right: 27px
    }

    #scrollIframe .fixture table .team-box>a {
        max-width: 145px
    }
}

#scrollIframe #filter-box-on-pc .filter-third {
    flex: 1;
    gap: 12px;
    margin-bottom: 0;
    justify-content: space-between
}

#scrollIframe #filter-box-on-pc .filter-third>div {
    width: initial !important;
    max-width: 218px !important;
    min-width: 218px !important;
    flex: 1 !important;
    height: 34px
}

#scrollIframe #filter-box-on-pc .filter-second .all-hot-filter .d-flex.xll-r .button-df:first-child {
    border: 1px solid #fff !important
}

#scrollIframe #filter-box-on-pc .filter-second .all-hot-filter .d-flex.xll-r .button-df:first-child:hover {
    border: 1px solid #005030 !important
}

#scrollIframe #filter-box-on-pc .filter-third>div #selectLeague:hover .custom-select,
.dark .lsm2 {
    color: #fff !important
}

#scrollIframe #filter-box-on-pc .filter-third>div .custom-select {
    min-height: 34px;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    padding: 0 12px
}

#scrollIframe #filter-box-on-pc .filter-third>div #selectLeague {
    padding: 0 12px;
    height: 34px;
    border: 1px solid #005030
}

#scrollIframe #filter-box-on-pc .filter-third>div.min126px {
    border: 1px solid #005030
}

#scrollIframe #filter-box-on-pc .filter-second .all-hot-filter {
    width: 100%;
    flex: 1;
    max-width: 100%
}

#scrollIframe #filter-box-on-pc .filter-second .all-hot-filter .d-flex.xll-r {
    width: 100%;
    gap: 12px;
    margin-top: 12px
}

#scrollIframe #filter-box-on-pc .filter-second #sixinoneFilterLeague {
    width: 490px !important;
    transform: none !important;
    left: 0
}

#scrollIframe #filter-box-on-pc .filter-second .all-hot-filter .d-flex.xll-r .button-df {
    min-width: 80px;
    font-size: 14px
}

#scrollIframe #filter-box-on-pc .all-hot-filter .button-df.active_ {
    background-color: #005030;
    color: #fff !important;
    border: 1px solid #005030
}

#scrollIframe .porletP.ptpl#porletP12 .team-table-title2 {
    margin-bottom: 10px
}

body.dark .ball-analysis .all-block-content #porletP17 .content .fx-tb-b li b,
body.dark .porletP.ptpl#porletP10 table tbody td,
body.dark .porletP.ptpl#porletP11 table tbody td,
body.dark .porletP.ptpl#porletP12 table tbody td,
body.dark .porletP.ptpl#porletP15 table tbody td {
    color: var(--Monotone-Grey-500, #bbb)
}

.dark #databaseLeagueFilter .left_list3 li .on,
.dark #databaseLeagueFilter .left_list3 li:hover,
.dark .left_list3 li a:hover {
    background-color: #004026 !important
}

#scrollIframe .main-content.cup-match .tdsolid.table-v2 table td div strong {
    color: #036
}

#scrollIframe .wrap-sc #SubSelectDiv>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start
}

#scrollIframe .wrap-sc #SubSelectDiv>ul li {
    float: initial
}

.dark #mintable .tds:hover {
    background-color: #333 !important
}

#scrollIframe #table_live .change-colname.hpd-td,
#scrollIframe #table_live .change-colname.tx-td {
    min-width: 154px
}

#scrollIframe .top-nav-vuejs {
    max-width: 1004px;
    margin-bottom: 12px
}

#scrollIframe .top-nav-vuejs .item-sw {
    height: 34px;
    line-height: 34px;
    text-align: center;
    gap: 10px;
    border-radius: 4px;
    background: #fbfbfb;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10.5px;
    display: block
}

.dark .top-nav-vuejs .item-sw:hover {
    background: #141414;
    color: #ddd
}

.dark .top-nav-vuejs .top-nav-vuejs-wrap-btn>div {
    filter: drop-shadow(2px 4px 6px black)
}

#scrollIframe .top-nav-vuejs .swiper-slide {
    width: initial !important;
}

#scrollIframe .top-nav-vuejs .swiper-slide a:hover {
    text-decoration: none;
    color: initial
}

#scrollIframe .top-nav-vuejs .swiper-slide a.on:hover {
    text-decoration: none;
    color: #fff
}

#scrollIframe .top-nav-vuejs .swiper-slide .on {
    background: var(--primary-color) !important;
    color: #fff
}

#scrollIframe .top-nav-vuejs .top-nav-vuejs-wrap {
    display: flex;
    gap: 12px
}

#scrollIframe .top-nav-vuejs .swiper-container {
    flex: 1
}

#scrollIframe .top-nav-vuejs .top-nav-vuejs-wrap-btn {
    display: none;
    width: 54px;
    justify-content: space-between;
    align-items: center
}

#scrollIframe .top-nav-vuejs .top-nav-vuejs-wrap-btn>div {
    height: 20px;
    width: 20px;
    border: 1px solid #719a8a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#scrollIframe .second-version .tdlink.lh17 th {
    background: #f2f2f2
}

html body #scrollIframe #main #left .lrdiv .lr_tit,
html body #scrollIframe #main #right .lrdiv .lr_tit {
    border: unset !important
}

html body #scrollIframe #main #left .lrdiv-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 11px;
    line-height: 20px
}

#scrollIframe .other-leagues {
    padding: 6px 0 8px;
    display: flex;
    flex-direction: column;
    gap: 2px
}

#scrollIframe .other-leagues .nation .nation-item {
    height: 26px;
    padding: 4px 10px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #070f03;
    transition: .2s linear
}

#scrollIframe .other-leagues .nation .nation-item-image {
    width: 26px;
    height: 16px;
    object-position: center;
    object-fit: scale-down
}

#scrollIframe .other-leagues .nation .nation-item-name {
    flex: 1;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#scrollIframe .other-leagues .nation .nation-item-icon {
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    transition: .175s linear
}

#scrollIframe .other-leagues .nation .nation-leagues ul {
    width: 100%;
    padding: 6px 10px 0;
    box-sizing: border-box
}

#scrollIframe .other-leagues .nation .nation-leagues ul .nation-leagues-item a {
    height: 18px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    text-decoration: none;
    padding: 4px 16px 4px 12px;
    color: #070f03;
    transition: .2s linear
}

#scrollIframe .other-leagues .nation .nation-leagues ul .nation-leagues-item a img {
    width: 16px;
    height: 16px;
    object-fit: scale-down;
    object-position: center
}

#scrollIframe .other-leagues .nation .nation-leagues ul .nation-leagues-item a span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#scrollIframe #right .game-compare .title-tm {
    padding: 10px !important;
    line-height: 20px
}

#scrollIframe #right .game-compare .list-game {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

#scrollIframe #right .game-compare .list-game .game-cmpr {
    font-size: 10px;
    padding: 0 0 12px
}

#scrollIframe #right .game-compare .list-game .game-cmpr .logos span,
#scrollIframe .second-version .match-time span.day-dash {
    margin: 0 5px
}

#scrollIframe #right .game-compare .list-game .game-cmpr .infos .draw-name,
#scrollIframe #right .game-compare .list-game .game-cmpr .infos .team-name,
#scrollIframe #right .game-compare .list-game .game-cmpr .infos .team-rate {
    line-height: 14px
}

#scrollIframe #right .newsetting .hot-news-list .hot-news-item .hot-news-title {
    color: #414141;
    padding: 0;
    margin: 7px 0 8px;
    line-height: 12px;
    transition: .2s linear
}

#scrollIframe #right .newsetting .hot-news-list .hot-news-item .hot-news-btn {
    color: #337359;
    transition: .2s linear
}

#scrollIframe #right .newsetting .hot-news-list .hot-news-item:hover .hot-news-title,
body.dark #right .newsetting .hot-news-list .hot-news-item:hover .hot-news-title {
    color: currentColor
}

body.dark #right .game-compare .list-game .game-cmpr .game-des {
    color: #717171
}

#scrollIframe #topnav {
    height: 25px;
    width: 950px;
    border-bottom: 1px solid #ccc
}

#scrollIframe .theme .theme-style {
    height: 20px;
    width: 36px;
    background-color: #444;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    background-image: url(/build/assets/images/theme.png);
    background-repeat: no-repeat
}

#scrollIframe .theme .theme-style:before {
    display: block;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px;
    background-color: #fff;
    border-radius: 20px;
    left: 2px;
    top: 2px;
    background-repeat: no-repeat;
    transition: .3s ease-in-out
}

#scrollIframe .theme>input[type=checkbox]:checked+.theme-style:before {
    left: 56%;
    background-repeat: no-repeat;
    background-color: #fff
}

#scrollIframe #info {
    width: 1040px;
    margin: 10px auto 32px;
    overflow: hidden
}

#scrollIframe #i_main2 {
    float: left;
    background: #fff;
    width: 100%
}

#scrollIframe .nodata {
    background: var(--bgcolor-2);
    color: var(--textcolor-2)
}

#scrollIframe .crumbs {
    width: 1208px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center
}

#scrollIframe .crumbs a.off {
    color: var(--text-primary);
    font-weight: 500;
    margin: 0 5px;
    flex: 0 0 auto
}

#scrollIframe .crumbs h1 {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    margin: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

#scrollIframe .follow_btn {
    background: var(--bgcolor-2);
    color: var(--textcolor-2);
    border: 1px solid var(--gray50)
}

#scrollIframe .follow_btn .icon {
    color: var(--textcolor-2) !important
}

#scrollIframe .follow_btn.on {
    background: #ff99001a
}

#scrollIframe .DataTips {
    text-align: center;
    color: #999;
    font-weight: 700;
    padding-top: 260px;
    line-height: 24px;
    font-size: 22px;
    min-height: 380px;
    background: url(/build/assets/images/nomatch.png) center 40px no-repeat
}

#scrollIframe .inner_ul {
    border-top: 3px solid var(--primary-color)
}

#scrollIframe .tdlink th,
#scrollIframe .tdlink.sub-head th,
#scrollIframe .tdlink.sub-head.lea-head th {
    background-color: #e6e6e6;
    color: #666
}

#scrollIframe #soccer .tdlink a:hover {
    color: var(--thirdly-color) !important
}

#scrollIframe .alterbg2,
#scrollIframe .alterbg2 td {
    background-color: #dfeaf6
}

#scrollIframe .STYLE7,
#scrollIframe .bwd-red b {
    color: #a5221b
}

#scrollIframe .bt_off,
#scrollIframe .bt_off a {
    background-color: #dedede !important
}

#scrollIframe .bt_on a {
    background-color: #585858 !important
}

#scrollIframe #th_information,
#scrollIframe .toolBar select {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

#scrollIframe #showRound {
    margin: -1px 0
}

#scrollIframe #showRound table td {
    border: 1px solid #d2d2d2
}

#scrollIframe .groupTitle {
    background-color: #e5e5e5;
    font-weight: 700;
    line-height: 20px
}

.dark .groupTitle,
.dark .tdlink .groupTabTitle {
    background-color: #111
}

#scrollIframe .fifa a {
    width: 92px
}

#scrollIframe #th_information {
    background-color: var(--second-color);
    border: 1px solid var(--second-color)
}

#scrollIframe #Table3 tr:hover,
#scrollIframe #selectName,
#scrollIframe .div_inner_bottom_span_ul li:hover,
#scrollIframe .hightlight1,
#scrollIframe .left_list_on {
    background-color: #edf3e6
}

.dark #selectName {
    background-color: #515847
}

#scrollIframe .mintopnav a {
    padding: 0 35px
}

#scrollIframe .team-head .title-bg {
    background-color: #15825f0d
}

#scrollIframe #left_nav1 {
    background: var(--second-color);
    background: var(--primary-color);
    width: 150px;
    text-align: center;
    color: #fff;
    line-height: 33px;
    font-size: 13px;
    font-weight: 700;
    float: left
}

#scrollIframe .sub_menu {
    border-bottom: 3px solid var(--second-color)
}

#scrollIframe #selectTeam,
#scrollIframe .search_3 {
    width: 150px
}

#scrollIframe .nav_select.rank .nav_selected,
.dark .nav_select.rank .nav_selected {
    background: var(--second-color);
    color: #fff;
    border-color: var(--second-color)
}

#scrollIframe #top .weblogo {
    height: 32px
}

#scrollIframe .second-version .table-v2 table tbody tr:first-child th:nth-child(2) {
    width: 19% !important
}

html body #scrollIframe {
    min-width: unset !important
}

@media only screen and (max-width:1240px) {
    #scrollIframe .version-2 #i_main {
        width: calc(100% - 205px)
    }

    #scrollIframe #info.version-2 {
        width: 100% !important
    }
}

@media only screen and (min-width:1025px) {
    #scrollIframe #Table4.mobile.table4-mobile-fixture {
        display: none
    }
}

@media only screen and (max-width:1025px) {
    html body #scrollIframe #info.top-league #i_main .info_title .info_title_left {
        text-wrap: wrap;
        line-height: 1.6
    }
}

#scrollIframe .league-responsive .td-away a,
#scrollIframe .league-responsive .td-home a {
    color: #333;
    font-size: 12px
}

@media only screen and (max-width:1024px) {

    #scrollIframe #filter-box-on-mobile .sotit,
    #scrollIframe #filter-box-on-pc,
    #scrollIframe #view-tap-bottom.sub_menu,
    #scrollIframe .crumbs,
    #scrollIframe .top-nav-vuejs .top-nav-vuejs-wrap-btn,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #div_Table1 tr th strong.th__pc,
    html body #scrollIframe #info #i_main #i_data.page-ahstats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-archer .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableId,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a img,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong.six-game,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-oustats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-oustats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-schedule #matchBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .owl-nav,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-dots,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-nav,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table3,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .round,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .round,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content span,
    html body #scrollIframe #info #i_main .data.page-ahstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-ahstats #div_Table1 tr th strong.th__pc,
    html body #scrollIframe #info #i_main .data.page-ahstats .nav_select,
    html body #scrollIframe #info #i_main .data.page-archer .nav_select,
    html body #scrollIframe #info #i_main .data.page-hfstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-hfstats .nav_select,
    html body #scrollIframe #info #i_main .data.page-leastanding #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableId,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a img,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong.six-game,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select,
    html body #scrollIframe #info #i_main .data.page-oustats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-oustats .nav_select,
    html body #scrollIframe #info #i_main .data.page-schedule #matchBox,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .owl-nav,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-dots,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-nav,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table3,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .round,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .round,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 .first-tr,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 .h-34,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content span,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 .first-tr,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 .h-34 {
        display: none
    }

    #scrollIframe #filter-box-on-mobile,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span:nth-last-child(-n+4),
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound.vue,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span:nth-last-child(-n+4),
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tbody,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tbody {
        display: block
    }

    #scrollIframe #filter-box-on-mobile .llx {
        gap: 9px
    }

    #scrollIframe #filter-box-on-mobile .btn-item-now {
        font-size: 10px;
        padding: 8px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df,
    #scrollIframe #filter-box-on-mobile .filter-cup-match .custom-select-02 .custom-select {
        font-size: 10px
    }

    #scrollIframe #filter-box-on-mobile .filter-cup-match-box {
        padding: 7px 10px;
        height: initial;
        border: 1px solid #005030;
        min-height: 34px
    }

    #scrollIframe #filter-box-on-mobile .filter-search-row {
        margin-bottom: 0
    }

    #scrollIframe #filter-box-on-mobile .filter-row-select .custom-select-02 .custom-select {
        font-size: 10px;
        max-width: 100%
    }

    #scrollIframe #filter-box-on-mobile #sixinoneFilterLeague {
        width: 350px !important;
        transform: none !important;
        left: -68px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df {
        min-width: initial !important;
        padding: 0 8px;
        min-height: 34px;
        line-height: 33px
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02:after {
        right: 7px;
        width: 11px;
        height: 11px
    }

    #scrollIframe #app6in1 .table-view,
    #scrollIframe #filter-box-on-mobile .filter-all-hot {
        margin-top: 8px
    }

    #scrollIframe #filter-box-on-mobile .filter-row-select,
    #scrollIframe #filter-box-on-mobile .xll-r {
        gap: 8px
    }

    #scrollIframe #filter-box-on-mobile .search-box img {
        left: initial !important;
        right: 24px
    }

    #scrollIframe #filter-box-on-mobile .search-box input {
        font-size: 11px !important;
        height: 28px !important;
        padding-left: 10px !important
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    #scrollIframe #filter-box-on-mobile .search-box input::placeholder {
        font-size: 11px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-top label,
    #scrollIframe .main-content .league-responsive #Table3 tr td .box-set * {
        font-size: 12px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-top span label {
        font-size: 11px !important
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div.bts-inner,
    #scrollIframe #filter-box-on-mobile .myleague2.scroll-custom>div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #scrollIframe #filter-box-on-mobile #myleague2 ul li label {
        font-size: 10px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-bottom .select-all span {
        margin-left: 5px !important;
        font-size: 11px !important
    }

    #scrollIframe .sixmix-container .filter-box #sixinoneFilterLeague .bts-bottom #button {
        width: 88px;
        font-size: 12px
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div.select-all {
        padding-right: 0 !important
    }

    #scrollIframe #app6in1 .sixmix-container {
        padding-top: 0
    }

    #scrollIframe #app6in1 .league-item,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time {
        margin-bottom: 8px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df.active_ {
        background-color: #005030;
        color: #fff !important;
        border: 1px solid #005030
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options,
    #scrollIframe .league-responsive .tr-des td,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team select {
        width: 100%
    }

    #scrollIframe #view-tap-top.sub_menu,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row {
        display: flex
    }

    #scrollIframe #info.vue.version-2.data-sync.top-league.league-container {
        margin-top: 0 !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox {
        margin-right: 0 !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 {
        width: 120px;
        margin-top: 5px;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 95px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-toggle {
        width: 120px !important;
        font-size: 10px;
        color: var(--Monotone-Grey-900, #070f03)
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu.show svg {
        transform: rotate(180deg)
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu svg {
        right: 11px;
        top: 8px;
        position: absolute
    }

    #scrollIframe html {
        min-width: unset
    }

    html body #scrollIframe {
        min-width: unset !important
    }

    html body #scrollIframe #container #header-wrapper,
    html body #scrollIframe #info #databaseLeagueFilter,
    html body #scrollIframe #info #i_main #i_data.page-techlist .nav_select.bc-grey-100,
    html body #scrollIframe #info #i_main #i_data.page-techlist .toolBar,
    html body #scrollIframe #info #i_main .data.page-techlist .nav_select.bc-grey-100,
    html body #scrollIframe #info #i_main .data.page-techlist .toolBar,
    html body #scrollIframe #info #i_main.page-hfstats .nav_select,
    html body #scrollIframe #info #left {
        display: none !important
    }

    html body #scrollIframe #info {
        width: unset !important;
        margin-top: 12px !important;
        padding: 0
    }

    html body #scrollIframe #info #i_main {
        padding-left: 3px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left {
        color: var(--Monotone-Grey-900, #070f03);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .img {
        width: 33px;
        height: 33px;
        margin-top: 0;
        margin-right: 8px;
        background: unset
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .img img {
        transform: translateY(-4px)
    }

    #scrollIframe .td-logo-team {
        display: inline-block !important;
        width: 16px;
        height: auto
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-toggle.show {
        color: #fff !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-menu {
        width: 150px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_right {
        position: absolute;
        right: 10px;
        transform: translateY(33px)
    }

    html body #scrollIframe #info #i_main .sub_menu {
        overflow-x: scroll;
        scrollbar-width: none;
        margin: 0 0 16px
    }

    html body #scrollIframe #info #i_main #div_Table1.hfstats tr th strong,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select #menuUl1 li,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td a,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr td a,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr td a,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select #menuUl1 li,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td a,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr td a,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr td a,
    html body #scrollIframe #info #i_main .sub_menu a,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr td a,
    html body #scrollIframe #info #i_main.page-hfstats.cupmatch #div_Table1 tr th strong {
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile {
        display: block !important;
        margin-bottom: 12px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border {
        display: flex;
        justify-content: start;
        align-items: center;
        overflow-x: auto;
        width: calc(100% + 0px)
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .roundslide-text,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .roundslide-text {
        background-color: #e3f1eb;
        display: flex;
        width: 48px;
        height: 48px;
        padding: 0 12px;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: sticky;
        left: 0
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm1,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm2,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm1,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm2 {
        height: 48px;
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border-right: 1px solid #f2f2f2;
        width: 36px !important;
        justify-content: center;
        background-color: #fff;
        flex: none
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item {
        height: 48px;
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border-right: 1px solid #f2f2f2;
        width: 36px !important;
        justify-content: center;
        background-color: #fff
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm1,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm2,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm1,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm2 {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }

    #scrollIframe .logo-team-fixture {
        width: 16px;
        height: auto
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #div_Table1 tr th strong.th__mb,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong.three-game,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5,
    html body #scrollIframe #info #i_main .data.page-ahstats #div_Table1 tr th strong.th__mb,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong.three-game,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 {
        display: block !important
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check {
        justify-content: right;
        display: flex;
        margin: 0 4px 12px 0 !important;
        gap: 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check span {
        align-items: center;
        display: flex
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match {
        border-radius: 4px;
        background: var(--Monotone-Grey-100, #fbfbfb);
        margin-bottom: 12px;
        padding: 27px 9px 9px;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team {
        display: flex;
        justify-content: center;
        gap: 9px;
        margin-bottom: 7px;
        position: relative;
        align-items: center;
        overflow: hidden
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 {
        display: flex;
        align-items: center
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .link-v2 img.logo-team-fixture {
        display: inline
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score {
        color: var(--old-Medium-Red, #e51b00);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-wrap: nowrap !important
    }

    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score a {
        padding-left: 5px;
        padding-right: 5px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score font,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score font {
        font-family: Inter
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam {
        color: var(--Monotone-Grey-900, #070f03);
        text-align: right;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        display: flex;
        position: absolute;
        left: calc(50% + 18px)
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam .team-name {
        font-size: 12px;
        font-style: normal;
        line-height: 18px;
        font-weight: 500;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam span,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam span {
        margin: 0 2px;
        text-align: center;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam.first,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam.first {
        position: absolute;
        right: calc(50% + 22px);
        left: unset
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day {
        color: var(--New-Color-04, #337359);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .line,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .line {
        margin: 0 6px;
        color: #dcdcdc
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .hour {
        color: var(--new-color-time-gi, #36aa7c);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin: 0 !important
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 {
        color: #717171;
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font {
        font-family: Inter;
        color: var(--2, #e51b00);
        font-size: 10px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table {
        justify-content: space-between;
        display: flex
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds {
        display: flex;
        gap: 0 6px;
        width: 100%
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text {
        color: var(--Monotone-Grey-800, #414141);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        align-items: center;
        width: 37px;
        justify-content: center;
        display: none
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div {
        display: flex;
        width: 100%;
        height: 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #ffefd8;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: var(--MonotoneGrey-900, #070f03);
        padding: 5px;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .box-set {
        background: unset;
        font-weight: 600
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div:before {
        content: attr(data-before-content);
        position: absolute;
        left: 6px;
        color: #717171;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .tocolor {
        background-color: unset
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .extra a {
        margin-top: 3px
    }

    #scrollIframe .match .bottom-table .extra {
        position: absolute;
        right: 9px;
        top: 9px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .explanation,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .explanation,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .explanation,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .explanation {
        color: var(--New-Color-06, #004026);
        text-align: center;
        font-family: Inter;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        background: #defff2;
        margin: -12px 0 12px;
        padding: 8px;
        border-radius: 0 0 4px 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select #menuUl1,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select #menuUl1 {
        display: flex;
        max-width: 100%;
        overflow-x: scroll;
        scrollbar-width: none
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb {
        display: block !important;
        scrollbar-width: none
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th {
        background-color: #d4d4d4;
        color: var(--Monotone-Grey-900, #070f03);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-weight: 500;
        line-height: 16px;
        border-right: 1px solid var(--Monotone-Grey-500, #bbb);
        border-bottom: 1px solid var(--Monotone-Grey-500, #bbb);
        max-width: 47px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong {
        width: 57px;
        text-align: left;
        line-height: 18px;
        text-wrap: nowrap;
        display: block;
        max-width: 47px;
        overflow: hidden;
        font-weight: 500 !important;
        text-overflow: ellipsis
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td {
        position: unset;
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        background: #f2f2f2;
        max-width: 67px !important;
        height: 29px;
        border-top: none;
        border-right: 1px solid var(--Monotone-Grey-500, #bbb);
        border-bottom: 1px solid var(--Monotone-Grey-500, #bbb);
        border-left: none;
        min-width: 66px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a {
        line-height: 18px;
        text-wrap: nowrap;
        display: block;
        max-width: 67px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2px;
        justify-content: center
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span {
        display: none;
        width: 16px;
        height: 16px;
        border-radius: 50%
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist,
    html body #scrollIframe #info #i_main .data.page-techlist {
        background-color: unset !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile {
        display: block !important;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile {
        width: auto;
        gap: 9px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-toggle,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-toggle {
        width: 140px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu {
        width: 140px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile {
        margin-left: 14px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button {
        display: flex;
        width: 120px;
        padding: 5px 10px;
        justify-content: space-between;
        align-items: center;
        border-radius: 4px;
        background: #f2f2f2;
        height: 20px;
        margin-bottom: 0
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text {
        color: #717171;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path {
        fill: #9a9a9a
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content {
        position: absolute;
        display: none;
        border-radius: 5px;
        background: var(--Monotone-Grey-300, #e6e6e6);
        box-shadow: 4px 4px 30px #11132c1a;
        padding: 20px;
        left: 40px;
        width: calc(100% - 40px);
        z-index: 999;
        transform: translate(-41px);
        transition: .2s;
        top: 42px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content.show,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content.show {
        display: block;
        transition: .2s
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text {
        color: #000;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 12px;
        margin-bottom: 8px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select {
        margin-right: 0 !important;
        width: calc(50% - 7px);
        max-width: 123px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select.first,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select.first {
        margin-right: 9px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select option,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select option {
        max-width: 150px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content input,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content input {
        margin-top: 12px;
        margin-left: 0 !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .close,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .close {
        position: absolute;
        top: 8px;
        right: 8px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two {
        display: flex;
        gap: 8px;
        margin-bottom: 12px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one select,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two select {
        width: 50%
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .compare,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .compare {
        display: flex;
        width: 122px;
        height: 34px;
        padding: 6px 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 8px;
        background: #9f2c09;
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        border: none
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile {
        margin: 8px 0 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-archer .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-oustats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-ahstats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-archer .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-hfstats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-leastanding .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-oustats .filterLi2.xz,
    html body #scrollIframe #info #i_main.page-hfstats .filterLi2 {
        display: block !important;
        margin-bottom: 12px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile .tools,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile .tools {
        border-bottom: unset;
        padding: 0;
        transform: translate(-10px);
        cursor: default
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile .tools label,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile .tools label {
        z-index: -1;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #allTongJi1,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #allTongJi2,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId,
    html body #scrollIframe #info #i_main #i_data.page-contrast,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-leastanding,
    html body #scrollIframe #info #i_main #i_data.page-oustats #allTongJi1,
    html body #scrollIframe #info #i_main #i_data.page-oustats #allTongJi2,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId,
    html body #scrollIframe #info #i_main .data.page-ahstats #allTongJi1,
    html body #scrollIframe #info #i_main .data.page-ahstats #allTongJi2,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId,
    html body #scrollIframe #info #i_main .data.page-archer #tableId,
    html body #scrollIframe #info #i_main .data.page-contrast,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId,
    html body #scrollIframe #info #i_main .data.page-leastanding,
    html body #scrollIframe #info #i_main .data.page-oustats #allTongJi1,
    html body #scrollIframe #info #i_main .data.page-oustats #allTongJi2,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv {
        overflow-x: scroll;
        scrollbar-width: none;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 {
        border-radius: 4px;
        overflow-x: auto;
        scrollbar-width: none;
        display: block;
        border: none
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr th,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr th,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr th,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr th,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr th,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr th,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr th {
        padding: 0 5px
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr td,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr td,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr td,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr td,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr td {
        text-wrap: nowrap;
        padding: 0 5px
    }

    html body #scrollIframe #info #i_main #i_data .main_title,
    html body #scrollIframe #info #i_main .data .main_title {
        color: var(--Monotone-Grey-900, #070f03);
        font-family: Inter;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu {
        color: var(--Monotone-Grey-100, #fff) !important;
        opacity: 1;
        background-color: #5b1905;
        width: 167px;
        border-radius: 4px !important;
        border: none;
        text-align: left;
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        text-transform: capitalize;
        position: relative;
        cursor: auto
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:after {
        content: unset !important;
        display: none !important
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:hover {
        border: none !important
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:focus-visible {
        outline: 0
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu {
        width: 167px !important;
        top: 28px;
        padding: 4px 0 0;
        border-radius: 4px;
        overflow: hidden
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 4px solid #fff
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu .option {
        color: var(--Monotone-Grey-0, #000);
        font-family: Inter;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        text-transform: capitalize;
        background: #fff;
        height: 30px;
        align-items: center;
        display: flex;
        padding-left: 10px;
        transition: .2s
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu .option:hover {
        background: var(--Monotone-Grey-300, #e6e6e6);
        color: #000;
        cursor: auto !important;
        transition: .2s
    }

    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:first-of-type th:nth-of-type(1) {
        background-color: #ccdcd6 !important
    }

    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:nth-of-type(2) th:first-of-type,
    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:nth-of-type(3) th:first-of-type {
        position: unset
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:focus-visible {
        outline: 0
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu {
        width: 167px !important;
        top: 28px;
        padding: 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    html body #scrollIframe #info #i_main #lastUpdateTime {
        font-size: 10px !important;
        margin-top: 12px !important
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .info_title .info_title_left {
        color: #fff
    }

    html body.dark #info #i_main .info_title .info_title_left .filterLi2 .dropdown-toggle {
        color: var(--Monotone-Grey-400, #d4d4d4)
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .roundslide-text,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .roundslide-text {
        color: var(--white, #fff) !important;
        background-color: #374033 !important
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item {
        background: #232323 !important;
        color: var(--Monotone-Grey-500, #bbb) !important;
        border-right: 1px solid #2a2a2a
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm2,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm2 {
        border-right: 1px solid #2a2a2a;
        background: #232323
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match {
        background: #1a1a1a !important
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam.first,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam.first {
        color: var(--Monotone-Grey-0, #fff)
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score {
        color: #ffc225
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day {
        color: var(--new-color-time-gi, #36aa7c)
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .line,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .line {
        color: #414141
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div {
        background: #170500;
        color: #fff
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .explanation,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .explanation,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .explanation,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .explanation {
        background: #002013;
        color: var(--Monotone-Grey-400, #d4d4d4)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr th {
        background: var(--BG-TITLE-BNG-T-L, #374033);
        border-right: 1px solid var(--Black, #000);
        border-bottom: 1px solid var(--Black, #000)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr th strong,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr th strong,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text {
        color: var(--Monotone-Grey-300, #e6e6e6)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr td {
        color: var(--Monotone-Grey-300, #e6e6e6) !important;
        background: #222;
        border-right: 1px solid var(--Black, #000);
        border-bottom: 1px solid var(--Black, #000)
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-archer .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .select__menu,
    html body.dark #info #i_main .data.page-ahstats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-archer .dropdown .select__menu,
    html body.dark #info #i_main .data.page-contrast .dropdown .select__menu,
    html body.dark #info #i_main .data.page-hfstats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-leastanding .dropdown .select__menu,
    html body.dark #info #i_main .data.page-oustats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-techlist .dropdown .select__menu,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .select__menu,
    html body.dark #info #i_main.page-hfstats .dropdown .select__menu {
        background-color: #260c04
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu:before,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu:before {
        border-bottom: 4px solid #000
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu .option {
        background: #030405;
        color: #fff
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu .option:hover {
        background: #1e1e1e
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button {
        background: #232323
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text {
        color: var(--Monotone-Grey-500, #bbb)
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path {
        fill: #fff
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content {
        background: #1a1a1a
    }

    html body.dark #info #i_main #i_data.page-ahstats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-archer #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-contrast #Table1:after,
    html body.dark #info #i_main #i_data.page-goaltime #tableId #Table1:after,
    html body.dark #info #i_main #i_data.page-hfstats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb:after,
    html body.dark #info #i_main #i_data.page-oustats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab:after,
    html body.dark #info #i_main #i_data.page-schedule.cup-match #showRound table:after,
    html body.dark #info #i_main #i_data.page-scorestats #tableId #Table1:after,
    html body.dark #info #i_main #i_data.page-techlist #tableId #div_Table2:after,
    html body.dark #info #i_main .data.page-ahstats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-archer #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-contrast #Table1:after,
    html body.dark #info #i_main .data.page-goaltime #tableId #Table1:after,
    html body.dark #info #i_main .data.page-hfstats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb:after,
    html body.dark #info #i_main .data.page-oustats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab:after,
    html body.dark #info #i_main .data.page-schedule.cup-match #showRound table:after,
    html body.dark #info #i_main .data.page-scorestats #tableId #Table1:after,
    html body.dark #info #i_main .data.page-techlist #tableId #div_Table2:after,
    html body.dark #info #i_main.page-hfstats #MainDiv #div_Table1:after {
        background: linear-gradient(90deg, #0000 55.9%, #000000b3)
    }

    html body.dark #info #i_main .page-contrast #Table1 tr td:first-of-type,
    html body.dark #info #i_main .page-contrast #Table1 tr:first-of-type th:first-of-type,
    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(n+4) th:first-of-type {
        background-color: #374033 !important
    }

    html body.dark #info #i_main .page-contrast #Table1 tr:first-of-type th:nth-of-type(n+2),
    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(3) th {
        background-color: #1e1e1e !important
    }

    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(2) th {
        background-color: #151515 !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox {
        float: left;
        flex-wrap: wrap;
        width: 100%
    }

    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        height: auto;
        line-height: initial;
        padding: 27px 6px 6px;
        justify-content: space-between;
        box-sizing: border-box
    }

    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr.bg-oyellow,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr.tr-des,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr.bg-oyellow,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr.tr-des {
        padding-top: 6px;
        justify-content: center
    }

    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr *,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr td {
        box-sizing: border-box
    }

    #scrollIframe .league-responsive {
        position: relative;
        z-index: 0
    }

    #scrollIframe .league-responsive #showRound {
        overflow-x: auto
    }

    #scrollIframe .league-responsive .box-des-content {
        position: relative
    }

    #scrollIframe .league-responsive .box-des-content:before {
        content: attr(data-before-content);
        position: absolute;
        left: 6px;
        top: 9px;
        color: #717171;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    #scrollIframe .league-responsive .match-time,
    #scrollIframe .league-responsive .td-sche,
    #scrollIframe .league-responsive td[name=timeData] {
        position: absolute;
        bottom: 40px;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 16px
    }

    #scrollIframe .league-responsive .td-detail {
        position: absolute;
        right: 0;
        top: 0
    }

    #scrollIframe .league-responsive .td-round {
        position: absolute !important;
        left: 8px !important;
        top: 7px !important
    }

    #scrollIframe .league-responsive td[name=timeData] {
        right: 50%;
        margin-right: -55px
    }

    #scrollIframe .league-responsive .match-time {
        bottom: 45px;
        right: 50%;
        margin-right: -40px
    }

    #scrollIframe .league-responsive .td-sche {
        left: 50%;
        margin-left: 40px
    }

    #scrollIframe .league-responsive .td-sche .red {
        border-left: 1px solid #dcdcdc;
        padding-left: 6px
    }

    #scrollIframe .league-responsive .td-home {
        padding-right: 0;
        text-align: right
    }

    #scrollIframe .league-responsive .td-away,
    #scrollIframe .league-responsive .td-home {
        display: flex;
        justify-content: right;
        width: calc(50% - 32px)
    }

    #scrollIframe .league-responsive td td .team-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }

    #scrollIframe .league-responsive .outteam img {
        vertical-align: top
    }

    #scrollIframe .league-responsive .outteam,
    #scrollIframe .second-version .league-responsive .outteam {
        align-items: center
    }

    #scrollIframe .league-responsive .td-away a,
    #scrollIframe .league-responsive .td-home a {
        color: #333;
        font-size: 12px;
        display: flex;
        flex-wrap: nowrap
    }

    #scrollIframe .league-responsive .td-away {
        justify-content: left;
        padding-left: 0;
        text-align: left
    }

    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr .td-sche font {
        font-size: 12px
    }

    #scrollIframe .league-responsive .td-odds {
        width: calc(33.33% - 6px);
        margin-top: 30px;
        padding: 0 !important;
        margin-left: 3px;
        margin-right: 3px;
        background-color: var(--yellow30);
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        font-style: normal;
        font-weight: 600;
        color: var(--MonotoneGrey-900, #070f03)
    }

    #scrollIframe .league-responsive .td-odds .tocolor {
        width: 100%;
        height: 30px !important
    }

    #scrollIframe .data-sync .league-responsive #Table3 tr td .box-set {
        width: 100% !important;
        height: 30px !important;
        font-size: 12px !important;
        line-height: 30px !important;
        font-style: normal;
        font-weight: 600;
        justify-content: center
    }

    #scrollIframe .league-responsive .td-detail a {
        cursor: pointer
    }

    #scrollIframe .league-responsive .td-logo-team {
        vertical-align: top;
        display: inline-block;
        width: 16px;
        height: auto
    }
}

#scrollIframe .data1 td,
#scrollIframe .tdlink td,
#scrollIframe select,
#scrollIframe table,
#scrollIframe td {
    font-size: 11px
}

#scrollIframe select {
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 2px
}

#scrollIframe div,
#scrollIframe form,
#scrollIframe h1,
#scrollIframe h2,
#scrollIframe h3,
#scrollIframe h4,
#scrollIframe img,
#scrollIframe input,
#scrollIframe p,
#scrollIframe span,
#scrollIframe textarea {
    margin: 0;
    padding: 0;
    font-weight: 400
}

#scrollIframe ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#scrollIframe li {
    vertical-align: bottom
}

#scrollIframe img {
    border-width: 0
}

#scrollIframe a:link,
#scrollIframe a:visited {
    font-size: 11px;
    text-decoration: none;
    color: #333
}

#scrollIframe a:hover {
    font-size: 11px;
    color: #c30;
    text-decoration: underline
}

#scrollIframe #bottom {
    min-width: 1060px;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    background-color: #555;
    color: #999
}

#scrollIframe .mcontent {
    min-width: 1060px;
    margin: 0 auto;
    min-height: 700px
}

#scrollIframe .mcontent:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

#scrollIframe .maindiv {
    background-color: #f5f8fa;
    width: 723px;
    border: 1px solid #b8c9d6;
    margin-bottom: 8px;
    padding: 20px 20px 15px
}

#scrollIframe #bottom .f_menu,
#scrollIframe #bottom .menuL {
    width: 1000px;
    margin: 10px auto 0;
    text-align: center
}

#scrollIframe #bottom .f_menu li {
    display: inline;
    padding: 0 10px
}

#scrollIframe #bottom .webid a {
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: Gotham, Helvetica Neue, Helvetica, Arial, " sans-serif"
}

#scrollIframe #bottom .webid a i {
    color: #f60;
    font-style: normal
}

#scrollIframe .network a {
    display: inline-block;
    padding: 5px 8px;
    margin-right: 10px
}

#scrollIframe #bottom .webid a:hover,
#scrollIframe .network a:hover {
    background-color: #3e3e3e;
    text-decoration: none;
    border-radius: 3px
}

#scrollIframe .network img {
    vertical-align: -6px;
    margin-right: 6px;
    width: 23px;
    height: 23px
}

#scrollIframe .webid {
    text-align: center;
    margin-bottom: 10px
}

#scrollIframe .webid .li {
    border-right: 1px solid #888;
    margin: 0 10px;
    display: inline-block;
    height: 12px
}

#scrollIframe .webid .site {
    color: #d0d0d0;
    font-size: 14px;
    margin: 0 5px 0 20px
}

#scrollIframe img.captain {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 1px
}

#scrollIframe .content.toolBar select {
    width: 120px
}

#scrollIframe .green {
    color: green !important
}

#scrollIframe .blue {
    color: #4174bf !important
}

#scrollIframe .mpager {
    float: right;
    margin-right: 10px
}

#scrollIframe .mpager li {
    float: left;
    margin: 4px 2px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #fff;
    color: #06c
}

#scrollIframe table {
    BORDER-COLLAPSE: collapse
}

#scrollIframe table tr td {
    line-height: 22px
}

#scrollIframe .tdlink .otherteam {
    color: #444
}

#scrollIframe .tdlink .otherteam:hover {
    color: #f99
}

#scrollIframe .new_icon {
    color: #fff;
    background: #f44336;
    background-image: none !important;
    height: 15px;
    line-height: 13px;
    margin-left: 5px;
    font-weight: 400;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    white-space: nowrap
}

#scrollIframe .da_nav,
#scrollIframe .da_nav_on {
    line-height: 30px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    clear: both;
    font-weight: 700
}

#scrollIframe .da_nav {
    background-color: var(--bgcolor-3);
    color: var(--textcolor-2);
    cursor: pointer;
    padding-left: 20px
}

#scrollIframe .da_nav:before,
#scrollIframe .da_nav_on:before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    position: absolute
}

#scrollIframe .da_nav:before {
    border-top-color: #999;
    transform: rotate(-90deg);
    top: 7px;
    left: 8px
}

#scrollIframe .da_nav_on {
    background-color: var(--primary-color);
    color: var(--text-white);
    cursor: hand;
    padding-left: 22px;
    margin-bottom: -1px
}

#scrollIframe .da_nav_on:before {
    border-top-color: #fff;
    top: 7px;
    left: 6px
}

.dark #info,
.dark #team_main,
.dark select {
    background-color: #282828;
    color: #e5e5e5
}

#scrollIframe .top-tools-left2 {
    float: left;
    padding-left: 20px;
    cursor: pointer;
    width: 630px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ffde00
}

#scrollIframe .bg-ored {
    background-color: #fbeee9
}

#scrollIframe .bg-lgreen {
    background-color: #f3fdea
}

#scrollIframe .bg-oyellow,
#scrollIframe .bg-scol2 {
    background-color: #ffffe7 !important
}

#scrollIframe .bg-oblue {
    background-color: #f0f8fd
}

#scrollIframe .bg-gold,
#scrollIframe .bg-scol1 {
    background-color: #fdf4e0
}

.dark .bg-ored {
    background-color: #461c0c
}

.dark .bg-lgreen {
    background-color: #1e3807
}

.dark .bg-oyellow,
.dark .bg-scol2 {
    background-color: #353506 !important
}

.dark .bg-oblue {
    background-color: #0e3148
}

.dark .bg-gold,
.dark .bg-scol1 {
    background-color: #44320a
}

.dark .h-th {
    background: #333
}

#scrollIframe #topAdDiv a~a,
#scrollIframe .wd-xxs span:first-child {
    margin-left: 5px
}

.dark .da_nav {
    border-color: #282828
}

.dark .nav_select_right,
.dark .tdlink th,
.dark .tdlink.sub-head th,
.dark .tdlink.sub-head.lea-head th {
    background-color: #333;
    color: #999
}

.dark .search_input {
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color)
}

.dark .search_3 #Text1 {
    background-color: #282828;
    border: 1px solid #444;
    color: #e5e5e5
}

.dark #Table3 tr:nth-child(odd),
.dark .tdlink tr:nth-child(odd) {
    background: #222
}

.dark #Table3 tr:hover {
    background-color: #394032
}

#scrollIframe #div_search .cc a,
#scrollIframe .cc a {
    position: absolute;
    right: 2px;
    top: 8px;
    padding: 0;
    width: 24px;
    height: 24px
}

#scrollIframe div.AspNetPager,
#scrollIframe tr.AspNetPager {
    padding-top: 8px;
    padding-bottom: 8px
}

#scrollIframe .cc a:after,
#scrollIframe .cc a:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    top: 11px;
    left: 4px;
    background-color: #666
}

.dark .cc a:after,
.dark .cc a:before {
    background-color: #999
}

#scrollIframe .sotit {
    padding: 2px 6px 0;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.dark .search_2 #Text1 {
    background-color: #444;
    border: 1px solid #444;
    color: #fff
}

.dark .left_list,
.dark .left_list3,
.dark .left_list_on,
.dark .nodataTxt {
    border-color: #444
}

#scrollIframe .search_title {
    height: 15px;
    font-weight: 700;
    text-align: center
}

#scrollIframe .search_2 {
    float: left;
    width: 134px;
    text-align: center;
    padding-top: 4px
}

#scrollIframe .search_2 #Text1 {
    width: 134px;
    margin-bottom: 4px;
    margin-left: 2px;
    padding: 4px
}

#scrollIframe .search_3 #Text1 {
    width: 132px;
    margin-bottom: 4px;
    height: 24px
}

#scrollIframe .search_input {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 100px;
    height: 23px;
    margin-top: 3px
}

#scrollIframe div.AspNetPager {
    float: right;
    clear: both
}

#scrollIframe div.AspNetPager .currentPage,
#scrollIframe tr.AspNetPager span {
    padding: 2px 3px;
    border: 1px solid #f84;
    color: red;
    font-family: Tahoma
}

#scrollIframe div.AspNetPager a.AspNetPager,
#scrollIframe tr.AspNetPager a {
    padding: 2px 3px;
    border: 1px solid #bbb;
    color: #333;
    font-family: Tahoma
}

#scrollIframe div.AspNetPager a.AspNetPager:hover,
#scrollIframe tr.AspNetPager a:hover {
    color: #fff;
    background-color: #666;
    text-decoration: none;
    border: 1px solid #666
}

#scrollIframe .write .odds span {
    color: #666;
    padding: 0 5px
}

#scrollIframe .content .yearBox {
    display: block;
    float: left;
    padding: 2px 5px;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: 400
}

#scrollIframe .pager {
    line-height: 30px;
    text-align: right;
    overflow: hidden;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

#scrollIframe .pager a,
#scrollIframe .pager span {
    display: block;
    float: left;
    padding: 2px 8px;
    line-height: 20px;
    background: #eff4fa;
    margin-top: 2px;
    margin-right: 5px;
    border: 1px solid #8db3c2
}

#scrollIframe .pager>a.on,
#scrollIframe .pager>span.on {
    display: block;
    float: left;
    padding: 2px 8px;
    line-height: 20px;
    background: var(--primary-color);
    margin-top: 2px;
    margin-right: 5px;
    border: 1px solid var(--primary-color);
    color: #fff;
    font-weight: 700
}

#scrollIframe div.btn {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
    border-style: none;
    cursor: pointer;
    display: block;
    padding: 3px 15px;
    clear: none;
    float: none;
    margin: 10px auto;
    width: 40%
}

#scrollIframe .nav_select li,
#scrollIframe .nav_select.rank li {
    display: inline-block;
    padding: 0 10px;
    margin: 5px 0 5px 8px;
    line-height: 24px;
    cursor: pointer
}

#scrollIframe .nodataTxt {
    font-weight: 700;
    text-align: center;
    margin: 0 0 5px;
    padding: 20px 0;
    border: 1px solid #d2d2d2
}

.dark .pager a,
.dark .pager span {
    background: #222 !important;
    border: 1px solid #444;
    color: #e5e5e5
}

#scrollIframe .tocolor {
    background: var(--yellow30);
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block
}

.dark .tocolor {
    color: var(--white)
}

#scrollIframe .sort {
    position: relative;
    width: 10px;
    height: 12px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: -2px
}

#scrollIframe .sort:after,
#scrollIframe .sort:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 5px solid #999;
    border-top: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
    transition: .3s
}

#scrollIframe .sort:after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg)
}

#scrollIframe .sort.down:after,
#scrollIframe .sort.up:before {
    border-bottom-color: #ff5106
}

#scrollIframe .sort-on {
    background: #0000180f
}

#scrollIframe .tdlink .groupTabTitle {
    background-color: #e6e6e6;
    width: 62px;
    align-content: center
}

#scrollIframe .nav_select.rank li {
    background: var(--bgcolor-3);
    color: var(--textcolor-2);
    text-align: center;
    min-width: 36px;
    border-radius: 3px;
    opacity: 1
}

#scrollIframe .nav_select.rank .nav_selected,
.dark .nav_select.rank .nav_selected {
    background: var(--primary-color);
    color: var(--white);
    border-radius: 3px;
    opacity: 1
}

#scrollIframe .nav_select .dropDiv,
#scrollIframe .nav_select.rank .dropDiv {
    float: right;
    opacity: 1;
    margin-right: 10px;
    padding: 0;
    border: none;
    background: 0 0;
    border-radius: 0
}

#scrollIframe .nav_select {
    background-color: var(--primary-color);
    overflow: hidden
}

#scrollIframe .nav_select li {
    color: var(--text-white);
    float: left;
    opacity: .7
}

#scrollIframe .nav_select .nav_selected {
    background-color: var(--second-color);
    border-radius: 3px;
    opacity: 1
}

#scrollIframe .nav_select ul li.tools {
    float: right;
    padding: 0 10px 0 0;
    border-style: none
}

#scrollIframe .main_title {
    background: var(--primary-color);
    color: var(--text-white);
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    float: left;
    width: 100%
}

#scrollIframe .main_title1 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: var(--text-white);
    text-align: center;
    float: left;
    background: url(/images/div_bg.gif);
    width: 638px;
    margin-top: 8px;
    border-top: 1px solid #8db3c2;
    border-right: 1px solid #8db3c2;
    border-left: 1px solid #8db3c2
}

#scrollIframe .main_title .title_left {
    padding: 0;
    position: absolute;
    left: 4px;
    top: 6px
}

#scrollIframe .main_title .title_left select,
#scrollIframe .main_title .title_right select {
    margin: 0;
    padding: 1px
}

#scrollIframe .main_title .title_right {
    padding: 0;
    position: absolute;
    top: 4px;
    right: 4px
}

#scrollIframe .main_title .title_right .btn {
    background: #0003;
    color: var(--text-white);
    font-size: 12px;
    display: block;
    float: left;
    padding: 0 8px;
    margin-left: 5px;
    line-height: 22px;
    border-radius: 2px;
    cursor: pointer
}

#scrollIframe .main_title .title_right .on {
    background: #f63
}

#scrollIframe .pages {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

#scrollIframe .pages ul {
    width: 35%;
    margin: 0 auto;
    text-align: center
}

#scrollIframe .pages ul:after {
    content: "";
    clear: both;
    display: block
}

#scrollIframe .pages li {
    float: left;
    background: var(--bgcolor-3);
    color: var(--textcolor-2);
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    padding: 0 15px;
    cursor: pointer
}

#scrollIframe .pages li:hover {
    background: var(--bgcolor-4)
}

#scrollIframe .pages .pagechose {
    color: var(--textcolor-2);
    background: 0 0 !important;
    float: left;
    line-height: 26px;
    margin: 0 5px;
    padding: 0
}

#scrollIframe .pagechose select {
    margin-left: 5px;
    padding: 2px 5px
}

#scrollIframe .pages .pageicon {
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--textcolor-2);
    border-left: 2px solid var(--textcolor-2);
    transform: rotate(-45deg);
    margin: 9px 2px
}

#scrollIframe .pages .pageicon.next {
    transform: rotate(135deg)
}

#scrollIframe #main_dt .othTeam {
    color: var(--textcolor-1) !important
}

#scrollIframe .Detail-basketball-icon,
#scrollIframe .Detail-icon,
#scrollIframe .analyze-icon,
#scrollIframe .odds-icon,
#scrollIframe .odds-icon1x2 {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 2px;
    position: relative;
    text-align: center
}

#scrollIframe .threeinone-icon {
    display: inline-block;
    position: relative
}

#scrollIframe .odds-icon,
#scrollIframe .odds-icon1x2 {
    background-image: url(/images/odds.png);
    cursor: pointer
}

#scrollIframe .analyze-icon {
    background-image: url(/assets/images/icon-analytics.svg?v=1);
    cursor: pointer
}

#scrollIframe .Detail-icon {
    background-image: url(/images/t5.png);
    width: 17px
}

.dark .Detail-icon {
    background-image: url(/images/t5-dark.png);
    width: 17px
}

#scrollIframe .redcard {
    background-color: red;
    padding-left: 2px;
    padding-bottom: 0;
    padding-right: 2px;
    color: #fff
}

#scrollIframe .info_nav .tdlink .currPlayer a {
    color: var(--home_team) !important
}

#scrollIframe #i_left {
    float: left;
    width: 150px;
    background-color: var(--primary-color)
}

#scrollIframe #i_left2 {
    float: left;
    overflow: hidden
}

#scrollIframe .left_list,
#scrollIframe .left_list_on {
    padding-left: 22px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    position: relative
}

#scrollIframe .left_list_on {
    background-color: #edf3e6;
    color: var(--text-primary);
    font-weight: 700
}

#scrollIframe .left_list:before,
#scrollIframe .left_list_on:before {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #999;
    top: 12px
}

#scrollIframe .left_list:after {
    width: 2px;
    height: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #999;
    left: 10px;
    top: 10px
}

#scrollIframe .left_list a,
#scrollIframe .left_list a:link,
#scrollIframe .left_list a:visited,
#scrollIframe .left_list2 a:hover,
#scrollIframe .left_list2 a:link,
#scrollIframe .left_list2 a:visited,
#scrollIframe .left_list4 li a,
#scrollIframe .left_list4 li a:active,
#scrollIframe .left_list4 li a:hover,
#scrollIframe .left_list4 li a:link,
#scrollIframe .left_list4 li a:visited {
    color: #00328f
}

#scrollIframe .left_list2 {
    width: 140px;
    background-color: #eef7e3;
    border-top: 1px solid #d7e6c5;
    padding-left: 10px;
    font-weight: 700;
    float: left;
    height: 19px;
    padding-top: 6px
}

#scrollIframe .left_list3 {
    background-color: #f9f8f8;
    clear: both;
    border-bottom: 1px solid #e5e5e5
}

#scrollIframe .left_list3 li a {
    display: block;
    text-align: left;
    padding-left: 20px;
    color: #666;
    line-height: 26px;
    clear: both;
    position: relative
}

#scrollIframe .left_list3 li a:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 26px;
    background-color: #e5e5e5;
    overflow: hidden;
    position: absolute;
    left: 10px
}

#scrollIframe .left_list3 li a:after {
    display: inline-block;
    content: "";
    background-color: #e5e5e5;
    height: 1px;
    width: 6px;
    left: 11px;
    position: absolute;
    top: 12px
}

#scrollIframe .left_list3 li a:hover {
    background-color: #f2f2f2
}

#scrollIframe .left_list4 {
    background-color: #fbfdff;
    width: 138px;
    float: left
}

#scrollIframe .left_list4 ul {
    margin: 0 0 0 11px;
    padding: 0;
    color: #00328f
}

#scrollIframe .left_list4 li {
    text-align: left;
    padding-left: 15px;
    color: #00328f;
    display: block;
    width: 108px;
    float: left;
    line-height: 22px
}

.dark .left_list_on {
    background-color: #515847;
    color: #6db345
}

.dark .left_list2 {
    background-color: #2c440e;
    border-top: 1px solid #444
}

#scrollIframe #i_main {
    float: left;
    width: 870px;
    background: #fff
}

#scrollIframe #info.vue #i_main {
    float: none;
    width: 100%
}

#scrollIframe .cup a.on,
#scrollIframe .league a.on,
.dark .cup a.on,
.dark .league a.on {
    background-color: var(--primary-color);
    color: var(--text-white);
    border: 0
}

#scrollIframe .sub_menu {
    overflow: hidden;
    line-height: 32px;
    border-bottom: 3px solid var(--primary-color)
}

#scrollIframe .sub_menu a {
    background-color: #e5e5e5;
    color: #666;
    text-decoration: none;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 2px;
    padding: 0 12px
}

#scrollIframe .sub_menu a:hover {
    background-color: #ddd
}

.dark .sub_menu a {
    background-color: #444;
    color: #ccc
}

.dark .sub_menu a:hover {
    background-color: #555
}

#scrollIframe .round_now {
    background: var(--red40);
    color: var(--text-white) !important
}

#scrollIframe .lsm1 {
    CURSOR: hand;
    BACKGROUND-COLOR: #fdfccc
}

#scrollIframe .lsm2 {
    CURSOR: default
}

#scrollIframe .lsm11,
#scrollIframe .lsm3,
#scrollIframe .lsm31 {
    BORDER-TOP: #ffffff 1px solid;
    CURSOR: hand;
    COLOR: #fff;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #ffffff 1px solid;
    HEIGHT: 16px
}

#scrollIframe .lsm3 {
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BACKGROUND-COLOR: #f4731f
}

#scrollIframe .lsm11 {
    BACKGROUND-COLOR: #3067b1
}

#scrollIframe .lsm31 {
    BACKGROUND-COLOR: #f4731f
}

#scrollIframe #i_right {
    display: none;
    float: right;
    width: 140px
}

#scrollIframe .Position {
    color: #666;
    float: left;
    height: 20px;
    width: 638px;
    border-bottom: 1px solid #d8d8d8
}

#scrollIframe .info_title {
    overflow: absolute;
    margin: 0 0 15px
}

#scrollIframe .info_title_left {
    width: 85%;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    float: left
}

#scrollIframe .tdlink>tbody>tr>td {
    border: 1px solid var(--border-3)
}

#scrollIframe .tdlink>tbody>tr>th {
    border: 1px solid var(--border-4)
}

#scrollIframe .info_title_left>img {
    vertical-align: middle
}

#scrollIframe .info_title_left .img {
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    border-radius: 50%
}

#scrollIframe .info_title_left .img img {
    height: 26px;
    width: 60px;
    height: inherit
}

#scrollIframe .info_title_left .btn {
    margin-left: 10px;
    height: 20px;
    line-height: 20px
}

#scrollIframe .info_title_right {
    float: right;
    margin-top: 7px
}

#scrollIframe .info_title_right select {
    padding: 5px;
    margin-left: 5px
}

#scrollIframe .data {
    float: left;
    width: 100%
}

#scrollIframe .data1 {
    float: left;
    width: 630px;
    text-align: center
}

#scrollIframe #subSpnLoading,
#scrollIframe .cupmatch_loading,
#scrollIframe .loading {
    width: 800px !important;
    padding: 25px;
    text-align: center
}

#scrollIframe #subSpnLoading {
    margin: 20px 0 0 20px !important;
    border: 3px solid #ddd
}

#scrollIframe .loading {
    margin: 20px 0 20px 90px;
    border: 3px solid #ddd
}

.dark #subSpnLoading,
.dark .cupmatch_loading,
.dark .loading {
    background-color: #222 !important;
    border: 2px solid #444 !important
}

#scrollIframe .cupmatch_loading {
    margin: 120px 0 0 12px !important;
    border: 3px solid #ddd
}

#scrollIframe .no-data {
    background: #fff;
    line-height: 32px;
    font-weight: 400;
    text-align: center
}

#scrollIframe .follow_btn,
#scrollIframe .nodata {
    background: var(--bgcolor-2);
    color: var(--textcolor-2);
    text-align: center
}

#scrollIframe .nodata {
    font-size: 14px !important;
    font-weight: 700;
    padding: 20px !important
}

body.dark #main3 {
    background-color: #282828 !important
}

#scrollIframe #info,
#scrollIframe #main #min,
#scrollIframe #main3,
#scrollIframe #teammain {
    padding: 10px 10px 0;
    border-radius: 4px
}

#scrollIframe .mcontent1 {
    width: 1060px;
    margin: 10px auto;
    min-height: 700px
}

#scrollIframe .nodatapage {
    margin: 50px auto;
    text-align: center
}

#scrollIframe .nodatapage .alogo {
    color: var(--text-primary);
    font-size: 90px;
    font-weight: 700
}

#scrollIframe .nodatapage .explain {
    color: #999;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700
}

#scrollIframe .nodatapage .proposal {
    color: #999;
    font-size: 14px;
    line-height: 30px;
    margin-top: 40px
}

#scrollIframe .nodatapage .backbtn {
    background: var(--second-color);
    color: #fff;
    width: 20%;
    padding: 0 10px;
    margin: 0 auto;
    border-radius: 4px;
    display: block
}

#scrollIframe .nodatapage .iconsbtn {
    margin: 30px 0
}

#scrollIframe .nodatapage .iconsbtn a,
.dark .nodatapage .iconsbtn a {
    color: #999;
    min-width: 60px;
    display: inline-block;
    margin: 0 10px
}

#scrollIframe .nodatapage span {
    display: block;
    margin: 0 auto
}

#scrollIframe .nodatapage .ndpicon {
    background: #f5f5f5;
    width: 30px;
    height: 30px;
    padding: 10px;
    border-radius: 50%
}

.dark .nodatapage .ndpicon {
    background: #353535
}

#scrollIframe #bottom .webid .mobile-version {
    background: url(/Images/phone.svg) no-repeat;
    background-position-y: 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    width: 148px
}

#scrollIframe #ddlTimeZone {
    width: 320px
}

#scrollIframe #ddlTimeZone li {
    float: left;
    width: 68px
}

#scrollIframe .info_title_left .img {
    width: 60px;
    height: 60px
}

#scrollIframe .info_title_left .selectbox select {
    padding: 4px;
    margin-top: 4px;
    border: 1px solid var(--border-4);
    border-radius: 2px
}

#scrollIframe .follow_btn {
    padding: 2px 10px;
    border: 1px solid var(--gray50);
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

#scrollIframe .follow_btn .icon {
    color: var(--textcolor-2) !important;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: 0
}

#scrollIframe .follow_btn.on {
    color: #070f03;
    background-color: #fff0d2;
    border-color: #e29c14
}

#scrollIframe .follow_btn.on .icon {
    color: #f90 !important
}

#scrollIframe .team-head .follow_btn {
    font-size: 12px;
    padding: 2px 10px;
    margin: 6px auto;
    width: fit-content
}

#scrollIframe .team-head .teamicon {
    width: 70px;
    height: 70px;
    margin: 6px auto;
    border-radius: 6px
}

#scrollIframe .team-head .Tname {
    font-size: 14px;
    font-weight: 700
}

#scrollIframe .nav_select_bra_right select {
    position: absolute;
    top: -30px;
    right: 0
}

#scrollIframe .team-head .content-bg {
    background-color: var(--bgcolor-1)
}

#scrollIframe .team-head .title-bg {
    background-color: var(--bgcolor-2)
}

#scrollIframe .left_font {
    text-align: left;
    margin-left: 10px
}

#scrollIframe .nav_quick a {
    display: inline-block;
    padding: 4px 6px;
    line-height: 24px;
    text-decoration: underline
}

#scrollIframe .nav_quick {
    padding-left: 10px;
    margin-bottom: 10px
}

#scrollIframe .nav_quick #search_btn {
    display: inline-block;
    line-height: 27px;
    background-color: #226204;
    color: #fff;
    width: 80px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    margin-left: -2px
}

#scrollIframe #search_div select {
    border-radius: 0;
    height: 27px;
    vertical-align: middle
}

#scrollIframe #search_div input {
    border: 1px solid #ccc;
    white-space: 150px;
    height: 25px;
    padding-left: 10px;
    margin: 0 -3px 0 -5px;
    vertical-align: middle
}

#scrollIframe .tdlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-color: #d9d9d9
}

#scrollIframe .tdlink a:link,
#scrollIframe .tdlink a:visited {
    color: var(--text-primary);
    font-family: Inter, Verdana, Arial, Helvetica, sans-serif
}

#scrollIframe .tdlink a:hover {
    color: red;
    text-decoration: none
}

#scrollIframe .STYLE6 {
    color: #006cc6
}

#scrollIframe .redf,
#scrollIframe .redf a:link {
    color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

#scrollIframe .redf {
    FONT-SIZE: 11px
}

#scrollIframe .redf a:visited {
    color: selectred;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

#scrollIframe .redf a:hover {
    color: #000;
    text-decoration: none
}

#scrollIframe .etime {
    FONT-SIZE: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

#scrollIframe .info_nav ul {
    margin: 0;
    float: left;
    padding: 0
}

#scrollIframe .info_nav li {
    float: left;
    width: 138px;
    list-style-type: none;
    background: url(/images/nbaline.gif) bottom no-repeat;
    clear: both
}

#scrollIframe .info_nav li span a {
    line-height: 30px;
    padding-left: 19px;
    background: url(/images/liargif.gif) 6px 10px no-repeat
}

#scrollIframe .info_nav li span a:hover {
    color: #fff;
    background-color: #f60;
    text-decoration: none
}

#scrollIframe .info_nav li span b {
    font-weight: 400;
    color: #00f
}

#scrollIframe .info_nav .tdlink a:link,
#scrollIframe .info_nav .tdlink a:visited {
    color: var(--textcolor-1)
}

#scrollIframe .Area ul {
    border-bottom: 3px solid var(--second-color);
    margin-bottom: 15px;
    line-height: 35px;
    height: 35px
}

#scrollIframe .toolBar input,
#scrollIframe .toolBar select {
    height: 30px;
    background-color: var(--second-color);
    color: var(--text-white)
}

#scrollIframe .Area li {
    float: left;
    position: relative
}

#scrollIframe .Area li a {
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;
    color: #666;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px 3px 0 0
}

#scrollIframe .Area li a:hover {
    color: #f60;
    text-decoration: none
}

#scrollIframe .Area .Area-selected a,
#scrollIframe .Area .Area-selected a:hover,
#scrollIframe .Area .Area-selected a:visited {
    background-color: var(--second-color);
    color: #fff
}

#scrollIframe .search_3 {
    float: left;
    text-align: center;
    padding-top: 4px;
    background: #fff;
    margin-bottom: 5px;
    padding-bottom: 5px
}

#scrollIframe #detailDiv {
    background-color: #fff;
    width: 700px;
    border: 4px solid var(--primary-color);
    position: absolute;
    left: 20px;
    top: 25px;
    z-index: 5;
    visibility: hidden;
    box-shadow: 0 0 20px #777
}

.dark #detailDiv {
    background-color: #111;
    border: 4px solid #444;
    box-shadow: 0 0 20px #000
}

#scrollIframe .toolBar {
    background-color: var(--primary-color);
    color: var(--text-white);
    line-height: 30px;
    overflow: hidden;
    padding: 5px 10px
}

#scrollIframe .toolBar select {
    border: 1px solid var(--second-color);
    line-height: 30px
}

#scrollIframe .toolBar select::-webkit-scrollbar {
    width: 10px
}

#scrollIframe .toolBar select::-webkit-scrollbar-thumb {
    background: var(--bgcolor-4);
    border-radius: 32px
}

#scrollIframe .toolBar select::-webkit-scrollbar-track {
    background: var(--border-2);
    border-radius: 32px
}

#scrollIframe .toolBar input {
    border: none;
    padding: 0 10px;
    border-radius: 3px
}

#scrollIframe .nav_select_right select {
    margin: 5px 10px
}

.dark .hightlight1 {
    background-color: #2e3523
}

#scrollIframe .hightlight1 select option {
    line-height: 28px
}

#scrollIframe .hightlight1 select::-webkit-scrollbar {
    width: 10px
}

#scrollIframe .hightlight1 select::-webkit-scrollbar-thumb {
    background: var(--bgcolor-4);
    border-radius: 32px
}

#scrollIframe .hightlight1 select::-webkit-scrollbar-track {
    background: var(--border-2);
    border-radius: 32px
}

#scrollIframe #Table3 tr:nth-child(odd),
#scrollIframe .tdlink tr:nth-child(odd) {
    background: #f7f7f7
}

#scrollIframe #topAdDiv {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px
}

#scrollIframe #sclassRule {
    padding: 16px
}

#scrollIframe .o-draw,
#scrollIframe .o-lose,
#scrollIframe .o-unknown,
#scrollIframe .o-win {
    color: #fff;
    border-radius: 2px;
    width: 17px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 16px;
    text-align: center
}

#scrollIframe .o-unknown {
    text-transform: uppercase;
    background-color: #a5a4a4
}

#scrollIframe .win-f {
    color: #60b723
}

#scrollIframe .lose-f {
    color: #ee6435
}

#scrollIframe .draw-f {
    color: #f09b57
}

#scrollIframe .selectbox select::-webkit-scrollbar {
    width: 10px
}

#scrollIframe .selectbox select::-webkit-scrollbar-thumb {
    background: var(--bgcolor-4);
    border-radius: 32px
}

#scrollIframe .selectbox select::-webkit-scrollbar-track {
    background: var(--border-2);
    border-radius: 32px
}

#scrollIframe .FootTroDiv {
    width: 1060px;
    margin: auto;
    text-align: center;
    color: #999
}

#scrollIframe footer {
    color: #f1f1f1;
    background-color: #00301d;
    width: 100%;
    margin-top: 32px;
    line-height: 1.6
}

#scrollIframe .footer-container {
    width: 1228px;
    margin: auto
}

#scrollIframe .col-6 {
    flex: 1 1 calc(50% - 20px);
    max-width: 50%;
    padding: 0 10px
}

#scrollIframe .about-footer {
    max-width: 80%
}

#scrollIframe .bottom .about-footer .footer-logo {
    margin-bottom: 1em;
    display: inline-block;
    position: relative
}

#scrollIframe .bottom .about-footer .footer-logo img {
    max-width: 250px;
    height: 37.52px
}

#scrollIframe .bottom .about-footer .description {
    font-family: Inter, sans-serif;
    line-height: 25px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 1.2em
}

#scrollIframe .bottom .bottom-item .bottom-item-title {
    font-family: Inter;
    font-size: 20px;
    padding: 6px 0;
    font-weight: 700;
    line-height: 32px;
    height: 50.5px;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

#scrollIframe .bottom .bottom-item .bottom-item-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

#scrollIframe .bottom .bottom-item .bottom-item-content ul li {
    display: flex;
    align-items: center;
    height: 44px;
    list-style: none
}

#scrollIframe .bottom .bottom-item .bottom-item-content ul li img {
    margin-right: 10px
}

#scrollIframe .bottom .bottom-item .bottom-item-content ul li a {
    color: #fcfcfd;
    text-decoration: none;
    display: flex;
    font-family: Inter;
    font-size: 17.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 5.28px 0
}

#scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li a {
    font-size: 16px;
    padding: 4.8px 0
}

#scrollIframe footer .bottom_info {
    padding: 10px 10px 15px;
    text-align: center;
    color: #ffffff80;
    font-size: 12px;
    line-height: 1.6;
    width: calc(100% - 20px)
}

@media only screen and (max-width:1000px) {

    #scrollIframe #info,
    #scrollIframe #mainData.data {
        margin-bottom: 20px
    }

    #scrollIframe footer .bottom {
        padding: 20px 0
    }

    #scrollIframe .bottom .about-footer .footer-logo {
        height: 36px;
        margin-bottom: 12px
    }

    #scrollIframe .bottom .about-footer .footer-logo:after {
        width: 19px !important;
        height: 19px !important;
        top: 8px !important;
        left: 36px !important
    }

    #scrollIframe .bottom .about-footer .footer-logo img {
        height: 36px
    }

    #scrollIframe .footer-container {
        width: 100%
    }

    #scrollIframe .col-6 {
        flex: 1 1 calc(100% - 20px);
        max-width: 100%;
        padding: 0 10px
    }

    #scrollIframe .footer-nav {
        display: flex;
        flex-direction: column
    }

    #scrollIframe .about-footer {
        max-width: 100%
    }

    #scrollIframe .bottom .about-footer .description {
        font-size: 12px
    }

    #scrollIframe .bottom .bottom-item .bottom-item-title {
        font-size: 16px
    }

    #scrollIframe .bottom .bottom-item .bottom-item-content ul li,
    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li {
        height: 30px
    }

    #scrollIframe .bottom .bottom-item .bottom-item-content ul li a,
    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li a {
        font-size: 14px
    }

    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li img {
        width: 24px;
        height: 24px
    }

    body #scrollIframe.has_iframe .main-content {
        width: calc(100% - 10px) !important;
        margin-left: 5px;
        padding: 0
    }

    body #scrollIframe.has_iframe .main-content.cup-match {
        padding-bottom: 0 !important
    }

    body #scrollIframe.has_iframe .mcontent {
        padding-left: 0 !important
    }
}

#scrollIframe div.bottomBar-sp #menuSp .sp-item-menu a {
    min-width: 51px
}

@container iframe-table (max-width:700px) {

    #scrollIframe #AdLayer1,
    #scrollIframe #AdLayer2,
    #scrollIframe #ad_middle_bottom,
    #scrollIframe #ad_right_1,
    #scrollIframe #app6in1 .ptsx-coner,
    #scrollIframe #bottomFly,
    #scrollIframe #div_ad_float,
    #scrollIframe #div_survey,
    #scrollIframe #main .idx-resultpage .status-time-sched,
    #scrollIframe .ad_m,
    #scrollIframe .bn3,
    #scrollIframe .d-none,
    html body #scrollIframe #container #header-wrapper,
    html body #scrollIframe #info #databaseLeagueFilter,
    html body #scrollIframe #info #i_main #i_data.page-techlist .nav_select.bc-grey-100,
    html body #scrollIframe #info #i_main #i_data.page-techlist .toolBar,
    html body #scrollIframe #info #i_main .data.page-techlist .nav_select.bc-grey-100,
    html body #scrollIframe #info #i_main .data.page-techlist .toolBar,
    html body #scrollIframe #info #i_main.page-hfstats .nav_select,
    html body #scrollIframe #info #left {
        display: none !important
    }

    #scrollIframe #main #left .leftnav li a {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #070f03;
        border-radius: 0;
        padding: 0 10px;
        height: 34px;
        line-height: 34px
    }

    body #scrollIframe .sloading .loadngdiv {
        left: calc(50% + 87px);
        transform: translate(calc(-50% - 43.5px), -50%);
        max-width: 288px
    }

    body #scrollIframe .sloading .loadngdiv .sloading-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20.8px
    }

    body #scrollIframe .sloading .loadngdiv .sloading-des {
        font-size: 12px;
        font-weight: 400;
        line-height: 15.6px
    }

    #scrollIframe .seo-text-h1 {
        position: relative;
        margin-top: 0;
        text-align: center
    }

    #scrollIframe #info.database {
        margin-top: 0 !important;
        padding: 0
    }

    #scrollIframe .odds-name-cst {
        font-size: 12px !important;
        font-weight: 400 !important
    }

    #scrollIframe .schedule-icon-detail .icon-icon-detail:before {
        width: 14px !important
    }

    body #scrollIframe#soccer .matchDetail .all-block-content .w-section.w-section-show .scoring-rate.section-f {
        margin-top: 10px !important
    }

    body #scrollIframe#soccer .matchDetail .all-block-content .w-section.w-section-show {
        margin-bottom: 10px !important
    }

    #scrollIframe #info #i_main .team-head .follow_btn i:before,
    #scrollIframe #info #i_main2 .team-head .follow_btn i:before {
        width: 14px !important;
        height: 14px !important;
        top: 5px !important
    }

    #scrollIframe .search-area-mobile {
        display: flex;
        gap: 10px;
        justify-content: space-between
    }

    body #scrollIframe .menu-search-mobile #change_233 {
        margin-bottom: unset !important;
        height: 30px !important;
        width: 100% !important;
        padding-left: 10px !important;
        box-sizing: border-box
    }

    #scrollIframe #info .area-tab .filterLi2.xz .dropdown .dropdown-menu,
    #scrollIframe .w-100,
    body #scrollIframe #container #info .search-area-mobile .select__menu,
    body #scrollIframe #info.database .area-tab .dropdown .dropdown-menu,
    body #scrollIframe #info.database .area-tab .dropdown .dropdown-toggle {
        width: 100% !important
    }

    #scrollIframe .search-area-mobile .filterLi2.xz {
        width: 100% !important;
        min-width: 139px;
        flex: unset !important
    }

    #scrollIframe .menu-search-mobile {
        width: 100%;
        position: relative;
        height: 30px;
        min-width: 139px
    }

    #scrollIframe .menu-search-mobile svg {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    .dark .menu-search-mobile svg {
        filter: brightness(100)
    }

    body #scrollIframe .search-area-mobile #change_233:focus {
        background-color: #fff !important
    }

    body.dark .search-area-mobile #change_233:focus,
    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(2) th {
        background-color: #151515 !important
    }

    body #scrollIframe .search-area-mobile #info.database {
        margin-top: -6px
    }

    #scrollIframe #filter-box-on-mobile,
    #scrollIframe .custom-select-wrapper .custom-options.show2,
    #scrollIframe .cz-handheld-toolbar-item.active-sp .icon_active,
    #scrollIframe .cz-handheld-toolbar-item:hover .icon_active,
    #scrollIframe .live-table-w-content,
    #scrollIframe .live-w-content,
    #scrollIframe .menuSidebar,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon,
    body #scrollIframe #info,
    body.dark .icon-dark.swiper-menu-icon,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span:nth-last-child(-n+4),
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound.vue,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span:nth-last-child(-n+4),
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tbody,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tbody {
        display: block
    }

    body #scrollIframe #info .database_league_filter--title {
        font-family: Inter;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        color: #070f03;
        height: 30px;
        display: flex;
        align-items: center;
        margin-right: 8px
    }

    body #scrollIframe #info .database_league_filter--dropdown {
        width: 100%;
        max-width: 167px;
        position: relative
    }

    body #scrollIframe #info .database_league_filter--dropdown--title {
        width: calc(100% - 10px);
        max-width: 167px;
        font-family: Inter;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        text-align: left;
        color: #fff;
        background: #5b1905;
        position: relative;
        height: 30px;
        display: flex;
        align-items: center;
        border-radius: 4px;
        padding-left: 10px
    }

    body #scrollIframe #info .database_league_filter--dropdown--title:before {
        content: "";
        transition: .3s ease-in-out;
        width: 16px;
        height: 16px;
        right: 3px;
        left: auto;
        position: absolute;
        border: 0;
        margin-right: 5px;
        background: url(/build/assets/images/icon_arrow_right-white.svg)
    }

    body #scrollIframe #info #left {
        right: 0;
        top: 30px;
        max-width: 167px;
        height: unset !important;
        padding-right: 0;
        position: absolute;
        width: 100% !important;
        float: unset;
        z-index: 110;
        display: none;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 300px
    }

    body #scrollIframe #info #left #new_date_me * {
        border: 0 !important
    }

    body #scrollIframe #info #left #new_date_me .da_nav,
    body #scrollIframe #info #left #new_date_me .da_nav_on,
    body #scrollIframe #info #left #new_date_me .left_list,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li a,
    body #scrollIframe #info #left #new_date_me .left_list_on {
        font-family: Inter;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        text-align: left;
        height: 30px
    }

    body #scrollIframe #info #left #new_date_me .da_nav {
        color: #fff !important;
        background: #5b1905 !important
    }

    body #scrollIframe #info #left #new_date_me .da_nav:before,
    body.dark #info #left #new_date_me .da_nav:before,
    body.dark #info #left #new_date_me .da_nav_on:before,
    body.dark #info #left #new_date_me .left_list3 ul li a:before,
    body.dark #info #left #new_date_me .left_list3 ul li:before,
    body.dark #info #left #new_date_me .left_list:before,
    body.dark #info #left #new_date_me .left_list_on:before {
        background: url(/build/assets/images/icon_arrow_right-white.svg)
    }

    body #scrollIframe #info #left #new_date_me .da_nav_on,
    body #scrollIframe #info #left #new_date_me .left_list,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li,
    body #scrollIframe #info #left #new_date_me .left_list3 ul li a,
    body #scrollIframe #info #left #new_date_me .left_list_on {
        color: #070f03 !important;
        background-color: #f2f2f2 !important
    }

    body #scrollIframe #info #left #new_date_me .left_list3 ul li a.on {
        background-color: #e6e6e6 !important
    }

    body #scrollIframe #info #i_main {
        float: unset;
        width: 100%;
        padding-left: 0 !important
    }

    body #scrollIframe #info #i_main .techlist,
    body #scrollIframe #info #i_main .techlist #lastUpdateTime,
    body #scrollIframe #info #i_main .techlist #mainData {
        float: unset;
        clear: both
    }

    body #scrollIframe #info #i_main .sub_menu a {
        margin: 0 2px
    }

    #scrollIframe .swiperNewFeed .swiper-slide a,
    #scrollIframe .table-setting.d-flex #ddlOddsType li,
    #scrollIframe .table-setting.d-flex #ddlTimeZone li,
    #scrollIframe aside.menuSidebar ul li.active-side a span,
    body.dark #info .database_league_filter--title,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body.dark #info #i_main .info_title .info_title_left {
        color: #fff
    }

    body.dark #info #left #new_date_me .da_nav {
        color: #fff !important;
        background: #260c04 !important
    }

    body.dark #info #left #new_date_me .da_nav_on,
    body.dark #info #left #new_date_me .left_list,
    body.dark #info #left #new_date_me .left_list3 ul li,
    body.dark #info #left #new_date_me .left_list3 ul li a,
    body.dark #info #left #new_date_me .left_list_on {
        color: #fff !important;
        background-color: #000 !important
    }

    body.dark #info #left #new_date_me .left_list3 ul li a.on,
    html body.dark #info #i_main .page-contrast #Table1 tr:first-of-type th:nth-of-type(n+2),
    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(3) th {
        background-color: #1e1e1e !important
    }

    #scrollIframe .button-df:hover .six-in-one-custom-select,
    .dark .add-on-mobile-tr a,
    body.dark .mcontent#main .idx-favorite #mintable #live td.winMatch .team-box a,
    body.dark .mcontent#main .idx-resultpage #mintable #live td.winMatch .team-box a,
    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child,
    body.dark .mcontent.index #mintable #live td.winMatch .team-box a,
    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-toggle.show {
        color: #fff !important
    }

    body #scrollIframe {
        --headerHeight: 82px;
        --footerHeight: 66px;
        overflow-x: hidden
    }

    #scrollIframe .main-content {
        padding: 0 18px 84px
    }

    #scrollIframe #main {
        box-sizing: border-box;
        width: 100%
    }

    #scrollIframe #oddsChange,
    #scrollIframe #panluDiv,
    #scrollIframe #sbOddsCorner,
    #scrollIframe [id^=oddsChange_] {
        width: calc(90% - 10px);
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 110;
        position: fixed
    }

    #scrollIframe #live {
        width: 100%;
        display: block
    }

    #scrollIframe .mcontent {
        width: auto !important
    }

    #scrollIframe #container #info.matchDetail,
    #scrollIframe .crumbs,
    #scrollIframe html,
    #scrollIframe html #layuicss-layer,
    body #scrollIframe,
    body #scrollIframe #main #min,
    body #scrollIframe #main #view-data {
        width: 100% !important;
        min-width: unset !important;
        min-height: 600px !important
    }

    #scrollIframe #showCountry,
    #scrollIframe #showFilterBox,
    #scrollIframe #showoptional2 {
        width: 100% !important;
        min-width: unset !important;
        left: 0 !important;
        right: 0
    }

    #scrollIframe .bottomBar-sp {
        background-color: #e5e5e5
    }

    .dark #menuSp,
    .dark .bottomBar-sp {
        background-color: #030405
    }

    #scrollIframe .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option {
        text-transform: capitalize;
        cursor: unset
    }

    body #scrollIframe #min #tools ul {
        justify-content: start !important
    }

    #scrollIframe #min .tools ul li {
        flex-basis: 30%
    }

    #scrollIframe #game-rate .filter-23 .select2-selection .select2-selection__rendered>span:after,
    #scrollIframe #info.vue .page-leastanding #div_Table1,
    #scrollIframe #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon,
    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon,
    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark,
    #scrollIframe .cz-handheld-toolbar-item.active-sp .icon_inactive,
    #scrollIframe .cz-handheld-toolbar-item:hover .icon_inactive,
    #scrollIframe .hover-in-a-container:hover:before,
    #scrollIframe .icon-dark.swiper-menu-icon,
    #scrollIframe .icon-dark.swiper-menu-icon.icon-active,
    #scrollIframe .icon_active,
    #scrollIframe .round-table,
    #scrollIframe .st-right input,
    #scrollIframe .sub-icon-box-icon.sub-icon-box-icon-active,
    #scrollIframe .swiper-slide .menu-icon.icon-blue,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon-active,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon.icon-blue,
    body #scrollIframe #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.form,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-dark,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark.icon-active {
        display: none
    }

    #scrollIframe .roundslide {
        display: flex;
        margin-bottom: 12px
    }

    #scrollIframe .roundslide-list {
        display: flex;
        overflow-x: auto
    }

    #scrollIframe .roundslide-list div {
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border: 0;
        border-right: 1px solid #f2f2f2;
        width: 30px;
        justify-content: center;
        background-color: #fff;
        flex: none
    }

    #scrollIframe .roundslide-text,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .roundslide-text,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .roundslide-text {
        background-color: #e3f1eb;
        display: flex;
        width: 48px;
        height: 48px;
        padding: 0 12px;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: sticky;
        left: 0
    }

    #scrollIframe .fixed-sp {
        position: fixed;
        top: 0;
        z-index: 102
    }

    #scrollIframe div#header-wrapper-sp {
        display: block;
        width: 100%;
        background-color: var(--primary-color) !important
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp {
        height: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool {
        margin-left: 8px;
        height: 20px;
        margin-top: 2px
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool img {
        margin-left: 0
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .topBar-right-sp .Choose-tool {
        margin-right: 8px;
        height: 20px
    }

    body #scrollIframe #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 0 !important
    }

    #scrollIframe div#header-wrapper-sp .topBar-sp .size-20 {
        height: 20px;
        width: 20px
    }

    #scrollIframe aside.menuSidebar .swiper-slide a img,
    #scrollIframe aside.menuSidebar ul li a img,
    #scrollIframe div#header-wrapper-sp .topBar-middle-sp a img,
    body #scrollIframe footer .footer-container .bottom .about-footer .footer-logo {
        height: 24px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon.sub-icon-box-icon-active,
    #scrollIframe div#header-wrapper-sp .topBar-middle-sp a,
    body #scrollIframe .matchDetail .all-block #team-tech-detail {
        display: inline-block
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp {
        padding: 0 11.5px 0 18px
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp .authBox {
        display: flex;
        justify-content: space-between
    }

    #scrollIframe div#header-wrapper-sp .mainBar-sp .authBox>div {
        width: 100%;
        height: 36px;
        padding: 8px 24px;
        border: none;
        margin: 0 6px
    }

    #scrollIframe .mainBar-sp .newfeed {
        background-color: #004026;
        border-radius: 4px;
        margin: 0 6px;
        height: 24px;
        display: flex;
        align-items: center;
        padding: 6px 5px
    }

    #scrollIframe .mainBar-sp .newfeed>.d-flex {
        align-items: center;
        width: 100%
    }

    #scrollIframe .slide_Newfeed {
        flex-shrink: 1;
        flex-grow: 1;
        overflow: hidden
    }

    #scrollIframe .title_newFeed {
        flex: 0 0 67px;
        color: #ffd740;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700
    }

    #scrollIframe #menuMainSwSub .swiper-slide,
    #scrollIframe .swiperNewFeed .swiper-slide {
        width: auto
    }

    #scrollIframe .swiperNewFeed .swiper-slide a span {
        background-color: #fff;
        height: 5px !important;
        width: 5px !important;
        border-radius: 50%;
        margin-bottom: 2px;
        margin-right: 5px;
        display: inline-block
    }

    #scrollIframe aside.menuSidebar .swiper-slide a,
    #scrollIframe aside.menuSidebar ul li {
        background: url(/build/assets/images/line_border.svg) bottom center no-repeat
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu {
        padding: 7px 5px;
        border-radius: 4px;
        background-color: #f2f2f2;
        margin-right: 6.5px !important;
        position: relative
    }

    #scrollIframe .swiperMenu {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu a {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 44px
    }

    #scrollIframe .swiper-slide a {
        text-decoration: none !important
    }

    #scrollIframe #menuSp .swiperMenu .swiper-slide {
        width: 67px
    }

    #scrollIframe .menuMainSp .swiperMainMenu .swiper-slide {
        width: 76px
    }

    #scrollIframe #menuSp .swiperMatchList .swiper-slide {
        width: 192px
    }

    #scrollIframe .bottomBar-sp {
        padding: 9px 11.5px 8px 18px
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon {
        width: 100%;
        padding-bottom: 2px;
        height: 22px;
        margin-right: 0;
        text-align: center
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon.htvd-icon {
        height: 19px
    }

    #scrollIframe div.bottomBar-sp #menuSp .swiper-box-icon img {
        width: 20px
    }

    #scrollIframe div.bottomBar-sp #menuSp .sp-item-menu span {
        font-size: 10px;
        height: 100%;
        line-height: 1.1;
        flex-shrink: 1;
        flex-grow: 1;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        color: #666
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #e9f6f1
    }

    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #374041
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030;
        font-weight: 600
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .odds-number,
    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.on span {
        font-weight: 600
    }

    #scrollIframe .settingBar {
        z-index: 1050;
        width: 100%;
        top: 0;
        display: block;
        left: -100%;
        position: fixed;
        background-color: #e5e5e5;
        overflow-y: auto;
        overflow-x: hidden;
        transition: 1s cubic-bezier(.36, -.01, 0, .77);
        height: 100%
    }

    #scrollIframe .settingBar.closed {
        left: 0
    }

    #scrollIframe .heading-bar {
        background-color: var(--primary-color);
        height: 37px;
        justify-content: space-between;
        align-items: center;
        color: #fff
    }

    #scrollIframe .heading-bar>div {
        width: 33.333333%
    }

    #scrollIframe .heading-bar-left i {
        font-size: 18px;
        margin-left: 8px
    }

    #scrollIframe .heading-bar-right {
        justify-content: flex-end
    }

    #scrollIframe .heading-bar-right i {
        font-size: 18px;
        margin-right: 8px
    }

    #scrollIframe .heading-bar-middle span {
        font-size: 14px;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase
    }

    #scrollIframe .closeBar {
        min-width: 50px;
        text-align: right
    }

    #scrollIframe .contentBar {
        padding: 12px 8px
    }

    #scrollIframe .table-setting.d-flex {
        justify-content: space-between;
        align-items: center;
        min-width: 21px;
        color: #070f03;
        margin-bottom: 12px
    }

    #scrollIframe select.select-op {
        width: 100%;
        border: 0;
        height: 32px;
        padding: 7px;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(/build/assets/images/arrow-down.svg) calc(100% - 10px) center no-repeat #d4d4d4;
        background-size: 20px 20px
    }

    .dark select.select-op {
        color: #fff;
        background: url(/build/assets/images/arrow-down-white.png) calc(100% - 10px) center no-repeat #232323;
        background-size: 20px 20px !important
    }

    #scrollIframe #spSettingTL,
    #scrollIframe #spSettingTL #chooseOddsType,
    #scrollIframe #spSettingTZ,
    #scrollIframe #spSettingTZ #chooseTimeZone,
    #scrollIframe .container-mix {
        width: 100%
    }

    #scrollIframe #spSettingTL #chooseOddsType #selectedOddsType,
    #scrollIframe #spSettingTZ #chooseTimeZone #selectedTimeZone {
        width: 100%;
        color: #070f03;
        font-weight: 500
    }

    .dark #spSettingTL #chooseOddsType #selectedOddsType,
    .dark #spSettingTZ #chooseTimeZone #selectedTimeZone {
        width: 100%;
        color: #fff;
        font-weight: 500
    }

    #scrollIframe .mg-d {
        filter: brightness(.3) !important
    }

    .dark .mg-d {
        filter: none !important
    }

    #scrollIframe div#spSettingTL,
    #scrollIframe div#spSettingTZ {
        background-color: #d4d4d4;
        padding: 6px 10px;
        border-radius: 4px
    }

    .dark div#spSettingTL,
    .dark div#spSettingTZ {
        background-color: #232323
    }

    #scrollIframe aside.menuSidebar,
    #scrollIframe aside.menuSidebar ul li:first-child {
        background: url(/build/assets/images/line_border.svg) top center no-repeat
    }

    #scrollIframe .st-right .switch .switch-style:before {
        top: 2px;
        width: 17px;
        height: 17px
    }

    #scrollIframe .st-right .switch .switch-style {
        height: 21px;
        margin-top: 0;
        width: 39px;
        background: #717171
    }

    .dark .st-right .switch>input[type=checkbox]+.switch-style {
        background: #717171 !important
    }

    #scrollIframe .st-right .switch>input[type=checkbox]:checked+.switch-style {
        background: linear-gradient(90deg, #0c935d, #022d1c) !important
    }

    #scrollIframe .st-right .theme .theme-style {
        height: 21px;
        width: 39px
    }

    #scrollIframe .soundSetting .selectbox {
        border: 1px solid #b3c5be;
        border-radius: 4px;
        display: flex;
        height: 30px
    }

    #scrollIframe .soundSetting .selectbox span {
        background-color: #d6e4df;
        padding: 0 10px;
        min-width: 27px;
        display: inline-block;
        text-align: center;
        color: #070f03;
        font-size: 14px;
        line-height: 30px;
        border-right: 1px solid #b3c5be
    }

    #scrollIframe .soundSetting .selectbox span.on {
        background-color: #004026;
        color: #fff
    }

    #scrollIframe .cz-handheld-toolbar-item:first-child,
    #scrollIframe .soundSetting .selectbox span:last-child {
        border-right: 0
    }

    #scrollIframe .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active,
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark,
    body.dark .icon-dark.swiper-menu-icon,
    body.dark .icon-dark.swiper-menu-icon.active-menu,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .link-v2 img.logo-team-fixture,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .link-v2 img.logo-team-fixture {
        display: inline
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child,
    body.dark div.bottomBar-sp #menuSp .sp-item-menu span {
        color: #d4d4d4 !important
    }

    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #10e18d !important
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content {
        background: #1a1a1a
    }

    #scrollIframe .footer .bottom {
        display: grid !important;
        width: auto;
        padding: 20px 8.5px;
        gap: 16px
    }

    #scrollIframe .footer .bottom-item {
        padding-top: 0 !important;
        gap: 12px;
        display: grid;
        width: auto !important
    }

    #scrollIframe .footer .bottom-item .footer-logo img {
        width: 181px;
        margin-bottom: 0
    }

    #scrollIframe .footer .bottom-item .description,
    html body.dark #info #i_main .info_title .info_title_left .filterLi2 .dropdown-toggle {
        color: var(--Monotone-Grey-400, #d4d4d4)
    }

    #scrollIframe .footer .bottom-item-title {
        font-size: 16px !important;
        line-height: 24px !important;
        text-transform: capitalize !important
    }

    #scrollIframe .footer .bottom-item-content ul {
        margin-top: 0 !important;
        gap: 4px;
        display: grid
    }

    #scrollIframe .footer .bottom-item-content ul li {
        margin-bottom: 0 !important;
        gap: 10px
    }

    #scrollIframe .footer .bottom-item-content ul li img {
        width: 20px;
        height: 20px;
        margin-right: 0 !important
    }

    #scrollIframe .footer .bottom-item-content ul li a {
        color: var(--Monotone-Grey-400, #d4d4d4) !important;
        font-size: 14px !important;
        line-height: 20px !important;
        cursor: none !important
    }

    #scrollIframe .footer .bottom-item:last-child .bottom-item-content ul {
        gap: 10px !important
    }

    #scrollIframe .footer .bottom_info {
        padding: 0 0 20px;
        margin: -1px 0 -2px
    }

    #scrollIframe .cz-handheld-toolbar {
        display: block;
        position: fixed;
        left: 0;
        height: 66px;
        bottom: 0;
        width: 100%;
        transition: .3s ease-in-out .35s;
        background-color: #00301d !important;
        z-index: 1026
    }

    #scrollIframe .table-layout-fixed {
        table-layout: fixed
    }

    #scrollIframe .d-table {
        display: table !important
    }

    #scrollIframe .cz-handheld-toolbar-item {
        text-align: center
    }

    #scrollIframe .d-table-cell {
        display: table-cell !important
    }

    #scrollIframe .cz-handheld-toolbar-icon {
        display: flex;
        height: 20px;
        justify-content: center;
        font-size: 1.25rem;
        margin-bottom: 8px
    }

    #scrollIframe .cz-handheld-toolbar-icon img,
    #scrollIframe .sub-icon-box,
    #scrollIframe .sub-icon-box img {
        height: 20px
    }

    #scrollIframe .cz-handheld-toolbar-label {
        display: block;
        color: #d4d4d4;
        font-size: 10px;
        text-transform: capitalize;
        line-height: 1.4
    }

    #scrollIframe .menu-fixed {
        height: 42px;
        margin: 12px 0
    }

    #scrollIframe aside.menuSidebar {
        animation: 1s;
        position: fixed;
        top: 82px;
        left: 0;
        z-index: 100;
        width: 84px;
        height: calc(100vh - 182px);
        border-right-width: 1px;
        border-right-style: solid;
        border-image: radial-gradient(transparent, #14935F, transparent) 1
    }

    #scrollIframe aside.menuSidebar .swiper {
        height: 100%;
        width: 70px
    }

    #scrollIframe aside.menuSidebar .containerSideBar {
        width: 70px;
        margin-left: 6px;
        position: relative;
        height: 100%
    }

    #scrollIframe aside.menuSidebar .swiper-slide a {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #scrollIframe aside.menuSidebar .swiper-slide a span {
        font-size: 10px;
        line-height: 1.4;
        margin-top: 3px;
        padding: 0 7px;
        font-weight: 500;
        color: #414141;
        text-align: center;
        text-transform: capitalize
    }

    #scrollIframe .bg-center {
        border-radius: 50%;
        position: absolute;
        width: 70px;
        left: 0;
        top: 50%;
        margin-top: -33px;
        height: 70px;
        background: #d6e3dd
    }

    #scrollIframe .swiper-slide .menu-text-ellipsis {
        display: inline-block;
        width: 100%;
        max-width: calc(100% - 10px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on a .text-mb,
    #scrollIframe aside.menuSidebar .swiper-slide.swiper-slide-active a span {
        color: #005030
    }

    #scrollIframe aside.menuSidebar ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding: 2px 4px 0
    }

    #scrollIframe aside.menuSidebar ul li a span {
        font-size: 10px;
        line-height: 1.4;
        margin-top: 3px;
        color: #414141
    }

    #scrollIframe aside.menuSidebar ul li.active-side a {
        height: 65px;
        width: 65px;
        max-width: 65px;
        max-height: 65px;
        flex: 1 1 65px;
        padding: 0;
        background: #03452b;
        border-radius: 50%;
        background: linear-gradient(90deg, #03452b, #11a669, #03452b)
    }

    #scrollIframe #menuMainSw {
        max-height: 70px;
        margin-bottom: 10px
    }

    #scrollIframe #menuMainSw .swiper-box {
        flex-direction: column;
        height: 70px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px;
        box-sizing: border-box;
        margin-right: 6.5px !important
    }

    #scrollIframe .menuMainSp {
        width: 100%;
        overflow: hidden
    }

    #scrollIframe #menuMainSw .swiper-box-icon {
        width: 30px;
        height: 30px;
        margin-right: 0;
        margin-bottom: 4px
    }

    #scrollIframe #menuMainSw .swiper-box span {
        font-size: 14px;
        text-align: center
    }

    #scrollIframe .sticky {
        margin-top: 200px
    }

    #scrollIframe .sticky #header-wrapper-sp .topBar-sp {
        position: fixed;
        top: 0;
        z-index: 999;
        background-color: var(--primary-color) !important;
        width: 100%
    }

    #scrollIframe .sw001 {
        padding: 0 8px
    }

    #scrollIframe .container-mix.mix-mb,
    #scrollIframe .container-mix.mix-mb #menuMainSwSub {
        background-color: #e6e6e6
    }

    #scrollIframe .sub-icon-box {
        text-align: center;
        display: block;
        margin-bottom: 2px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .ct-t {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .text-mb {
        font-size: 10px;
        line-height: 1.1;
        color: #717171;
        display: inline-table;
        width: 100%;
        text-align: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a {
        border-right: 0;
        display: flex;
        width: 100%;
        line-height: 14px;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    #scrollIframe #menuMainSwSub .menu-sub-item {
        background-color: #f2f2f2;
        padding: 6px;
        border-bottom: 0;
        width: 63px;
        height: 51px;
        align-items: center;
        flex-shrink: 0;
        border-radius: 4px
    }

    #scrollIframe #menuMainSwSub .menu-sub-item a .fav_count {
        position: unset;
        display: block;
        margin-left: 50%;
        transform: translate(-50%)
    }

    #scrollIframe #menuMainSwSub .menu-sub-item.on,
    #scrollIframe #menuMainSwSub .menu-sub-item:hover {
        background: #e9f6f1
    }

    #scrollIframe .d-block,
    #scrollIframe .dropdown-menu.dptlt.show2,
    body #scrollIframe #main .idx-favorite #table_live.table-favorite tbody tr td.status-time-match.td_status,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #div_Table1 tr th strong.th__mb,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong.three-game,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5,
    html body #scrollIframe #info #i_main .data.page-ahstats #div_Table1 tr th strong.th__mb,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong.three-game,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 {
        display: block !important
    }

    #scrollIframe .d-flex {
        display: flex !important
    }

    #scrollIframe ::-webkit-scrollbar {
        width: 2px;
        height: 0
    }

    #scrollIframe ::-webkit-scrollbar-track {
        background: 0 0
    }

    #scrollIframe ::-webkit-scrollbar-thumb {
        background: 0 0
    }

    #scrollIframe ::-webkit-scrollbar-thumb:hover {
        background: 0 0
    }

    #scrollIframe table {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #scrollIframe html *,
    #scrollIframe html :hover {
        cursor: unset !important
    }

    #scrollIframe #table_live tr td.TX {
        position: relative;
        z-index: 0;
        color: transparent !important
    }

    #scrollIframe #table_live tr td.TX:before {
        content: "T/X";
        position: absolute;
        top: 0;
        right: 0;
        z-index: 11;
        background: #fbfbfb;
        bottom: 0;
        left: 0;
        color: #414141;
        padding: 4px 0;
        text-align: left
    }

    .dark #table_live tr td.TX:before {
        background: #1a1a1a;
        color: #fff
    }

    #scrollIframe .main-content.cup-match,
    body #scrollIframe.has_iframe .main-content.cup-match {
        padding-bottom: 0 !important
    }

    #scrollIframe .main-content.cup-match .mcontent,
    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category.cl1 {
        margin-bottom: 0 !important
    }

    #scrollIframe .filterLi2.xz .dropdown-toggle,
    body.dark .filterLi2.xz .dropdown-toggle {
        cursor: unset
    }

    #scrollIframe .filterLi2.xz .dropdown-toggle:hover,
    body.dark .filterLi2.xz .dropdown-toggle:hover {
        background-color: transparent;
        color: #414141
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle:hover:after,
    #scrollIframe .filterLi2.xz .dropdown-toggle:hover:after,
    body.dark .filterLi2.xz .dropdown-toggle:hover:after {
        filter: unset
    }

    #scrollIframe .filterLi2.xz.active .dropdown-toggle,
    body.dark .filterLi2.xz.active .dropdown-toggle {
        background-color: var(--primary-color);
        color: var(--text-white);
        transition: unset
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle.show:after,
    #scrollIframe .filterLi2.xz.active .dropdown-toggle:after,
    body.dark .filterLi2.xz.active .dropdown-toggle:after {
        filter: brightness(10)
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle:hover {
        background-color: transparent;
        color: transparent
    }

    #scrollIframe #i_main .filterLi2.xz .dropdown-toggle.show {
        background-color: #005030;
        color: #fff;
        border: 1px solid #bbb
    }

    #scrollIframe #showoptional2 .sotit {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 6px 0
    }

    #scrollIframe #showoptional2 .sotit .cc {
        width: 16px;
        height: 16px;
        top: 8px
    }

    #scrollIframe #showoptional2 .rbl {
        gap: 8px;
        margin: 10px 13px;
        padding: 3px;
        border-radius: 0;
        background-color: transparent !important;
        justify-content: start
    }

    #scrollIframe #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
        text-align: center;
        font-size: 10px;
        font-weight: 500;
        line-height: var(--font-line-height-s12, 18px);
        background: #d4d4d4
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) {
        padding: 0 16px 5px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) label {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) span {
        line-height: 17px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(3) span label {
        font-size: 10px;
        font-weight: 500;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) {
        padding: 8px 16px 16px;
        flex-wrap: wrap;
        gap: 5px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all {
        display: flex;
        align-items: center;
        justify-self: start;
        position: relative;
        max-width: 100px
    }

    #scrollIframe #showoptional2 #myleague2 ul li label,
    #scrollIframe #showoptional2 #myleague2 ul li span,
    #scrollIframe #showoptional2 .bts:nth-of-type(6) .select-all span {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    #scrollIframe #showoptional2 .bts:nth-of-type(6) #button {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        padding: 6px 28px;
        width: 100%;
        margin: 0
    }

    #scrollIframe #showoptional2 #myleague2 {
        max-height: 140px;
        padding: 12px 16px
    }

    #scrollIframe #showoptional2 #myleague2 .fg_Title {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 8px
    }

    #scrollIframe #showoptional2 #myleague2 ul {
        -moz-column-gap: 0px;
        column-gap: 0
    }

    #scrollIframe #showoptional2 #myleague2 ul li {
        width: calc(100% - 6px)
    }

    body.dark #showoptional2 .rbl {
        background: 0 0 !important
    }

    body.dark #showoptional2 .rbl .el-radio>input[type=radio]+.el-radio-style {
        background: linear-gradient(90deg, #292929 90%, #10160e)
    }

    #scrollIframe .banner_filter {
        grid-template-columns: repeat(1, 1fr)
    }

    #scrollIframe .tr-banner {
        height: auto !important;
        display: block
    }

    #scrollIframe .tr-banner+tr>td,
    #scrollIframe .tr-banner>td {
        border-top: 0 !important;
        display: block
    }

    #scrollIframe .add-on-mobile-tr a,
    body #scrollIframe .mcontent#main .idx-favorite #table_live tr td .team-box a {
        font-weight: 500 !important
    }

    #scrollIframe #table_live [id^=time_][id^=time_] span:after {
        filter: grayscale(100%)
    }

    #scrollIframe #game-rate .who-win .who-win-content {
        margin-top: 2.3rem !important
    }

    #scrollIframe #game-rate .odds-container .odds-badge {
        border-radius: 0 0 4px 4px
    }

    body #scrollIframe#soccer .matchDetail .w-section.w-section-show .scoring-rate.section-f {
        margin-top: 42px !important
    }

    #scrollIframe #info.vue.version-2.data-sync.top-league.league-container,
    #scrollIframe .matchDetail.ball-analysis.css-ball-analysis #radar,
    body #scrollIframe#soccer .child-page-matchDetail {
        margin-top: 0 !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #matchData {
        padding-top: 12px;
        padding-left: 7px
    }

    body #scrollIframe#soccer .child-page-matchDetail #matchData .mintopnav {
        justify-content: space-between !important;
        width: calc(100% - 4px) !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category,
    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category {
        margin-bottom: 12px
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #28966a !important
    }

    body #scrollIframe#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #b73c3d !important
    }

    #scrollIframe #matchStatistics .see-more.onMobile:after {
        top: 1px;
        transform: unset;
        width: 13px;
        height: 13px
    }

    #scrollIframe #matchStatistics .see-more.onMobile.long:after {
        top: 1px;
        transform: rotate(180deg)
    }

    #scrollIframe #info .area-tab .filterLi2.xz {
        flex: 1;
        max-width: unset
    }

    #scrollIframe #info .area-tab .filterLi2.xz .dropdown {
        justify-content: unset
    }

    #scrollIframe #table_v1>tbody>tr>:first-child,
    #scrollIframe #table_v2>tbody>tr>:first-child,
    #scrollIframe #table_v3>tbody>tr.other-title>td,
    #scrollIframe #table_v3>tbody>tr>:first-child {
        position: sticky;
        left: 0;
        z-index: 0
    }

    #scrollIframe #table_v1>tbody>tr>th.ll:first-child,
    #scrollIframe #table_v3>tbody>tr>th.ll:first-child,
    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:nth-of-type(2) th:first-of-type,
    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:nth-of-type(3) th:first-of-type {
        position: unset
    }

    body #scrollIframe #info .database_league_filter--dropdown--title:before {
        transform: rotate(180deg);
        margin-top: 0
    }

    body #scrollIframe #info .database_league_filter--dropdown--title.on:before {
        transform: rotate(0)
    }

    #scrollIframe .swal2-popup {
        min-width: initial !important
    }

    #scrollIframe #view-tap-top.sub_menu,
    body #scrollIframe #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.button,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row {
        display: flex
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a {
        font-weight: 500;
        color: var(--Monotone-Grey-700, #717171);
        font-size: 10px
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu a {
        font-weight: 500;
        color: #10e18d !important
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu #favCountMb.fav_count {
        display: flex;
        width: 15px;
        height: 15px;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 30px;
        background: var(--old-Medium-Red, #e51b00);
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 13px;
        top: 1px;
        right: 5px;
        border: none !important;
        position: absolute
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu {
        border-bottom: none
    }

    body #scrollIframe #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-700, #717171)
    }

    body #scrollIframe .cz-handheld-toolbar .menu-fixed .d-table-cell:hover {
        text-decoration: none
    }

    body #scrollIframe .main-content.cup-match #account .account__border {
        justify-content: space-between;
        gap: 30px
    }

    body #scrollIframe .main-content.cup-match .loginPage {
        padding: 0 !important
    }

    body #scrollIframe .main-content.cup-match .loginPage.lg #left #lg_form #lg_msg .alert--error li {
        letter-spacing: -.9px
    }

    body #scrollIframe .mcontent.index #main #min .home__content {
        margin-top: 0
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: #bebebe !important
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon:before {
        background-image: url(/build/assets/images/page-favourite-icon-start.svg);
        height: 16px;
        width: 16px
    }

    body #scrollIframe .mcontent#main .idx-favorite #table_live tr td.winMatch .team-box a {
        font-weight: 600 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #fbf6f5 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child {
        color: #717171 !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child:after,
    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child:after {
        background: #894f3c !important
    }

    body #scrollIframe .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child {
        color: #070f03 !important
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .tp-mb .add-div .icon:hover:after {
        left: unset !important;
        right: 0 !important
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon {
        width: 14px
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon {
        justify-content: right;
        display: flex
    }

    body #scrollIframe .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon:before {
        filter: unset !important;
        width: 12px
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 {
        padding-top: 0 !important
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar {
        width: 8px;
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb)
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb);
        padding: 0 2px
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background: #414141
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb:hover {
        background: #000
    }

    body #scrollIframe .mcontent.page-sixinone #teammain-6in1 .Leaguestitle .leagues-title .add-div .icon:after {
        left: unset;
        right: 0
    }

    body #scrollIframe #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest {
        flex-direction: unset;
        justify-content: center
    }

    body #scrollIframe #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest img {
        order: -1
    }

    body #scrollIframe #info #i_main .techlist #mainData .twoteam-mobile {
        margin-left: 8px !important
    }

    body #scrollIframe #info.database .area-tab {
        margin-left: 7px
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items {
        justify-content: space-between !important
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-logo {
        width: unset !important
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-name {
        width: unset
    }

    body #scrollIframe footer {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 110px
    }

    body #scrollIframe footer .footer-container .bottom .about-footer .footer-logo .weblogo {
        max-width: 160px;
        object-fit: contain;
        max-height: 24px
    }

    body #scrollIframe footer .footer-container .bottom_info {
        padding: 0 0 20px;
        font-size: 11px;
        justify-content: center;
        display: flex;
        width: 100%
    }

    body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a,
    body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-500, #bbb)
    }

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: var(--BG-TITLE-BNG-T-L, #374033) !important
    }

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon:before {
        background-image: url(/build/assets/images/page-favourite-icon-start-dark.svg)
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #3a0f01 !important
    }

    body.dark .mcontent#main .idx-favorite #mintable #live td .team-box a,
    body.dark .mcontent#main .idx-resultpage #mintable #live td .team-box a,
    body.dark .mcontent.index #mintable #live td .team-box a {
        color: #e6e6e6 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #004026 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #761b1c !important
    }

    #scrollIframe .add-on-mobile-tr {
        margin-top: 12px;
        margin-bottom: 25px
    }

    #scrollIframe .add-on-mobile-tr label {
        position: relative;
        top: -2px
    }

    #scrollIframe .add-on-mobile-tr a {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 12px !important;
        color: var(--Black, #000) !important;
        margin-bottom: 6px !important
    }

    #scrollIframe .add-on-mobile-tr td {
        background: 0 0 !important;
        text-align: left !important
    }

    #scrollIframe .add-on-mobile-tr td input {
        margin-right: 5px !important;
        margin-left: -5px !important
    }

    #scrollIframe .add-on-mobile-tr td .box-flex-select.d-flex.f-right {
        margin-top: 2px
    }

    body #scrollIframe .main-content.cup-match #account {
        margin-bottom: unset;
        padding: 12px 8px 20px
    }

    body #scrollIframe .main-content.cup-match #account .account__border {
        background-color: unset !important;
        padding: 0;
        display: grid;
        gap: 20px;
        justify-content: unset
    }

    body #scrollIframe .main-content.cup-match #account .account__left {
        min-width: 211px;
        display: flex;
        gap: 12px;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info {
        display: flex;
        gap: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt {
        height: 85px;
        margin-bottom: 0
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt__img {
        width: 85px;
        height: 85px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .avt__ellipse {
        right: 3px;
        bottom: 3px;
        width: 20px;
        height: 20px
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options,
    #scrollIframe #team-tech-detail.t-p-11-5,
    #scrollIframe .footer-container,
    #scrollIframe .league-responsive .tr-des td,
    body #scrollIframe .main-content.cup-match #account .account__left--info .user,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team select {
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__name {
        font-size: 16px;
        margin-bottom: 6px;
        text-align: left;
        line-height: 19px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__description {
        font-size: 14px;
        text-align: left;
        margin-bottom: 10px
    }

    body #scrollIframe .main-content.cup-match #account .account__left--info .user__logout {
        font-size: 12px;
        height: 14px;
        margin: unset;
        width: 133px
    }

    body #scrollIframe .main-content.cup-match #account .account__right {
        border: none;
        padding-left: 0;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .title {
        font-size: 16px;
        margin-bottom: 10px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--icon {
        height: 18px;
        width: 18px;
        top: 7px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input {
        padding: 6px 12px 6px 34px;
        font-size: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--input::placeholder {
        font-size: 12px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row--submit {
        font-size: 14px;
        height: 33px;
        margin-top: 16px;
        width: 100%
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.send-code .form__row--submit {
        width: 84px;
        height: 33px
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--input {
        width: calc(100% - 80px)
    }

    body #scrollIframe .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--icon {
        top: 10px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border {
        padding: 16px;
        width: 268px;
        left: calc(50% - 150px)
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .text {
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout--border .button__bottom {
        font-size: 14px;
        width: fit-content;
        padding: 8px 14px;
        height: 20px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border {
        padding: 12px;
        width: 290px;
        left: calc(50% - 157px)
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px
    }

    body #scrollIframe .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .text {
        font-size: 14px;
        height: 28px;
        line-height: 15px;
        margin-bottom: 16px
    }

    body #scrollIframe #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 24px)/ 4) !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box img {
        width: 13px !important;
        height: 13px !important;
        left: 32px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box input::placeholder {
        font-size: 10px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box input {
        width: 100%;
        padding-left: 26px !important;
        height: 34px !important;
        line-height: 34px !important
    }

    #scrollIframe #showoptional2 .showoptional2-w .search-box button {
        font-size: 10px !important;
        padding: 0 6px !important;
        height: 25px !important
    }

    #scrollIframe #matchData #game-rate #matchScoreStatistics .fx-title-name span {
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 99px
    }

    body #scrollIframe #container #info.matchDetail #porletP_Group .porletP.p5-w-test .team-table-title {
        display: initial !important;
        top: -42px !important
    }

    #scrollIframe #porletP4.poper-tw table tr>td:first-child,
    #scrollIframe #porletP4.poper-tw table tr>th:first-child,
    #scrollIframe #porletP4.poper-two-1 table tr>td:first-child,
    #scrollIframe #porletP4.poper-two-1 table tr>th:first-child {
        position: sticky;
        left: 0
    }

    #scrollIframe #game-rate .bh-335.col-game-rate-hide-mobile {
        height: auto !important
    }

    #scrollIframe #table_v1.team-table-home.d-after-none tr th:first-child,
    #scrollIframe #table_v3.team-table-other.d-after-none tr th:first-child {
        z-index: 9
    }

    #scrollIframe .dropdown-obtion-right .dropdown-menu.show {
        left: 0 !important
    }

    #scrollIframe #game-rate #tableCore {
        overflow: visible !important
    }

    #scrollIframe #game-rate #tableCore #tableCoreSP.core-container {
        background: 0 0
    }

    #scrollIframe #game-rate #tableCoreSP.core-container-mobile,
    #scrollIframe .league-responsive .box-des-content {
        position: relative
    }

    body #scrollIframe #main #table_live .new-home-tr .odds1:before {
        font-size: 10px !important;
        left: 6px !important
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content {
        display: flex;
        gap: 11px;
        padding: 0 12px
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .table-core-odds-value {
        position: initial !important;
        flex: 1
    }

    #scrollIframe #tableCoreSP.live-table-w .live-table-w-content .odds-number:after {
        height: 12px;
        width: 12px
    }

    #scrollIframe .live-w-content .live-w-content-title {
        display: flex;
        align-items: center;
        margin: 8px 0
    }

    #scrollIframe .live-w-content .live-w-content-title .tleft,
    #scrollIframe .live-w-content .live-w-content-title .tright {
        width: calc(50% - 25px)
    }

    #scrollIframe .live-w-content .live-w-content-title .tright {
        justify-content: flex-start
    }

    #scrollIframe .live-w-content .live-w-content-title .ratio-value {
        font-family: Inter;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 19.36px;
        color: var(--color-score-live-light) !important;
        text-align: center;
        min-width: 50px
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        margin-bottom: 8px
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match span {
        position: relative;
        color: #717171
    }

    #scrollIframe .live-w-content .live-w-content-time .status-time-match span:after {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 3px;
        height: 8px;
        position: absolute;
        right: -4px;
        top: 2px;
        background-image: url(/build/assets/images/in.gif)
    }

    #scrollIframe #game-rate #tableCoreSP.core-container-mobile.live-table-w {
        height: 148px !important
    }

    #scrollIframe .live-w-content-bot {
        display: flex;
        justify-content: space-between;
        padding: 6px 10px;
        background: #2b7e5d;
        font-size: 10px;
        color: #fff;
        align-items: center
    }

    #scrollIframe .live-w-content-bot-icon {
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff
    }

    #scrollIframe .odds-number--title {
        position: absolute;
        left: 6px;
        font-size: 10px;
        color: #8c8c8c;
        height: 100%;
        display: flex;
        align-items: center
    }

    #scrollIframe .database_league_filter--dropdown #left table tr td:after {
        top: initial !important
    }

    #scrollIframe table .team-box>a {
        max-width: 130px
    }

    #scrollIframe .team-table-title2 span {
        overflow: hidden;
        display: block;
        -webkit-line-clamp: 1;
        display: box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal
    }

    #scrollIframe td.status-time-match,
    #scrollIframe td.status-time-sched {
        display: flex;
        gap: 8px;
        justify-content: center
    }

    #scrollIframe td.status-time-match>div:first-child.no-text-in,
    #scrollIframe td.status-time-sched>div:first-child.no-text-in {
        display: none
    }

    #scrollIframe #filter-box-on-mobile .sotit,
    #scrollIframe #filter-box-on-pc,
    #scrollIframe #view-tap-bottom.sub_menu,
    #scrollIframe .crumbs,
    #scrollIframe .top-nav-vuejs .top-nav-vuejs-wrap-btn,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #div_Table1 tr th strong.th__pc,
    html body #scrollIframe #info #i_main #i_data.page-ahstats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-archer .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableId,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a img,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong.six-game,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-oustats #HASelect.nav_select,
    html body #scrollIframe #info #i_main #i_data.page-oustats .nav_select,
    html body #scrollIframe #info #i_main #i_data.page-schedule #matchBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .owl-nav,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-dots,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-nav,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table3,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .round,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .round,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content span,
    html body #scrollIframe #info #i_main .data.page-ahstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-ahstats #div_Table1 tr th strong.th__pc,
    html body #scrollIframe #info #i_main .data.page-ahstats .nav_select,
    html body #scrollIframe #info #i_main .data.page-archer .nav_select,
    html body #scrollIframe #info #i_main .data.page-hfstats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-hfstats .nav_select,
    html body #scrollIframe #info #i_main .data.page-leastanding #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableId,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a img,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong.six-game,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select,
    html body #scrollIframe #info #i_main .data.page-oustats #HASelect.nav_select,
    html body #scrollIframe #info #i_main .data.page-oustats .nav_select,
    html body #scrollIframe #info #i_main .data.page-schedule #matchBox,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .owl-nav,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-dots,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-nav,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table3,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .round,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .hideBox,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .round,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .link-v2 img,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 .first-tr,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 .h-34,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content span,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 .first-tr,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 .h-34 {
        display: none
    }

    #scrollIframe #filter-box-on-mobile .llx {
        gap: 9px
    }

    #scrollIframe #filter-box-on-mobile .btn-item-now {
        font-size: 10px;
        padding: 8px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df,
    #scrollIframe #filter-box-on-mobile .filter-cup-match .custom-select-02 .custom-select {
        font-size: 10px
    }

    #scrollIframe #filter-box-on-mobile .filter-cup-match-box {
        padding: 7px 10px;
        height: initial;
        border: 1px solid #005030;
        min-height: 34px
    }

    #scrollIframe #filter-box-on-mobile .filter-search-row {
        margin-bottom: 0
    }

    #scrollIframe #filter-box-on-mobile .filter-row-select .custom-select-02 .custom-select {
        font-size: 10px;
        max-width: 100%
    }

    #scrollIframe #filter-box-on-mobile #sixinoneFilterLeague {
        width: 350px !important;
        transform: none !important;
        left: -68px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df {
        min-width: initial !important;
        padding: 0 8px;
        min-height: 34px;
        line-height: 33px
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02:after {
        right: 7px;
        width: 11px;
        height: 11px
    }

    #scrollIframe #app6in1 .table-view,
    #scrollIframe #filter-box-on-mobile .filter-all-hot {
        margin-top: 8px
    }

    #scrollIframe #filter-box-on-mobile .filter-row-select,
    #scrollIframe #filter-box-on-mobile .xll-r {
        gap: 8px
    }

    #scrollIframe #filter-box-on-mobile .search-box img {
        left: initial !important;
        right: 24px
    }

    #scrollIframe #filter-box-on-mobile .search-box input {
        font-size: 11px !important;
        height: 28px !important;
        padding-left: 10px !important
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    #scrollIframe #filter-box-on-mobile .search-box input::placeholder {
        font-size: 11px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-top label,
    #scrollIframe .main-content .league-responsive #Table3 tr td .box-set * {
        font-size: 12px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-top span label {
        font-size: 11px !important
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div.bts-inner,
    #scrollIframe #filter-box-on-mobile .myleague2.scroll-custom>div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #scrollIframe #filter-box-on-mobile #myleague2 ul li label {
        font-size: 10px !important
    }

    #scrollIframe #filter-box-on-mobile .bts-bottom .select-all span {
        margin-left: 5px !important;
        font-size: 11px !important
    }

    #scrollIframe .sixmix-container .filter-box #sixinoneFilterLeague .bts-bottom #button {
        width: 88px;
        font-size: 12px
    }

    #scrollIframe #filter-box-on-mobile .custom-select-02 .custom-options div.select-all {
        padding-right: 0 !important
    }

    #scrollIframe #app6in1 .sixmix-container {
        padding-top: 0
    }

    #scrollIframe #app6in1 .league-item,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time {
        margin-bottom: 8px
    }

    #scrollIframe #filter-box-on-mobile .all-hot-filter .button-df.active_ {
        background-color: #005030;
        color: #fff !important;
        border: 1px solid #005030
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox {
        margin-right: 0 !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 {
        width: 120px;
        margin-top: 5px;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 95px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-toggle {
        width: 120px !important;
        font-size: 10px;
        color: var(--Monotone-Grey-900, #070f03)
    }

    #scrollIframe html {
        min-width: unset
    }

    html body #scrollIframe {
        min-width: unset !important
    }

    html body #scrollIframe #info {
        width: unset !important;
        margin-top: 12px !important;
        padding: 0
    }

    html body #scrollIframe #info #i_main {
        padding-left: 3px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left {
        color: var(--Monotone-Grey-900, #070f03);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .img {
        width: 33px;
        height: 33px;
        margin-top: 0;
        margin-right: 8px;
        background: unset
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .img img {
        transform: translateY(-4px)
    }

    #scrollIframe .td-logo-team {
        display: inline-block !important;
        width: 16px;
        height: auto
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox .filterLi2 .dropdown-menu {
        width: 150px
    }

    html body #scrollIframe #info #i_main .info_title .info_title_right {
        position: absolute;
        right: 10px;
        transform: translateY(33px)
    }

    html body #scrollIframe #info #i_main .sub_menu {
        overflow-x: scroll;
        scrollbar-width: none;
        margin: 0 0 16px
    }

    html body #scrollIframe #info #i_main #div_Table1.hfstats tr th strong,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select #menuUl1 li,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td a,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr td a,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr td a,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select #menuUl1 li,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td a,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr td a,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr td a,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr td a,
    html body #scrollIframe #info #i_main .sub_menu a,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr td a,
    html body #scrollIframe #info #i_main.page-hfstats.cupmatch #div_Table1 tr th strong {
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile {
        display: block !important;
        margin-bottom: 12px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border {
        display: flex;
        justify-content: start;
        align-items: center;
        overflow-x: auto;
        width: calc(100% + 0px)
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm1,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm2,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm1,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm2 {
        height: 48px;
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border-right: 1px solid #f2f2f2;
        width: 36px !important;
        justify-content: center;
        background-color: #fff;
        flex: none
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item {
        height: 48px;
        font-size: 10px;
        text-align: center;
        align-items: center;
        display: flex;
        border-right: 1px solid #f2f2f2;
        width: 36px !important;
        justify-content: center;
        background-color: #fff
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm1,
    html body #scrollIframe #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm2,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm1,
    html body #scrollIframe #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item .lsm2 {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }

    #scrollIframe .logo-team-fixture {
        width: 16px;
        height: auto
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check {
        justify-content: right;
        display: flex;
        margin: 0 4px 12px 0 !important;
        gap: 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .mobile__checkbox .radio-check span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .mobile__checkbox .radio-check span {
        align-items: center;
        display: flex
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match {
        border-radius: 4px;
        background: var(--Monotone-Grey-100, #fbfbfb);
        margin-bottom: 12px;
        padding: 27px 9px 9px;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team {
        display: flex;
        justify-content: center;
        gap: 9px;
        margin-bottom: 7px;
        position: relative;
        align-items: center;
        overflow: hidden
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .link-v2 {
        display: flex;
        align-items: center
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score {
        color: var(--old-Medium-Red, #e51b00);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-wrap: nowrap !important
    }

    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score a {
        padding-left: 5px;
        padding-right: 5px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score font,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score font {
        font-family: Inter
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam {
        color: var(--Monotone-Grey-900, #070f03);
        text-align: right;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        display: flex;
        position: absolute;
        left: calc(50% + 18px)
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam .team-name {
        font-size: 12px;
        font-style: normal;
        line-height: 18px;
        font-weight: 500;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam span,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam span,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam span {
        margin: 0 2px;
        text-align: center;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam.first,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam.first {
        position: absolute;
        right: calc(50% + 22px);
        left: unset
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day {
        color: var(--New-Color-04, #337359);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .line,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .line {
        margin: 0 6px;
        color: #dcdcdc
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .hour {
        color: var(--new-color-time-gi, #36aa7c);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin: 0 !important
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 {
        color: #717171;
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font {
        font-family: Inter;
        color: var(--2, #e51b00);
        font-size: 10px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table {
        justify-content: space-between;
        display: flex
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds {
        display: flex;
        gap: 0 6px;
        width: 100%
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds .odd-text,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds .odd-text {
        color: var(--Monotone-Grey-800, #414141);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        align-items: center;
        width: 37px;
        justify-content: center;
        display: none
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div {
        display: flex;
        width: 100%;
        height: 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #ffefd8;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: var(--MonotoneGrey-900, #070f03);
        padding: 5px;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .box-set,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .box-set {
        background: unset;
        font-weight: 600
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div:before {
        content: attr(data-before-content);
        position: absolute;
        left: 6px;
        color: #717171;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div .tocolor,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div .tocolor {
        background-color: unset
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .extra a,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .extra a {
        margin-top: 3px
    }

    #scrollIframe .match .bottom-table .extra {
        position: absolute;
        right: 9px;
        top: 9px
    }

    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table4 .explanation,
    html body #scrollIframe #info #i_main #i_data.page-schedule .tdsolid #Table5 .explanation,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table4 .explanation,
    html body #scrollIframe #info #i_main .data.page-schedule .tdsolid #Table5 .explanation {
        color: var(--New-Color-06, #004026);
        text-align: center;
        font-family: Inter;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        background: #defff2;
        margin: -12px 0 12px;
        padding: 8px;
        border-radius: 0 0 4px 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding .nav_select #menuUl1,
    html body #scrollIframe #info #i_main .data.page-leastanding .nav_select #menuUl1 {
        display: flex;
        max-width: 100%;
        overflow-x: scroll;
        scrollbar-width: none
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb {
        display: block !important;
        scrollbar-width: none
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th {
        background-color: #d4d4d4;
        color: var(--Monotone-Grey-900, #070f03);
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-weight: 500;
        line-height: 16px;
        border-right: 1px solid var(--Monotone-Grey-500, #bbb);
        border-bottom: 1px solid var(--Monotone-Grey-500, #bbb);
        max-width: 47px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th strong,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th strong {
        width: 57px;
        text-align: left;
        line-height: 18px;
        text-wrap: nowrap;
        display: block;
        max-width: 47px;
        overflow: hidden;
        font-weight: 500 !important;
        text-overflow: ellipsis
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td {
        position: unset;
        text-align: center;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        background: #f2f2f2;
        max-width: 67px !important;
        height: 29px;
        border-top: none;
        border-right: 1px solid var(--Monotone-Grey-500, #bbb);
        border-bottom: 1px solid var(--Monotone-Grey-500, #bbb);
        border-left: none;
        min-width: 66px
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td a,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td a {
        line-height: 18px;
        text-wrap: nowrap;
        display: block;
        max-width: 67px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2px;
        justify-content: center
    }

    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td.wd-xxs .six-lasted span {
        display: none;
        width: 16px;
        height: 16px;
        border-radius: 50%
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist,
    html body #scrollIframe #info #i_main .data.page-techlist {
        background-color: unset !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile {
        display: block !important;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile {
        width: auto;
        gap: 9px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-toggle,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-toggle {
        width: 140px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu {
        width: 140px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile {
        margin-left: 14px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button {
        display: flex;
        width: 120px;
        padding: 5px 10px;
        justify-content: space-between;
        align-items: center;
        border-radius: 4px;
        background: #f2f2f2;
        height: 20px;
        margin-bottom: 0
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text {
        color: #717171;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-wrap: nowrap
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path {
        fill: #9a9a9a
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content {
        position: absolute;
        display: none;
        border-radius: 5px;
        background: var(--Monotone-Grey-300, #e6e6e6);
        box-shadow: 4px 4px 30px #11132c1a;
        padding: 20px;
        left: 40px;
        width: calc(100% - 40px);
        z-index: 999;
        transform: translate(-41px);
        transition: .2s;
        top: 42px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content.show,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content.show {
        display: block;
        transition: .2s
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text {
        color: #000;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 12px;
        margin-bottom: 8px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select {
        margin-right: 0 !important;
        width: calc(50% - 7px);
        max-width: 123px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select.first,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select.first {
        margin-right: 9px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select option,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content select option {
        max-width: 150px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content input,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content input {
        margin-top: 12px;
        margin-left: 0 !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .close,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .close {
        position: absolute;
        top: 8px;
        right: 8px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .choose_team,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two {
        display: flex;
        gap: 8px;
        margin-bottom: 12px
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one select,
    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_one select,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .team_two select {
        width: 50%
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .compare,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .compare {
        display: flex;
        width: 122px;
        height: 34px;
        padding: 6px 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 8px;
        background: #9f2c09;
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        border: none
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile {
        margin: 8px 0 4px
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-archer .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .filterLi2.xz,
    html body #scrollIframe #info #i_main #i_data.page-oustats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-ahstats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-archer .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-hfstats .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-leastanding .filterLi2.xz,
    html body #scrollIframe #info #i_main .data.page-oustats .filterLi2.xz,
    html body #scrollIframe #info #i_main.page-hfstats .filterLi2 {
        display: block !important;
        margin-bottom: 12px !important
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile .tools,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile .tools {
        border-bottom: unset;
        padding: 0;
        transform: translate(-10px);
        cursor: default
    }

    html body #scrollIframe #info #i_main #i_data.page-techlist .fillter-mobile .alloravg-mobile .tools label,
    html body #scrollIframe #info #i_main .data.page-techlist .fillter-mobile .alloravg-mobile .tools label {
        z-index: -1;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #allTongJi1,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #allTongJi2,
    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId,
    html body #scrollIframe #info #i_main #i_data.page-contrast,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-leastanding,
    html body #scrollIframe #info #i_main #i_data.page-oustats #allTongJi1,
    html body #scrollIframe #info #i_main #i_data.page-oustats #allTongJi2,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId,
    html body #scrollIframe #info #i_main .data.page-ahstats #allTongJi1,
    html body #scrollIframe #info #i_main .data.page-ahstats #allTongJi2,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId,
    html body #scrollIframe #info #i_main .data.page-archer #tableId,
    html body #scrollIframe #info #i_main .data.page-contrast,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId,
    html body #scrollIframe #info #i_main .data.page-leastanding,
    html body #scrollIframe #info #i_main .data.page-oustats #allTongJi1,
    html body #scrollIframe #info #i_main .data.page-oustats #allTongJi2,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv {
        overflow-x: scroll;
        scrollbar-width: none;
        position: relative
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 {
        border-radius: 4px;
        overflow-x: auto;
        scrollbar-width: none;
        display: block;
        border: none
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr th,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr th,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr th,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr th,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr th,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr th,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr th,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr th,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr th {
        padding: 0 5px
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-archer #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-contrast #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-goaltime #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-hfstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main #i_data.page-oustats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td,
    html body #scrollIframe #info #i_main #i_data.page-schedule.cup-match #showRound table tr td,
    html body #scrollIframe #info #i_main #i_data.page-scorestats #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main #i_data.page-techlist #tableId #div_Table2 tr td,
    html body #scrollIframe #info #i_main .data.page-ahstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-archer #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-contrast #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-goaltime #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-hfstats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-leastanding #tableIdMb tr td,
    html body #scrollIframe #info #i_main .data.page-oustats #tableId #div_Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab tr td,
    html body #scrollIframe #info #i_main .data.page-schedule.cup-match #showRound table tr td,
    html body #scrollIframe #info #i_main .data.page-scorestats #tableId #Table1 tr td,
    html body #scrollIframe #info #i_main .data.page-techlist #tableId #div_Table2 tr td,
    html body #scrollIframe #info #i_main.page-hfstats #MainDiv #div_Table1 tr td {
        text-wrap: nowrap;
        padding: 0 5px
    }

    html body #scrollIframe #info #i_main #i_data .main_title,
    html body #scrollIframe #info #i_main .data .main_title {
        color: var(--Monotone-Grey-900, #070f03);
        font-family: Inter;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu {
        color: var(--Monotone-Grey-100, #fff) !important;
        opacity: 1;
        background-color: #5b1905;
        width: 167px;
        border-radius: 4px !important;
        border: none;
        text-align: left;
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        text-transform: capitalize;
        position: relative;
        cursor: auto
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu.show svg,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu.show svg {
        transform: rotate(180deg)
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu svg,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu svg {
        right: 11px;
        top: 8px;
        position: absolute
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:after,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:after {
        content: unset !important;
        display: none !important
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:hover,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:hover {
        border: none !important
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .select__menu:focus-visible,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .select__menu:focus-visible {
        outline: 0
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu {
        width: 167px !important;
        top: 28px;
        padding: 4px 0 0;
        border-radius: 4px;
        overflow: hidden
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu:before,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 4px solid #fff
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu .option,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu .option {
        color: var(--Monotone-Grey-0, #000);
        font-family: Inter;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        text-transform: capitalize;
        background: #fff;
        height: 30px;
        align-items: center;
        display: flex;
        padding-left: 10px;
        transition: .2s
    }

    html body #scrollIframe #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-archer .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main .data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu .option:hover {
        background: var(--Monotone-Grey-300, #e6e6e6);
        color: #000;
        cursor: auto !important;
        transition: .2s
    }

    html body #scrollIframe #info #i_main .page-contrast #Table1 tr:first-of-type th:nth-of-type(1) {
        background-color: #ccdcd6 !important
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu.show svg {
        transform: rotate(180deg)
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu svg {
        right: 11px;
        top: 8px;
        position: absolute
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:after {
        content: unset !important;
        display: none !important
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:hover {
        border: none !important
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .select__menu:focus-visible {
        outline: 0
    }

    html body #scrollIframe #info #i_main.page-hfstats .dropdown .dropdown-menu {
        width: 167px !important;
        top: 28px;
        padding: 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    html body #scrollIframe #info #i_main #lastUpdateTime {
        font-size: 10px !important;
        margin-top: 12px !important
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .roundslide-text,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .roundslide-text {
        color: var(--white, #fff) !important;
        background-color: #374033 !important
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .swiperMenu .owl-stage-outer .owl-stage .owl-item {
        background: #232323 !important;
        color: var(--Monotone-Grey-500, #bbb) !important;
        border-right: 1px solid #2a2a2a
    }

    html body.dark #info #i_main #i_data.page-schedule #showRound-mobile .roundslide-border .lsm2,
    html body.dark #info #i_main .data.page-schedule #showRound-mobile .roundslide-border .lsm2 {
        border-right: 1px solid #2a2a2a;
        background: #232323
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match {
        background: #1a1a1a !important
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .outteam.first,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .hour,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam.first,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .hour,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .outteam.first {
        color: var(--Monotone-Grey-0, #fff)
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .team .score,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .team .score,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .score2 font,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .score,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .score2 font,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .team .score {
        color: #ffc225
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day {
        color: var(--new-color-time-gi, #36aa7c)
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .match-time .day .line,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .match-time .day .line,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .match-time .day .line {
        color: #414141
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .match .bottom-table .odds>div,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .match .bottom-table .odds>div {
        background: #170500;
        color: #fff
    }

    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table4 .explanation,
    html body.dark #info #i_main #i_data.page-schedule .tdsolid #Table5 .explanation,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table4 .explanation,
    html body.dark #info #i_main .data.page-schedule .tdsolid #Table5 .explanation {
        background: #002013;
        color: var(--Monotone-Grey-400, #d4d4d4)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr th,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr th {
        background: var(--BG-TITLE-BNG-T-L, #374033);
        border-right: 1px solid var(--Black, #000);
        border-bottom: 1px solid var(--Black, #000)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr th strong,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr th strong,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__content .text {
        color: var(--Monotone-Grey-300, #e6e6e6)
    }

    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb tr td,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb tr td {
        color: var(--Monotone-Grey-300, #e6e6e6) !important;
        background: #222;
        border-right: 1px solid var(--Black, #000);
        border-bottom: 1px solid var(--Black, #000)
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-archer .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .select__menu,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .select__menu,
    html body.dark #info #i_main .data.page-ahstats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-archer .dropdown .select__menu,
    html body.dark #info #i_main .data.page-contrast .dropdown .select__menu,
    html body.dark #info #i_main .data.page-hfstats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-leastanding .dropdown .select__menu,
    html body.dark #info #i_main .data.page-oustats .dropdown .select__menu,
    html body.dark #info #i_main .data.page-techlist .dropdown .select__menu,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .select__menu,
    html body.dark #info #i_main.page-hfstats .dropdown .select__menu {
        background-color: #260c04
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu:before,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu:before,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu:before,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu:before {
        border-bottom: 4px solid #000
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu .option,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu .option {
        background: #030405;
        color: #fff
    }

    html body.dark #info #i_main #i_data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-archer .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-ahstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-archer .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-contrast .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-hfstats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-leastanding .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-oustats .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-techlist .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .dropdown-mobile .dropdown .dropdown-menu .option:hover,
    html body.dark #info #i_main.page-hfstats .dropdown .dropdown-menu .option:hover {
        background: #1e1e1e
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button {
        background: #232323
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--text {
        color: var(--Monotone-Grey-500, #bbb)
    }

    html body.dark #info #i_main #i_data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path,
    html body.dark #info #i_main .data.page-techlist .fillter-mobile__row .twoteam-mobile .twoteam-mobile__button--svg path {
        fill: #fff
    }

    html body.dark #info #i_main #i_data.page-ahstats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-archer #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-contrast #Table1:after,
    html body.dark #info #i_main #i_data.page-goaltime #tableId #Table1:after,
    html body.dark #info #i_main #i_data.page-hfstats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-leastanding #tableIdMb:after,
    html body.dark #info #i_main #i_data.page-oustats #tableId #div_Table1:after,
    html body.dark #info #i_main #i_data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab:after,
    html body.dark #info #i_main #i_data.page-schedule.cup-match #showRound table:after,
    html body.dark #info #i_main #i_data.page-scorestats #tableId #Table1:after,
    html body.dark #info #i_main #i_data.page-techlist #tableId #div_Table2:after,
    html body.dark #info #i_main .data.page-ahstats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-archer #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-contrast #Table1:after,
    html body.dark #info #i_main .data.page-goaltime #tableId #Table1:after,
    html body.dark #info #i_main .data.page-hfstats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-leastanding #tableIdMb:after,
    html body.dark #info #i_main .data.page-oustats #tableId #div_Table1:after,
    html body.dark #info #i_main .data.page-schedule.cup-match #ScoreGroupDiv #ScoreGroupTab:after,
    html body.dark #info #i_main .data.page-schedule.cup-match #showRound table:after,
    html body.dark #info #i_main .data.page-scorestats #tableId #Table1:after,
    html body.dark #info #i_main .data.page-techlist #tableId #div_Table2:after,
    html body.dark #info #i_main.page-hfstats #MainDiv #div_Table1:after {
        background: linear-gradient(90deg, #0000 55.9%, #000000b3)
    }

    html body.dark #info #i_main .page-contrast #Table1 tr td:first-of-type,
    html body.dark #info #i_main .page-contrast #Table1 tr:first-of-type th:first-of-type,
    html body.dark #info #i_main .page-contrast #Table1 tr:nth-of-type(n+4) th:first-of-type {
        background-color: #374033 !important
    }

    html body #scrollIframe #info #i_main .info_title .info_title_left .selectbox {
        float: left;
        flex-wrap: wrap;
        width: 100%
    }

    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        height: auto;
        line-height: initial;
        padding: 27px 6px 6px;
        justify-content: space-between;
        box-sizing: border-box
    }

    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr.bg-oyellow,
    html body #scrollIframe #info #i_main .data.page-schedule.league-responsive .tdsolid #Table3 tr.tr-des,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr.bg-oyellow,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr.tr-des {
        padding-top: 6px;
        justify-content: center
    }

    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr *,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr td {
        box-sizing: border-box
    }

    #scrollIframe .league-responsive {
        position: relative;
        z-index: 0
    }

    #scrollIframe .league-responsive #showRound {
        overflow-x: auto
    }

    #scrollIframe .league-responsive .box-des-content:before {
        content: attr(data-before-content);
        position: absolute;
        left: 6px;
        top: 9px;
        color: #717171;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    #scrollIframe .league-responsive .match-time,
    #scrollIframe .league-responsive .td-sche,
    #scrollIframe .league-responsive td[name=timeData] {
        position: absolute;
        bottom: 40px;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 16px
    }

    #scrollIframe .league-responsive .td-detail {
        position: absolute;
        right: 0;
        top: 0
    }

    #scrollIframe .league-responsive .td-round {
        position: absolute !important;
        left: 8px !important;
        top: 7px !important
    }

    #scrollIframe .league-responsive td[name=timeData] {
        right: 50%;
        margin-right: -55px
    }

    #scrollIframe .league-responsive .match-time {
        bottom: 45px;
        right: 50%;
        margin-right: -40px
    }

    #scrollIframe .league-responsive .td-sche {
        left: 50%;
        margin-left: 40px
    }

    #scrollIframe .league-responsive .td-sche .red {
        border-left: 1px solid #dcdcdc;
        padding-left: 6px
    }

    #scrollIframe .league-responsive .td-home {
        padding-right: 0;
        text-align: right
    }

    #scrollIframe .league-responsive .td-away,
    #scrollIframe .league-responsive .td-home {
        display: flex;
        justify-content: right;
        width: calc(50% - 32px)
    }

    #scrollIframe .league-responsive td td .team-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }

    #scrollIframe .league-responsive .outteam img {
        vertical-align: top
    }

    #scrollIframe .league-responsive .outteam,
    #scrollIframe .second-version .league-responsive .outteam {
        align-items: center
    }

    #scrollIframe .league-responsive .td-away a,
    #scrollIframe .league-responsive .td-home a {
        color: #333;
        font-size: 12px;
        display: flex;
        flex-wrap: nowrap
    }

    #scrollIframe .league-responsive .td-away {
        justify-content: left;
        padding-left: 0;
        text-align: left
    }

    #scrollIframe .bottom .about-footer .description,
    html body #scrollIframe #info #i_main .league-responsive .tdsolid #Table3 tr .td-sche font {
        font-size: 12px
    }

    #scrollIframe .league-responsive .td-odds {
        width: calc(33.33% - 6px);
        margin-top: 30px;
        padding: 0 !important;
        margin-left: 3px;
        margin-right: 3px;
        background-color: var(--yellow30);
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        font-style: normal;
        font-weight: 600;
        color: var(--MonotoneGrey-900, #070f03)
    }

    #scrollIframe .league-responsive .td-odds .tocolor {
        width: 100%;
        height: 30px !important
    }

    #scrollIframe .data-sync .league-responsive #Table3 tr td .box-set {
        width: 100% !important;
        height: 30px !important;
        font-size: 12px !important;
        line-height: 30px !important;
        font-style: normal;
        font-weight: 600;
        justify-content: center
    }

    #scrollIframe .league-responsive .td-detail a {
        cursor: pointer
    }

    #scrollIframe .league-responsive .td-logo-team {
        vertical-align: top;
        display: inline-block;
        width: 16px;
        height: auto
    }

    #scrollIframe #info,
    #scrollIframe #mainData.data {
        margin-bottom: 20px
    }

    #scrollIframe footer .bottom {
        padding: 20px 0
    }

    #scrollIframe .bottom .about-footer .footer-logo {
        height: 36px;
        margin-bottom: 12px
    }

    #scrollIframe .bottom .about-footer .footer-logo:after {
        width: 19px !important;
        height: 19px !important;
        top: 8px !important;
        left: 36px !important
    }

    #scrollIframe .bottom .about-footer .footer-logo img {
        height: 36px
    }

    #scrollIframe .col-6 {
        flex: 1 1 calc(100% - 20px);
        max-width: 100%;
        padding: 0 10px
    }

    #scrollIframe .footer-nav {
        display: flex;
        flex-direction: column
    }

    #scrollIframe .about-footer {
        max-width: 100%
    }

    #scrollIframe .bottom .bottom-item .bottom-item-title {
        font-size: 16px
    }

    #scrollIframe .bottom .bottom-item .bottom-item-content ul li,
    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li {
        height: 30px
    }

    #scrollIframe .bottom .bottom-item .bottom-item-content ul li a,
    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li a {
        font-size: 14px
    }

    #scrollIframe .bottom .bottom-item:last-of-type .bottom-item-content ul li img {
        width: 24px;
        height: 24px
    }

    body #scrollIframe.has_iframe .main-content {
        width: calc(100% - 10px) !important;
        margin-left: 5px;
        padding: 0
    }

    body #scrollIframe.has_iframe .mcontent {
        padding-left: 0 !important
    }
}

#scrollIframe.wrap-rank-iframe {
    max-width: 100% !important
}

@media screen and (min-width:1085px) {
    #scrollIframe .info_title_left .img {
        padding: 10px
    }
}

#scrollIframe #tableIdMb {
    overscroll-behavior: auto
}