#scrollIframe{
    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    
    .f-white,
    .menu2 li a,
    .on-bg-color {
        color: #fff;
    }
    
    .pl-0 {
        padding-left: 0 !important;
    }
    
    .pl-1 {
        padding-left: 0.25rem !important;
    }
    
    .pl-2 {
        padding-left: 0.5rem !important;
    }
    
    .pl-3 {
        padding-left: 1rem !important;
    }
    
    .pl-4 {
        padding-left: 1.5rem !important;
    }
    
    .odds-label {
        position: relative;
        background-color: var(--bg-odds-normal-light) !important;
        color: #282828;
        text-align: center;
    }

    .odds-arrow {
        padding-right: 12px !important;
    }
    
    .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;
    }
    
    .odds-arrow--up {
        background-color: var(--bg-odds-arrow-up-light) !important;
        color: var(--color-odds-up-light);
    }
    
    .odds-arrow--down {
        background-color: var(--bg-odds-arrow-down-light) !important;
        color: var(--color-odds-up-light);
    }

    .odds-arrow--up::after {
        background-image: url(/assets/images/icon-arrow-up-light-v2.svg?v=5);
        /* background-repeat: no-repeat !important; */
        background-color: var(--bg-odds-arrow-up-light) !important;
        color: var(--color-odds-up-light);
    }
    
    .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);
    }

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

    #div_goal {
        display: none !important;
    }
    
    #table_live .odds1.resultColor,
    #table_live .odds2.resultColor,
    .odds2>span.down,
    .odds-bg.odds-normal>span.down,
    #table_live .new-home-tr .odds1.odds-down,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-down,
    #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down {
        background-color: var(--bg-odds-down-light);
        position: relative;
    }
    
    #game-rate .odds-animated.odds-down,
    #table_live .new-home-tr .odds1.odds-animated.odds-down,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-animated.odds-down {
        animation: fadeToColorDownLight 3s forwards;
    }

    #table_live .odds1.resultColor::after,
    #table_live .odds2.resultColor::after,
    .odds-bg.odds-normal>span.down::after,
    #table_live .new-home-tr .odds1.odds-down::after,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-down::after,
    #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-down::after,
    .odds2>span.down::after,
    .oddschanges .oddschanges-bg1 .down::before,
    .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-repeat: no-repeat !important; */
        background-color: var(--bg-odds-arrow-down-light);
        border-radius: 50%;
        overflow: hidden;
    }

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

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

    #table_live .odds3.resultColor::after,
    .odds-bg.odds-normal>span.up::after,
    .odds2>span.up::after,
    #table_live .new-home-tr .odds1.odds-up::after,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-up::after,
    #homepage .game-rate #game-rate .container-sp .table-core-odds-value .odds-number.odds-up::after,
    .oddschanges .oddschanges-bg1 .up::before,
    .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-repeat: no-repeat !important; */
        background-color: var(--bg-odds-arrow-up-light);
        border-radius: 50%;
        overflow: hidden;
    }

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

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

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

    .green {
        color: #1a1;
    }

    .oddschanges-bg2 {
        /* background-color: #f3f9fd; */
    }

    .oddschanges-bg1 {
        /* background-color: #fff9f4; */
    }

    .odds-table-bg2 {
        /* background-color: #d2d2d2; */
    }

    .gray {
        /* background-color: #ecedeb; */
    }

    .gray-bg2 {
        background-color: #f9f9f9;
    }
    
    .change_yellow {
        background-color: #FFEFD8;
    }

    .up_red {
        background-color: #e4f5cb;
    }

    .down_green {
        background-color: #fad2c9;
    }

    .oddschanges .odd-bg1 {
        /* background-color: #edf9ec; */
    }

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

    .odd-bg1 span {
        text-decoration: underline dashed;
    }
    
    .jqTitle {
        color: #fff;
    }
    
    .green-bg {
        background-color: #eff5ee;
    }

    .hand-bg {
        background-color: #327c00;
    }
    
    .odds-table-bg {
        background-color: #d0d0d0;
    }

    .oods-bg1 {
        background-color: #f4f4f4;
    }
    
    .oods-bg2 {
        background-color: #fff;
    }

    .oods-c-bg1,
    .up {
        background-color: rgba(200, 253, 162, 0.5);
        color: #000000ba;
    }

    .oods-c-bg2,
    .down {
        background-color: rgba(247, 200, 200, 0.5);
        color: #000000ba;
    }

    .oods-c-bg3 {
        background-color: #ff0;
        color: #000000ba;
    }

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

    .down2 {
        background: url(../images/redDown.png) no-repeat 43px 5px;
        display: block;
        width: 50px;
        margin: 0 auto;
        color: #f00;
    }
    
    .up2 {
        background: url(../images/greenUp.png) no-repeat 43px 5px;
        display: block;
        width: 50px;
        margin: 0 auto;
        color: #008000;
    }
    
    .resultColor {
        background: var(--yellow30);
        color: #070f03;
    }

    .odds-change {
        background: var(--yellow30);
    }

    .switch>input[type="checkbox"]:checked+.switch-style {
        background-color: #f60;
    }
    
    .hightlight-bg {
        background-color: #f4faff;
    }

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

    .handOdds {
        text-align: right;
    }

    .Preferences2 {
        background-color: #d1e6cc;
    }

    #myGamesCount,
    #hiddencount,
    #nshowhide {
        color: #f60;
    }

    #topAdDiv {
        width: 1060px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 5px;
    }

    #topAdDiv a~a {
        margin-left: 5px;
    }
    
    #ad_middle_122 {
        text-align: center;
        width: 1060px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    #ad_middle_122 a~a {
        margin-left: 4px;
    }
    
    #ad_middle_122 a img {
        padding-top: 5px;
    }
    
    #ad_middle_2 a~a {
        margin-left: 4px;
    }
    
    #ad_middle_2 a img,
    #ad_middle_3 a img {
        padding: 1px 0;
    }
    
    .leftnav .adclass {
        margin-left: -10px;
    }

    /*.main-content{*/
    /*    margin-bottom: 32px ;*/
    /*}*/
    .main-content>#info {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .mcontent {
        width: 1208px;
        margin: 0 auto 0px auto;
        /* min-height: 700px; */
    }
    #app6in1.mcontent{
        max-width: 100%;
    }

    .mcontent:after {
        content: " ";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
    }

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

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

    .Preferences {
        padding: 6px 0;
    }

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

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

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

    .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;
    }

    .slideBtn.on::after {
        transform: rotate(180deg);
    }

    .swt {
        width: 30px;
        height: 30px;
        background-image: url(../images/CaretDown.svg);
        background-position: center;
        background-repeat: no-repeat;
        transition: .175s all linear;
        cursor: pointer;
        transform: rotate(180deg);
    }

    .swt:hover {
        background-image: url(../images/CaretDownBlack.svg);
    }

    .swt.hide-tmp {
        transform: rotate(0deg);
    }
    
    .df1 {
        display: flex;
        justify-content: flex-end;
        /* display: none; */
    }
    
    .df1 .rankicon,
    .rankicon {
        display: none !important;
    }
    
    .df1 i {
        border-right: 1px solid #D4D4D4;
        padding: 2px 8px !important;
        margin: 0 !important;
    }
    
    .box-league{
        background-color: #fff;
    }

    .lr_tit.on {
        border-bottom: 1px solid #e5e5e5;
        padding: 0 10px;
        
    }
    
    .lr_tit.on.o2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .hide-show-btn {
        cursor: pointer;
        transition: .175s all linear;
        transform: rotate(-180deg);
    }
    
    .toggle-box-btn{
        cursor: pointer;
        transition: .175s all linear;
    }
    .hide-box .toggle-box-btn{
        transform: rotate(-90deg);
    }
    .hide-ul .hide-show-btn {
        transform: rotate(0);
    }

    .lr_tit {
        font-weight: bold;
        display: block;
        line-height: 35px;
        font-size: 14px;
        padding-left: 5px;
    }
    
    #left {
        width: 155px;
        float: left;
    }
    
    .leftnav li:last-child {
        border: 0;
    }
    
    .leftnav li a {
        line-height: 28px;
        display: block;
        text-align: left;
    }
    
    .leftnav li a img {
        vertical-align: middle;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        overflow: hidden;
        margin-top: -3px;
        margin-right: 3px;
    }

    .wrap-loadmore{
        margin-top: 17px;
        text-align: center;
    }
    .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: #337359 url('../images/double-alt-arrow-down.svg') no-repeat;
        background-position: right 20px top 6px;
    }

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

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

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

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

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

    ul.menu .on a {
        color: #fff;
    }

    ul.menu li:last-child {
        border: 0;
    }

    #mintable td {
        text-align: center;
    }

    #mintable .tds {
        height: 50px;
    }

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

    .tds:hover {
        background-color: #efefef;
    }

    .bftab {
        text-align: center;
        line-height: 25px;
    }
    
    .bftab .iconbox {
        padding: 0 6px;
        text-align: center;
    }
    
    .bftab .iconbox span {
        margin: 4px;
    }
    
    #basketball #tools {
        padding: 0;
    }
    
    .Leaguestitle {
        text-align: left;
    }

    .handpoint {
        cursor: pointer;
    }
    
    .f-b {
        font-weight: bold;
    }
    
    .status {
        color: #06f;
    }

    .b3 {
        background-color: #eef;
    }
    
    .b4 {
        background-color: #eee;
    }
    
    .l1 {
        float: left;
    }
    
    .l1 a {
        font-weight: bold;
    }
    
    .l1 .nolink {
        font-weight: bold;
        cursor: not-allowed;
    }
    
    .l2 {
        float: right;
    }
    
    .l2 img {
        margin: 0 2px;
    }
    
    .l3 {
        float: left;
        margin-left: 10px;
        background: url(/Content/Com/blue_img/ds.gif) no-repeat left;
        padding-left: 12px;
        color: #000;
        font-weight: bold;
    }
    
    .l4 {
        float: left;
        margin-left: 5px;
        padding-left: 6px;
        color: #b36946;
    }
    
    .l5 {
        float: right;
    }
    
    .l5 img {
        margin: 0 2px;
    }
    
    #div_search {
        width: 650px;
        left: -507px;
        top: 5px;
        z-index: 5;
        position: absolute;
        display: none;
        padding-bottom: 10px;
    }
    
    #div_search a {
        line-height: 24px;
        padding: 0 10px;
        display: block;
        float: left;
        width: 90%;
    }
    
    #div_search a:hover {
        text-decoration: none;
    }
    
    #right {
        width: 188px;
        float: left;
        z-index: 0;
    }
    
    .color {
        background-image: url(/Content/Com/blue_img/color.gif);
        height: 8px;
        width: 72px;
        margin-top: 3px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
    .color li {
        float: left;
    }
    
    .color li a {
        display: block;
        height: 8px;
        width: 8px;
        margin-right: 4px;
    }
    
    .oddstd p {
        line-height: 16px;
        display: block;
        height: 16px;
    }
    
    #soccer .mcontent .oddstd {
        padding: 0;
        cursor: pointer;
        /* vertical-align: top; */
    }
    
    A.sb {
        font-weight: bold;
        color: #de574a;
        text-decoration: none;
    }
    
    A.sb:hover {
        font-weight: bold;
    }
    
    a.pk {
        color: #157af7;
        text-decoration: none;
        font-weight: bold;
    }
    
    a.pk:hover {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .p2 {
        color: #999;
    }
    
    #showoptional2 h1,
    #showoptional h1,
    #showCompany h1,
    #showCountry h1,
    #showFilterBox h1 {
        float: left;
        font-size: 11px;
        font-weight: bold;
        padding-left: 15px;
    }
    
    #showoptional2,
    #showCountry,
    #showFilterBox {
        width: 620px;
        position: absolute;
        left: 140px;
        top: 29px;
        z-index: 5;
        visibility: hidden;
    }
    #showFilterBox{
        left: calc(140px + 45px);
    }
    #showoptional2 li,
    #showCountry li,
    #showCompany li,
    #showFilterBox li {
        line-height: 24px;
        display: block;
        width: 47%;
        float: left;
        padding-left: 5px;
    }
    
    #showoptional2 li label,
    #countryListDiv li label,
    #showoptional li label,
    #showCompany li label {
        line-height: 24px;
        width: 90%;
        cursor: pointer;
        overflow: hidden;
        display: -webkit-inline-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    #showoptional2 li,
    #showoptional2 li label,
    #goalTable li {
        display: flex;
        align-items: center;
        position: relative;
        gap: 4px;
    }
    
    #showoptional2 li label span,
    #goalTable li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 85%;
    }
    
    #showoptional2 li input,
    #showCountry li input,
    #showCompany li input {
        vertical-align: top;
        margin: 6px 5px 0 0;
    }
    
    #showoptional2 li:hover,
    #countryListDiv li:hover,
    #showoptional li:hover,
    #showCompany li:hover {
        background-color: #f0f0f0;
    }
    
    #showCompany {
        width: 230px;
        position: absolute;
        left: 170px;
        top: 84px;
        z-index: 5;
        visibility: hidden;
    }
    
    #showCompany li label {
        width: 76%;
    }
    
    #myleague {
        overflow: auto;
    }
    
    #myleague2,
    #countryListDiv,
    #myleague {
        overflow: auto;
        max-height: 470px;
    }
    
    #myleague2 ul,
    #countryListDiv ul,
    #showCompany ul,
    #myleague ul,
    #showoptional ul {
        padding: 10px;
        overflow: hidden;
    }
    
    #fixture-page #min #tools #showoptional2 #myleague2 ul {
        padding: 0;
        margin-bottom: 4px;
    }
    
    #fixture-page #min #tools #showoptional2 #myleague2 li {
        margin-bottom: 0;
    }
    #fixture-page #min #tools #showoptional2 #myleague2 .fixture-league-name {
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
    #fixture-page #min #tools #showoptional2 #myleague2 li label {
        white-space: nowrap;
    }
    
    #fixture-page #min #tools #showoptional2 #myleague2 li label span {
        padding-left: 0;
        padding-right: 0;
    }
    
    #fixture-page #min #tools #showoptional2 #myleague2 li input[type=checkbox] {
        height: 13px;
        margin: 0;
        appearance: none;
        background-color: transparent;
    }
    
    .cc a,
    #div_search .cc a {
        position: absolute;
        right: 10px;
        top: 8px;
        padding: 0;
        width: 24px;
        height: 24px;
    }
    
    .cc a:before,
    .cc a:after {
        position: absolute;
        content: "";
        width: 16px;
        height: 1px;
        top: 11px;
        left: 4px;
        background-color: #666;
    }
    
    .cc a:before {
        transform: rotate(45deg);
    }
    
    .cc a:after {
        transform: rotate(-45deg);
    }
    
    .sotit {
        padding: 0 10px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }
    
    .rbl {
        text-align: center;
        font-weight: bold;
        line-height: 35px;
    }
    
    .bts {
        display: block;
        clear: both;
        padding: 10px;
        text-align: center;
        margin-top: 5px;
        overflow: hidden;
    }
    
    .bts span {
        margin: 0 3px;
        font-size: 11px;
        font-weight: bold;
        line-height: 36px;
        height: 36px;
        cursor: pointer;
        padding: 0 18px;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .bts .ent {
        background-color: #307b06;
        color: #fff;
        padding: 0 30px;
    }
    
    .bts .LQent {
        background-color: #8e3537;
        color: #fff;
        padding: 0 30px;
    }
    
    .bts .LQent:hover,
    .bts .ent:hover {
        background-color: #f60;
    }

    .bts span:hover {
        background-color: #fff;
    }
    
    .bts .fgSpan input[type="checkbox"] {
        vertical-align: middle;
        margin: -2px 5px 0 0;
    }
    
    .bts .fgSpan label {
        cursor: pointer;
    }
    
    .fg_Title {
        display: block;
        color: #212121;
        line-height: 24px;
        font-size: 14px;
        padding-left: 15px;
        clear: both;
        background-color: #fafafa;
    }

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

    .oddstable td {
        line-height: 17px;
        text-align: center;
    }
    
    .oddsCaption {
        font-weight: bold;
        line-height: 26px;
        text-align: center;
    }
    
    .oddschanges td {
        line-height: 22px;
        text-align: center;
        padding: 2px;
    }
    
    .oddschanges .odd-teamname .sup {
        font-size: 12px;
        color: #9f0000;
        -webkit-transform: scale(0.89);
        transform: scale(0.89);
        display: inline-block;
        margin: 0 2px;
    }
    
    .oddschanges .odd-sname {
        display: inline-block;
        padding: 0 5px;
        line-height: 22px;
        border-radius: 3px;
    }
    
    .oddschanges .odd-teamname {
        font-size: 13px;
        line-height: normal;
    }
    
    .oddschanges .odd-score {
        font-size: 15px;
        font-weight: bold;
    }
    
    .oddschanges .more {
        text-align: center;
    }
    
    .oddschanges .more span {
        font-weight: bold;
        color: var(--blue40);
        text-decoration: underline;
    }
    
    .oddschanges .more span:hover {
        color: #f60;
        cursor: pointer;
    }

    .m5 {
        margin-bottom: 5px;
    }
    
    .team_info {
        display: block;
        line-height: 24px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #e6e6e6;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #e6e6e6;
    }
    
    .teaminfo2 {
        background-color: #e6f0fb;
        color: #33638a;
    }
    
    .agaT,
    .agaT td {
        background: var(--yellow20) !important;
    }
    
    .greens {
        color: #360;
        background-color: #d3f88f;
        font-weight: bold;
    }
    
    #teamid .sl {
        text-align: left;
    }
    
    #teamid .sr {
        text-align: right;
    }
    
    #teamid .underLine a {
        text-decoration: underline;
    }
    
    #main2 {
        background-color: #fff;
        clear: both;
        margin: 4px auto 0 auto;
        padding: 10px;
    }

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

    #main .content {
        overflow: hidden;
        margin-bottom: 10px;
        padding: 50px 6px 0 6px;
    }
    
    .btns {
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        border-bottom: 2px solid #5885b7;
        height: 30px;
    }
    
    .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;
    }
    
    .btns .btn.on {
        background: #5885b7;
        width: 100px;
        color: #fff;
        font-weight: bold;
    }
    
    .adclass {
        text-align: center;
    }
    
    .white {
        color: #fff !important;
    }
    
    .discription {
        padding-top: 10px;
        overflow: hidden;
        text-align: center;
    }
    
    .discription span {
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
    }
    
    #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;
    }
    
    .livetab {
        padding: 5px;
        border-radius: 3px;
    }
    
    .jqTitle {
        line-height: 22px;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }
    
    .livetab .info {
        float: left;
        width: 400px;
    }
    
    .jqSubTitle td {
        background: #f3fdf1;
        font-weight: bold;
    }
    
    .jqSubTitle2 span {
        display: inline-block;
        width: 50%;
    }
    
    .jqSubTitle2,
    .jqTitle2 {
        line-height: 26px;
        text-align: center;
        width: 398px;
        float: left;
        font-weight: bold;
    }
    
    .livetab td {
        text-align: center;
        line-height: 22px;
        font-size: 12px;
    }
    
    .popup-overlay {
        background-color: #000;
        filter: alpha(opacity=20);
        opacity: 0.2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }
    
    .popup-overlay-again {
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: 0.5;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }
    
    .popup-container {
        width: 100%;
        background-color: #fff;
        overflow: hidden;
    }
    
    .popup-container .popup-titlebar {
        height: 28px;
        background: #397f19;
        cursor: move;
        border-top: 1px solid #397f19;
        background-position: 0 -2px;
    }
    
    .popup-container .popup-titlebar .Ptitle {
        font-weight: 700;
        line-height: 30px;
        color: #fff;
        margin-left: 15px;
        background: none;
        font-size: 13px;
    }
    
    .popup-container .popup-titlebar .Pclose {
        float: right;
        text-decoration: none;
        margin-top: 5px;
        margin-right: 3px;
        background: url(../images/close.gif) no-repeat;
        width: 20px;
        height: 20px;
    }
    
    .popup-container .popup-titlebar .Pclose:hover {
        background: url(../images/close.gif) no-repeat;
    }
    
    .popup-container .popup-content {
        border: solid 3px #397f19;
        margin: 0;
        overflow: hidden;
    }

    .popup-container .popup-resize {
        text-align: right;
        margin-top: -30px;
        height: 30px;
        line-height: 0;
        overflow: hidden;
    }
    
    .popup-container .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;
    }
    
    .popup-container2 {
        width: 100%;
        background-color: #fff;
        overflow: hidden;
    }
    
    .popup-container2 .popup-titlebar2 {
        height: 28px;
        background: #8e3537;
        cursor: move;
        background-position: 0 -2px;
    }
    
    .popup-container2 .popup-titlebar2 .Ptitle {
        font-weight: 700;
        line-height: 30px;
        color: #fff;
        margin-left: 15px;
        background: none;
        font-size: 13px;
    }
    
    .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;
    }
    
    .popup-container2 .popup-titlebar2 .Pclose:hover {
        background: url(../images/close.gif) no-repeat;
    }
    
    .popup-container2 .popup-content2 {
        border: solid 3px #8e3537;
        margin: 0;
        overflow: hidden;
    }

    .popup-container2 .popup-resize {
        text-align: right;
        margin-top: -30px;
        height: 30px;
        line-height: 0;
        overflow: hidden;
    }
    
    .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;
    }
    
    .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;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4);
    }
    
    .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;
    }
    
    .odds_checked,
    .odds_unchecked {
        margin: 2px 3px;
        line-height: 24px;
        width: 87px;
        display: inline-block;
    }
    
    .tabs {
        border: 1px solid #ccc;
        border-radius: 2px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }
    
    .tabs span,
    .tabs a {
        padding: 0 4px;
        line-height: 24px;
        height: 24px;
        border: 0;
        margin: 0;
        overflow: hidden;
        cursor: pointer;
    }
    
    .tabs .on {
        background: #fff;
        color: #5885b7;
    }
    
    #mScore {
        font-size: 16px;
        color: #d64444;
        font-weight: bold;
        line-height: 30px;
    }

    .expLine {
        text-align: center;
    }
    
    #main #left .lrdiv {
        width: 100%;
    }
    
    .lrdiv .odds_setting {
        margin: 0 0 3px 3px;
    }
    
    .input_text {
        border: 0;
        font-size: 12px;
        width: 100%;
        /* background: url(../images/f.png) no-repeat 5px; */
        border-radius: 2px;
        padding: 5px 0 5px 30px;
    }

    .search {
        overflow: hidden;
        padding: 10px 0 5px 0;
    }
    
    .search * {
        box-sizing: border-box;
    }
    
    .search input {
        height: 32px;
        border: solid 1px #e5e5e5;
        padding: 0 5px;
        width: 75%;
        float: left;
        border-right: 0;
    }
    
    .search input[type="text"] {
        padding-left: 25px;
    }
    
    .search #btnsearch {
        width: 25%;
        float: right;
        background: #eaf7ff;
        border: solid 1px #e5e5e5;
        cursor: pointer;
        font-weight: bold;
    }
    
    .leftnav .adclass a {
        padding: 0;
        height: 80px;
        width: 144px;
    }
    
    #oddsChange,
    [id^="oddsChange_"],
    #panluDiv,
    .bak_div {
        border-radius: 3px;
        overflow: hidden;
        padding: 5px;
    }
    
    #main #left {
        overflow: hidden;
        padding: 0;
        /* min-height: 1320px; */
        border-radius: 4px;
    }
    
    #main .adclass {
        text-align: center;
    }
    
    #main #right .adclass {
        margin-bottom: 5px;
    }
    
    #chooseTimeZone.on::after {
        /* transform:  translateY(-50%) rotate(180deg); */
    }
    
    #div_ad_float {
        padding-left: 24px;
        padding-top: 10px;
    }

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

    #main #left .leftnav li a,
    #info #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;
    }
    #info #left .leftnav li a{
        font-size: 12px;
    }
    #main #left .leftnav li a.on,
    #info #left .leftnav li a.on{
        background-color: #E3F1EB;
    }

    /* .oddschanges {
        background-color: #cecece;
    } */

    #basketball #main #left {
        min-height: 1520px;
    }
    
    #main #min,
    #appHome {
        width: 802px;
    }
    
    .toolimg {
        min-width: 45px;
        position: relative;
        line-height: 25px;
        height: 25px;
        text-align: left !important;
        /* padding-left: 5px; */
    }
    
    .toolimg span {
        float: left;
    }
    
    .toolimg .icons {
        position: absolute;
        right: 0;
        top: 6px;
        width: 88px;
    }
    
    .result .toolimg,
    .Schedule .toolimg {
        text-align: center !important;
        padding-left: 0;
    }
    
    .result .toolimg span,
    .Schedule .toolimg span {
        float: none;
    }
    
    .popWin {
        z-index: 999999;
        overflow: hidden;
        box-shadow: 0 0 10px #999;
        color: #fff;
        text-align: center;
        left: 1%;
    }
    
    .popWin .closeBtn {
        text-decoration: none;
        color: #151515;
        font-weight: normal;
        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;
    }
    
    .popWin .info {
        padding: 5px 10px 10px 20px;
        font-size: 26px;
        text-align: center;
    }
    
    .popWin .hd {
        line-height: 40px;
        height: 40px;
        font-size: 30px;
        font-weight: bold;
        margin: 0;
        padding: 10px 20px 0;
    }
    
    .shareL li {
        margin: 9px;
        padding: 0;
    }
    
    #popupLinksMsg {
        position: fixed;
        z-index: 999999;
        top: 400px;
        width: 420px;
        background: #f60;
        left: 50%;
        margin-left: -210px;
        border: 4px solid #fbac78;
        padding: 12px;
        border-radius: 6px;
        box-shadow: 0 8px 40px #b74949;
    }
    
    #popupLinksMsg .step {
        margin-top: 5px;
        border: 1px double #fff;
    }
    
    #popupLinksMsg a {
        color: #00c;
        text-decoration: underline;
    }
    
    #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;
    }
    
    #popupLinksMsg .linkBtn:hover {
        background-color: #ffeee2;
    }
    
    #popupLinksMsg .closeBtn {
        position: absolute;
        right: 0;
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        text-align: center;
        top: 0;
        background-color: #fbac78;
        line-height: 14px;
        padding: 0 7px 7px 12px;
        border-radius: 0 0 0 50px;
    }
    
    #popupLinksMsg .linkDesc {
        line-height: 28px;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }
    
    #popupLinksMsg .content {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        text-indent: 1em;
        margin-bottom: 8px;
    }
    
    #topLine {
        font-weight: bold;
        line-height: 40px;
    }
    
    #newtop {
        max-width: 1208px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
    
    #newtop #menu {
        z-index: 1;
    
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    
        list-style: none;
    
        height: 44px;
        position: relative;
        /* padding: 2px; */
        margin-bottom: 20px;
        width: 100%;
    
        gap: 16px;
    }
    
    .owl-dots.disabled,
    .owl-nav.disabled {
        display: none !important;
    }
    
    .d-none {
        display: none;
    }
    
    .d-flex {
        display: flex;
        align-items: center;
    }
    
    .flex-center {
        justify-content: center;
        align-items: center;
    }
    
    /* Flex Gap */
    .gap-0 {
        gap: 0;
    }
    
    .gap-1 {
        gap: 0.25rem !important; /* 4px */
    }
    
    .gap-2 {
        gap: 0.5rem !important; /* 8px */
    }
    
    .gap-3 {
        gap: 1rem !important; /* 16px */
    }
    
    .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;
        display: block !important;
    }
    
    .menu-slide .owl-nav button.owl-prev {
        display: none;
    }
    
    .menu-slide .owl-nav button {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .menu-slide .owl-nav button>div {
        width: 24px;
        height: 24px;
        background-image: url(../images/DoubleAltArrowRight.svg);
        background-repeat: no-repeat;
        margin: auto;
    }
    
    #newtop #menu,
    #newtop #menu * {
        transition: unset;
    }
    
    #newtop #menu li {
        width: 100%;
        height: 52px;
    }
    
    #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;
    }
    
    
    /* #newtop #menu li:last-child {
        width: 44px !important;
        margin-right: 0;
    }
    
    #newtop #menu li:last-child img {
        margin-right: 0;
    } */
    
    #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 #FFFFFF;
        border-right: 18px solid transparent;
    }
    
    #newtop #menu li:hover .menu-item-inner,
    #newtop #menu li.active .menu-item-inner {
        background-color: #FFFFFF;
        position: relative;
    }
    
    #newtop #menu li:hover .menu-item-inner:after,
    #newtop #menu li.active .menu-item-inner:after {
        content: "";
    }
    
    #newtop #menu li.active a {
        color: #005030;
    }
    
    #newtop #menu li:hover a {
        color: #005030;
    }
    
    #newtop #menu li a {
        font-size: 14px;
        font-weight: 700;
        color: #99b9ac;
        display: inline-block;
        vertical-align: middle;
    }
    
    #newtop #menu li a:hover {
        text-decoration: none;
    }
    
    #newtop #menu li img {
        width: 32px;
        height: 32px;
    
        margin-right: 6px;
    }
    
    #menu .tab_on {
        font-weight: bold;
        opacity: 1;
    }
    
    #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;
    }
    
    #menu a i {
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-top: 10px;
        margin-right: 7px;
        background-size: 100%;
    }
    
    #ball1 i {
        background-image: url(../images/soccer.png);
    }
    
    #ball2 i {
        background-image: url(../images/basketball.png);
    }
    
    #ball3 i {
        background-image: url(../images/Tennis.png);
    }
    
    #ball4 i {
        background-image: url(../images/Esports.png);
    }
    
    #ball5 i {
        background-image: url(../images/Baseball.png);
    }
    
    #ball6 i {
        background-image: url(../images/Cricket.png);
    }
    
    #ball9 i {
        background-image: url(../images/news.png);
    }
    
    #ball10 i {
        background-image: url(../images/duelday.png);
    }
    
    #ball11 i {
        background-image: url(../images/api.png);
    }
    
    #balls i {
        background-image: url(../images/more.png);
    }
    
    #byLink {
        visibility: hidden;
    }
    
    .miLive {
        background-image: url(/images/menubg3.gif);
        background-repeat: no-repeat;
        height: 33px;
        float: left;
    }
    
    .clear {
        clear: both;
    }
    
    .menu2 {
        clear: both;
        line-height: 35px;
        border-top: 0;
        border-radius: 3px 3px 0 0;
    }
    
    .menu2 li {
        position: relative;
        height: 43px;
        float: left;
        width: 12.4%;
        transition: .175s all linear;
        border-bottom: 3px solid transparent;
    }
    
    .menu2 li a {
        display: inline-block;
        width: 100% !important;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        position: relative;
        cursor: pointer;
    }
    
    .menu2 li:last-child a {
        border-right: 0;
        border-right: 0 !important;
    }
    
    .menu2 li a:hover {
        text-decoration: none;
    }
    
    .menu2 li {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    
        flex: 1;
    }
    
    .menu2 .on {
        height: 43px;
        border-bottom: 3px solid #ffffff;
        background: #337359;
    }
    
    .menu2 {
        display: flex;
    }
    
    #tools {
        line-height: 28px;
        height: 28px;
        overflow: hidden;
    }
    
    #tools .w_search {
        float: right;
    }
    
    #tools li {
        float: left;
        margin-right: 2px;
        cursor: pointer;
        height: 30px;
    }
    
    #tools li.old {
        float: right;
    }
    
    #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;
    }
    
    #tools li span:hover {
        text-decoration: none;
    }
    
    #tools .low span {
        position: relative;
        padding: 0 20px 0 9px !important;
    }
    
    #tools .low span:after {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        border: 4px solid transparent;
        border-top-color: #666;
        right: 8px;
        top: 13px;
    }

    #tools .on.low span:after{
        border-top-color: #fff;
    }

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

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

    /* #tools .on span,
    #tools .on span:hover {
        color: #fff;
        font-weight: bold;
    } */

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

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

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

    #basketball .odds_detail select {
        background: transparent;
        color: var(--textcolor-2);
    }
    
    #main3 #tools li span {
        padding: 0 10px;
    }
    
    #main3 #tools {
        padding: 0;
    }
    
    .date-picker {
        height: 43px;
        margin-bottom: 4px;
        border-radius: 3px;
        padding-bottom: 5px;
    }

    .date-picker-now {
        border-right: 1px solid #e5e5e5;
    }
    
    .date-picker>div,
    .date-picker>ul>li {
        float: left;
        font-size: 10px;
        line-height: 1.3;
        text-align: center;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        padding: 4px;
        cursor: pointer;
        height: 35px;
    }
    
    .date-picker ul li {
        width: 5.05%;
        display: block;
        margin: 0 2px;
        border-radius: 4px;
        position: relative;
    }
    
    .date-picker ul li:hover {
        color: #f60;
        background-color: #fff8f3;
    }

    .date-picker ul li a:hover {
        text-decoration: none;
    }
    
    .date-picker ul li.on {
        background-color: #f60;
        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));
        box-shadow: 0 1px 5px 0 rgba(144, 87, 0, 0.25);
        color: #fff;
    }

    .date-picker ul .on a,
    .date-picker ul .on a:hover {
        color: #fff;
    }

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

    .date-picker span:first-child {
        display: block;
        width: 100%;
    }

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

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

    .date-picker ul li:last-child:after {
        display: none;
    }

    .date-picker .date-picker-now {
        padding: 4px 15px;
        display: none;
    }
    
    .date-picker .date-picker-calendar {
        width: 6%;
        position: relative;
    }
    
    .date-picker-calendar p {
        display: block;
        height: 20px;
        width: 20px;
        background-image: url(../images/date.png);
        margin: 7px auto 0 auto;
    }
    
    .date-now-none .date-picker-now {
        display: none;
    }
    
    .date-now-none .date-picker-calendar {
        width: 6.8%;
        position: relative;
        z-index: 999;
    }
    
    .date-now-none .date-picker ul li {
        width: 4.97%;
        display: block;
        margin: 0 2px;
    }
    
    .date-now-none2 .date-picker ul li {
        width: 5%;
        display: block;
    }
    
    .date-now-allnone .date-picker ul li {
        width: 5.51%;
        display: block;
    }
    
    .datelayer {
        position: absolute;
        z-index: 6;
        right: -1px;
        top: -1px;
        visibility: hidden;
        border-radius: 3px;
    }
    
    #calendar {
        box-shadow: 0 3px 6px rgba(0, 44, 95, 0.2);
        border-radius: 3px;
        padding: 10px;
        z-index: 10;
        box-sizing: border-box;
        text-align: center;
        width: 300px;
    }
    
    #calendar select {
        border: 0;
        font-weight: bold;
        margin: 5px 30px;
        font-size: 16px !important;
    }
    
    #calendar .l-line {
        margin: 0 10px;
    }
    
    #calendar .d-line {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    #calendar th {
        color: #aeaeae;
        line-height: 2;
    }
    
    #calendar td {
        line-height: 2.5;
        font-size: 14px;
        border-radius: 2px;
    }
    
    #calendar td:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

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

    .datelayer_fon-today {
        font-weight: bold;
        color: #ec6623;
    }
    
    .datelayer_btn-today {
        color: #ec6623;
        margin: 10px 0;
    }
    
    #tools .odds_setting {
        float: right;
        position: relative;
        margin-top: 2px;
        display: none;
    
    }
    
    #tools .odds_setting.hm {
        width: 214px;
        text-align: right;
        display: none;
    }

    #tools .odds_setting p {
        font-size: 12px;
        font-weight: 500;
        display: inline;
        color: #070f03;
    }

    #odds_setting .odds_items {
        position: absolute;
        left: 31px;
        top: 3px;
        padding: 2px;
        cursor: pointer;
        background: #e1e1e1;
        border-radius: 20px;
        width: 36px;
        overflow: hidden;
    }
    
    #odds_setting .odds_items .odds_item {
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
    }
    
    #odds_setting .odds_items.on {
        background: #3c78c6;
    }
    
    #odds_setting .odds_items.on .odds_item {
        float: right;
    }
    
    .switch_box {
        display: none;
        position: absolute;
        z-index: -1;
    }
    
    .team_bf {
        font-size: 60px;
    }
    
    #ad_middle_133 a {
        float: left;
    }
    
    #ad_middle_133 a:last-child {
        float: right;
    }
    
    #goalTable tr:hover td {
        background-color: #d9eaf9;
    }
    
    .DataTips {
        text-align: center;
        color: #999;
        font-weight: bold;
        padding-top: 260px;
        line-height: 24px;
        font-size: 22px;
        min-height: 380px;
        background: url(../images/nomatch.png) no-repeat center 40px;
    }

    .date_box .blueLink {
        color: #00f;
    }
    
    .sclassLink {
        font-size: 14px;
        cursor: pointer;
        font-weight: bold;
    }
    
    .o-up {
        color: #008000;
    }
    
    .o-down {
        color: #f00;
    }
    
    .o-draw {
        color: #000;
    }
    
    .oddsHead select {
        color: #fff;
        font-size: 14px;
        border-width: 0;
    }
    
    #myGamesCount,
    #hiddencount,
    #nshowhide {
        font-weight: bold;
    }
    
    .on #myGamesCount {
        color: #ffd746;
    }
    
    .Preferences input,
    .Preferences2 input {
        display: none;
    }
    
    .switch {
        cursor: pointer;
        width: 100%;
        display: inline-block;
    }
    
    .switch .switch-style {
        height: 14px;
        width: 26px;
        background: #c1c1c1;
        -webkit-border-radius: 3px;
        border-radius: 10px;
        display: inline-block;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        float: right;
        margin-top: 4px;
    }
    
    .switch .switch-style:before {
        display: block;
        content: "";
        height: 12px;
        position: absolute;
        width: 12px;
        background-color: #fff;
        -webkit-border-radius: 2px;
        border-radius: 50%;
        left: 0.1em;
        top: 2px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .switch>input[type="checkbox"]:checked+.switch-style:before {
        left: 50%;
    }
    
    .theme-div {
        float: left;
    }
    
    .theme-div input {
        display: none;
    }
    
    .theme {
        cursor: pointer;
    }
    
    .theme .theme-style {
        height: 20px;
        width: 36px;
        background-color: #444;
        border-radius: 20px;
        display: inline-block;
        position: relative;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        float: right;
        vertical-align: middle;
        background-image: url(/assets/images/tool-dark-mode.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .theme .theme-style:before {
        display: block;
        content: "";
        height: 16px;
        width: 16px;
        position: absolute;
        background-color: #fff;
        border-radius: 20px;
        left: 2px;
        top: 2px;
        transition: all 0.3s ease-in-out;
    }
    
    .theme .theme-style .theme-style-icon {
        content: "";
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transition: all 0.3s ease-in-out;
    }
    
    .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;
    }
    
    .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;
    }
    
    .theme>input[type="checkbox"]:checked+.theme-style .theme-style-icon.icon-light {
        opacity: 0;
        visibility: hidden;
    }
    
    .theme>input[type="checkbox"]:checked+.theme-style .theme-style-icon.icon-dark {
        opacity: 1;
        visibility: visible;
    }
    
    .theme>input[type="checkbox"]:checked+.theme-style:before {
        left: calc(50% + 2px);
    }
    
    .Preferences2 {
        float: right;
        margin-left: 10px;
        padding: 0 10px;
        border-top-right-radius: 3px;
        font-weight: bold;
    }
    
    .Preferences2 .switch .switch-style {
        margin-top: 5px;
        margin-left: 10px;
        height: 18px;
        width: 40px;
    }
    
    .Preferences2 .switch .switch-style:before {
        width: 19px;
        height: 16px;
    }
    
    .Preferences2 .switch>input[type="checkbox"]:checked+.switch-style {
        background-color: #390;
    }
    
    .el-radio>input[type="radio"] {
        display: none;
    }
    
    .el-radio>input[type="radio"]+.el-radio-style {
        display: inline-block;
        padding: 0 15px;
        line-height: 35px;
        cursor: pointer;
        font-weight: bold;
    }
    
    .el-radio>input[type="radio"]:checked+.el-radio-style {
        border-bottom: 2px solid #f60;
        color: #f60;
    }
    
    #filterList {
        padding: 10px;
    }
    
    #filterList .item {
        margin-bottom: 4px;
    }
    
    #filterList .name {
        display: inline-block;
        width: 145px;
        text-align: right;
        margin-right: 5px;
    }
    
    .ef-radio>input[type="radio"] {
        display: none;
    }
    
    .ef-radio-style {
        display: inline-block;
        cursor: pointer;
        padding: 0 10px;
        line-height: 26px;
        width: 50px;
        margin-left: 5px;
        border: 1px solid #e5e5e5;
    }
    
    .off .ef-radio-style {
        background-color: #e5e5e5;
        color: #999;
    }

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

    #main #min,
    #main3,
    #info {
        /* padding: 10px; */
        border-radius: 4px;
    }

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

    #main #left .lrdiv{
        border-radius: 0;
    }

    #main #left .lrdiv {
        padding: 0 !important;
    }

    .menu2 li a,
    .leftnav li a,
    .Preferences li,
    #tools #filterLi a,
    #tools li span,
    #tools .filterLi2 a,
    #menu li a {
        transition: all 0.2s linear;
        /* color: #ccdcd6; */
        text-transform: capitalize;
    }

    .none {
        display: none;
    }

    .no-data {
        background: #fff;
        line-height: 32px;
        font-weight: normal;
        text-align: center;
    }

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

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

    .closes:before {
        transform: rotate(45deg);
    }
    
    .closes:after {
        transform: rotate(-45deg);
    }
    
    .expand:before {
        transform: rotate(0deg);
    }
    
    .expand:after {
        transform: rotate(-90deg);
    }
    
    .collapse:before,
    .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;
    }
    
    .collapse:before {
        border-bottom: 4px solid #666;
    }
    
    .expand:before {
        border-top: 4px solid #666;
    }

    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;
    }
    
    .schedule:hover,
    .collapse:hover,
    .closes:hover,
    .expand:hover {
        text-decoration: none;
    }

    .collapse:hover,
    .closes:hover,
    .expand:hover{
        background-color: rgba(0, 0, 0, 0.08);
    }

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

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

    .notes-div {
        margin: 0 auto;
        width: 400px;
        padding: 20px;
        background-color: #eaf7e6;
        border: 1px solid #b9ccb3;
        color: #427742;
        box-shadow: 1px 2px 1px #bdd0bc;
    }
    
    .add-div,
    .close-info,
    .hidden-info,
    .display-info,
    .hidden-team,
    .display-team,
    .add-info2,
    .add-info-t,
    .add-info-t2,
    .allno,
    .rankicon,
    .neutral_info {
        position: relative;
    }
    
    .add-info:hover:after,
    .add-info2:hover:after,
    .add-info-l:hover:after,
    .add-info-l2:hover:after,
    .add-info-t:hover:after,
    .add-info-t2:hover:after,
    .analyze-icon:hover:after,
    .matchdata-icon:hover:after,
    .closedata-icon:hover:after,
    .odds-icon:hover:after,
    .Detail-icon:hover:after,
    .close-info:hover:after,
    .odds-icon1x2:hover:after,
    .Detail-basketball-icon:hover:after,
    .hidden-info span:hover:after,
    .display-info:hover:after,
    .hidden-team:hover:after,
    .display-team:hover:after,
    .threeinone-icon:hover:after,
    .x12-icon:hover:after,
    .allno:hover:after,
    .rankicon:hover:after,
    .league-title-rank-icon:hover:after,
    .hidden-info-match:hover:after,
    .show-info-match:hover:after,
    .remove-league-icon:hover:after,
    .highlight-icon:hover:after,
    .neutral_info:hover:after,
    .bkflash-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;
    }

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

    .neutral_info:hover:after {
        content: "Neutral Locatio";
    }
    
    .add-info:hover:after {
        content: "Theo dõi trận đấu này!";
    }
    
    .add-info2:hover:after {
        content: "Hủy theo dõi trận đấu này!";
    }
    
    .add-info-l:hover:after {
        content: "Theo dõi giải đấu này!";
    }
    
    .add-info-l2:hover:after {
        content: "Hủy theo dõi giải đấu này!";
    }
    
    .add-info-t:hover:after {
        content: "Add this team to my favorites";
    }
    
    .add-info-t2:hover:after {
        content: "Remove this team";
    }
    
    .close-info:hover:after {
        content: "Remove all game of this league";
    }
    
    .hidden-info span:hover:after {
        content: "Ẩn lại giải đấu này";
    }
    
    .display-info:hover:after {
        content: "Hiển thị giải đấu này";
    }
    
    .hidden-team:hover:after {
        content: "Hide all matches of this team";
    }
    
    .display-team:hover:after {
        content: "Display all matches of this team";
    }
    
    .matchdata-icon:hover:after,
    .closedata-icon:hover:after {
        content: "จับคู่ข้อมูล";
    }
    
    .highlight-icon:hover:after {
        content: "Match Highlights";
    }
    
    .bkflash-icon:hover:after {
        content: "Live Animation";
    }
    
    .Detail-icon:hover:after {
        content: "Detail";
    }
    
    .threeinone-icon:hover:after {
        content: "3in1";
    }
    
    .x12-icon:hover:after {
        content: "1x2";
    }
    
    .rankicon:hover:after {
        content: "Standings";
    }
    
    .league-title-rank-icon:hover:after {
        content: "Standings";
    }
    
    .remove-league-icon:hover:after {
        content: "Bỏ theo dõi toàn bộ";
    }
    
    .hidden-info-match:hover:after {
        content: "Ẩn lại giải đấu này";
    }
    
    .show-info-match:hover:after {
        content: "Hiển thị giải đấu này";
    }
    
    .Detail-basketball-icon:hover:after {
        content: "Statistics";
    }
    
    .odds-icon,
    .odds-icon1x2,
    .analyze-icon,
    .Detail-icon,
    .Detail-basketball-icon,
    .x12-icon,
    .matchdata-icon,
    .closedata-icon,
    .icon-font-reduce,
    .highlight-icon {
        color: #888;
        line-height: 14px;
        height: 14px;
        width: 16px;
        display: inline-block;
        margin: 0 2px;
        position: relative;
        text-align: center;
    }
    /*.six-in-one-detail-icon{*/
    /*    background-image: url(/resources/js/images/6in1/team-icon.svg);*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: center center;*/
    /*}*/
    .bkflash-icon {
        color: #888;
        line-height: 14px;
        height: 14px;
        width: 14px;
        display: inline-block;
        margin: 0 1px;
        position: relative;
        text-align: center;
    }
    
    .threeinone-icon {
        display: inline-block;
        position: relative;
    }
    
    .x12-icon {
        background-image: url(../images/1x2.png);
    }
    
    /* .add-div .icon {
        padding-left: 3px
    } */
    
    .add-div .icon.on {
        color: var(--yellow60);
    }
    
    .add-div .icon-font-collect-on {
        color: var(--yellow60) !important;
        font-size: 14px;
        cursor: pointer;
    }
    
    .add-div .icon-font-collect-off,
    .add-div .icon-font-collect-on {
        color: var(--gray50);
        cursor: pointer;
        width: 11px;
        height: 11px;
        display: inline-block;
        position: relative;
    }
    
    .icon.icon-analysis,
    .icon.icon-odds {
        font-size: 15px;
    }
    
    .icon.icon-icon-detail,
    .icon.icon-icon-live1,
    .icon.icon-b-ant-off,
    .icon.icon-b-ant-on {
        font-size: 17px;
        vertical-align: -1px;
    }
    
    .icon-matchdata,
    .icon-font-lineup,
    .icon-icon-live1 {
        color: #4fa82a;
    }
    
    .icon-matchdata.on {
        color: #fe9626;
        transform: rotate(180deg);
        /*display: inline-block;*/
    }
    
    .icon-icon-live1.on,
    .icon-b-ant-on {
        color: #fe9626;
    }
    
    .icon-b-ant-on.on {
        color: #ff4e1e;
    }
    
    .hidden-info,
    .display-info,
    .hidden-team,
    .display-team {
        cursor: pointer;
    }
    
    .l0:hover:after {
        left: 0;
    }
    
    .r0:hover:after {
        right: 0;
    }
    
    .rankicon {
        font-style: normal;
    }
    
    .Nrank {
        color: var(--textcolor-3);
        font-weight: 700;
        font-style: italic;
        line-height: normal;
        font-family: "Sofascore Sans Condensed", sans-serif;
    }
    
    .listtab td {
        text-align: center;
        padding: 8px 0;
    }
    
    .listtab tr:last-child td {
        border-bottom: 0;
    }
    
    .rs_ser {
        padding: 0;
        overflow: hidden;
    }
    
    .rs_ser li {
        float: left;
        position: relative;
        font-weight: bold;
    }
    
    .rs_ser li a {
        line-height: 25px;
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        color: #666;
    }
    
    .rs_ser .nks a,
    .rs_ser .nks a:hover {
        text-decoration: none;
        color: #f60;
    }
    
    .rs_ser .nks:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 3px;
        background-color: #f60;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .rs_ser_Second {
        background-color: #e5e5e5;
        overflow: hidden;
    }
    
    .rs_ser_Second li {
        float: left;
    }
    
    .rs_ser_Second li a {
        color: #666;
        padding: 2px 5px;
        display: inline-block;
        margin: 5px;
    }
    
    .rs_ser_Second .nks a,
    .rs_ser_Second .nks a:hover {
        background-color: #f9f9f9;
        text-decoration: none;
    }

    .listtab .stsw td {
        line-height: 18px;
        padding: 2px 0;
    }
    
    .listtab .number {
        color: #666;
    }
    
    .litab2 {
        background-color: #f9f9f9;
    }
    
    #li_nba1,
    #li_nba2 {
        width: 50%;
    }
    
    .rf {
        padding: 10px;
        border-radius: 4px;
        overflow: hidden;
        width: 780px;
        float: left;
    }
    
    #info {
        margin: 0 auto 0px auto;
        width: 1040px;
    }
    
    .conner_span {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        color: var(--blue40);
    }
    
    .fx_corner {
        color: var(--blue40);
    }
    
    .yellowcard,
    .redcard {
        padding: 0;
        border-radius: 2px;
        margin: 0 2px;
        width: 10px;
        display: inline-block;
        text-align: center;
        font-size: 10px;
    }
    
    .yellowcard {
        background-color: #BFAC00;
        color: #ffff !important;
        font-weight: 500;
    }
    
    .redcard {
        background-color: #d64444;
        color: #fff;
        font-weight: 500;
    }
    
    #cbbOddsType {
        border: 1px solid #c5c5c5;
        height: 26px;
        padding: 0 3px;
    }
    
    .o-tv {
        margin: 3px 0;
        display: block;
        clear: both;
    }
    
    .oodstable-t {
        text-align: center;
        font-weight: bold;
        line-height: 22px;
    }
    
    .oodstable-t2 {
        background-color: #fffae9;
        text-align: center;
    }

    .win-note {
        background-color: #f7f7f7;
        width: 91%;
        margin: 10px auto;
        padding: 10px;
        line-height: 20px;
        color: #666;
    }
    
    .tennisAnalysis-win {
        width: 743px;
        padding: 10px;
    }
    
    .team-hg,
    .bftab .rank {
        color: #888;
        transform: scale(0.85);
        display: inline-block;
    }
    .team-more-info .team-hg{
        display: inline;
        font-size: 11px;
    }
    .team-more-info .team-hg.hidden-element{
        display: none;
    }
    .winMatch .team-name{
        font-weight: 600;
    }
    #main #table_live .team-more-info a{
        font-size: 12px !important;
    }
    #main #table_live .team-more-info a span{
        font-size: 10px !important;
    }
    .text-info {
        text-align: center;
        color: #008000;
        position: relative;
        font-size: 12px;
    }

    #bottom {
        clear: both;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        background-color: #555;
        color: #999;
    }

    #bottom a {
        color: #e5e5e5;
    }
    
    #bottom .f_menu {
        width: 1000px;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
    }
    
    #bottom .f_menu li {
        display: inline;
        padding: 0 10px;
        line-height: 20px;
    }
    
    .menu,
    .menuL {
        font-weight: bold;
    }
    
    .menuL a {
        padding-left: 4px;
        border-left: 1px solid #999;
    }
    
    .menuL .flink {
        border-left: 0;
    }
    
    .network a {
        display: inline-block;
        padding: 5px 8px;
        margin-right: 10px;
    }
    
    .network a:hover,
    #bottom .webid a:hover {
        background-color: #3e3e3e;
        text-decoration: none;
        border-radius: 3px;
    }
    
    .network img {
        vertical-align: -6px;
        margin-right: 6px;
        width: 23px;
        height: 23px;
    }
    
    .webid {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .webid .li {
        border-right: 1px solid #888;
        margin: 0 10px;
        display: inline-block;
        height: 12px;
    }
    
    .webid .site {
        color: #d0d0d0;
        font-size: 14px;
        margin: 0 5px 0 20px;
    }
    
    #bottom .webid a {
        display: inline-block;
        padding: 0 10px;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        font-family: Gotham, Helvetica Neue, Helvetica, Arial, " sans-serif";
    }
    
    #bottom .webid a i {
        color: #f60;
        font-style: normal;
    }
    
    #logoSpan i {
        display: inline-block;
        border-radius: 2px;
        vertical-align: 20px;
        color: rgba(255, 255, 255, 0.7);
        background: rgba(255, 255, 255, 0.2);
        padding: 0 4px;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        line-height: 20px;
    }
    
    #logoSpan {
        display: inline-block;
    }
    
    #top-tools {
        background-color: #00301d;
    }
    
    .top-tools-c {
        width: 1208px;
        height: 40px;
        margin: 0 auto;
        color: #fff;
    }
    
    .top-tools-left {
        float: right;
        display: flex;
        align-items: center;
        height: 40px;
    }
    
    .top-tools-left2 {
        float: left;
        padding-left: 20px;
        width: 570px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #ffde00;
    }
    
    .top-tools-left2 a,
    .top-tools-left2 a:hover {
        color: #ffde00;
        text-decoration: none;
        cursor: pointer;
    }
    
    .top-tools-right {
        float: right;
        height: 40px;
    }
    
    .Choose-tool {
        float: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-right: 16px;
        position: relative;
        cursor: pointer;
    }
    
    .Choose-tool img {
        margin-left: 6px;
    }
    
    .Choose-tool span {
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        color: #bbbbbb;
    }
    
    .Choose-tool span#openSettingModal {
        width: 100%;
        position: relative;
    }

    /*.Choose-tool span#openSettingModal::after {*/
    /*    background-image: url(../images/Settings.png);*/
    /*    position: absolute;*/
    /*    width: 17px;*/
    /*    height: 17px;*/
    /*    top: 50%;*/
    /*    right: 20px;*/
    /*    transform: translateY(-50%);*/
    /*    content: '';*/
    /*    background-size: cover;*/
    /*}*/


    .Choose-tool i {
        display: inline-block;
        content: "";
        top: 2px;
        transition: 0.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;
    }

    .Choose-tool.on i {
        transform: rotate(180deg);
    }

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

    .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;
    }
    
    .Choose-tool ul li {
        height: 26px;
        line-height: 26px;
        padding: 0 5px;
    }
    
    .Choose-tool .country {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .Choose-tool .ctyicon {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        margin-right: 8px;
        overflow: hidden;
    }
    
    .Choose-tool .ctyicon img {
        height: 22px;
        vertical-align: middle;
    }
    
    #chooseBolaWebSite ul li {
        padding: 5px;
    }
    
    #chooseBolaWebSite i {
        margin-left: 6px;
    }
    
    #ddlTimeZone {
        width: 320px;
    }
    
    #ddlTimeZone li {
        float: left;
        width: 68px;
        border-radius: 2px;
    }
    
    .share {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: 7px 10px 0 0;
        opacity: 0.4;
        background-size: 22px 22px;
        cursor: pointer;
    }
    
    .share:hover {
        opacity: 0.8;
    }
    
    .share.facebook {
        background-image: url(../images/FaceBook.png);
    }
    
    .share.twitter {
        background-image: url(../images/Twitter.png);
    }
    
    .share.telegram {
        background-image: url(../images/telegram.png);
    }
    
    .share.blogger {
        background-image: url(/Images/blogger.png);
    }
    
    .top-tools-btn {
        display: block;
        padding: 0 10px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        float: left;
        margin: 7px 10px 0 0;
        line-height: 20px;
        border-radius: 3px;
        overflow: hidden;
        cursor: pointer;
    }
    
    .menu-more {
        opacity: 1;
        background-color: #212121;
    }
    
    .basketball-infos {
        text-align: center;
        line-height: 30px;
    }
    
    .bak_div {
        width: 550px;
    }
    
    .bak_div .closebtn {
        top: 10px;
        right: 10px;
    }
    
    .bak_div td {
        text-align: center;
        line-height: 21px;
    }
    
    .bak_div .odd-bg1 b {
        white-space: nowrap;
    }
    
    .goal_bg {
        background-color: #bb2;
    }
    
    .redcard_bg {
        background-color: #f88;
    }
    
    .tipsNum {
        margin-right: 10px;
        color: rgba(0, 0, 0, 0.6);
        display: none;
    }
    
    .tipsNum:hover {
        text-decoration: underline;
        cursor: pointer;
    }
    
    .tipsNum0 {
        margin-right: 35px;
        color: rgba(0, 0, 0, 0.6);
        display: none;
    }
    
    .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;
    }
    
    .plays .guest .playBox .play:last-child ul {
        right: 108px;
        top: 14px;
    }
    
    .plays .playBox .play:last-child ul {
        left: 100px;
        top: 20px;
    }
    
    .homeSix span {
        margin-right: 2px;
    }
    
    .guestSix span {
        margin-left: 2px;
    }
    
    .ant .lb-ms {
        margin-bottom: 4px;
        text-align: center;
    }
    
    .mx2 ul {
        padding-bottom: 2px;
        overflow: hidden;
    }
    
    .lb-m {
        width: 55px;
        height: 12px;
        display: inline-block;
        position: relative;
        margin: 0 3px;
    }
    
    .lb-m:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #999;
    }
    
    .lb-m:after {
        display: inline-block;
        content: "";
        position: absolute;
        top: 4px;
        right: 0;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-right: 4px solid #999;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }
    
    .title-th th {
        white-space: inherit;
        width: auto;
        line-height: 16px;
        padding: 2px 0;
    }
    
    .n-select {
        padding: 0 5px;
    }
    
    .n-select select {
        border: 0;
    }
    
    .n-mapp {
        background-color: #ff6002;
        height: 24px;
        overflow: hidden;
    }
    
    #free-tools {
        line-height: 24px;
    }
    
    #free-tools li {
        float: left;
        margin-top: 1px;
        border: solid 1px #cecece;
        border-radius: 2px;
        padding: 0 5px;
        display: block;
        cursor: pointer;
        margin: 0 3px 5px 0;
    }

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

    #free-tools .on {
        background-color: #307b06;
    }
    
    #free-tools .on a,
    #free-tools .on a:hover {
        color: #fff !important;
    }
    
    #detail-oddsSel {
        max-width: 86px;
        position: absolute;
        right: 0;
        top: 10px;
        padding-right: 22px;
    }
    
    .n-search {
        padding: 6px 10px;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    
    .n-search .input_text {
        border-radius: 4px;
        outline: 0;
    }
    
    #selectsound1,
    #selectsound2 {
        width: 100%;
        height: 26px;
        margin-bottom: 4px;
        outline: 0;
    }
    
    .goalTitle {
        line-height: 30px;
        padding: 0 10px;
        font-weight: 600;
    }
    
    #menu li {
        position: relative;
    }
    
    /* #menu li a:after {
        content: "";
        position: absolute;
        left: 35px;
        bottom: 0;
        height: 2px;
        border-radius: 100px;
        background: #fff;
        box-shadow: 0 0 0 #fff;
        transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,
            left 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,
            box-shadow 1s cubic-bezier(1, 1.39, 1, -1.67) 0s;
        width: 0;
        overflow: hidden;
    }
    
    #menu li:hover {
        box-shadow: 0 0 20px rgb(255, 255, 255, 0);
    }
    
    #menu li:hover a:after {
        width: calc(100% - 44px);
        box-shadow: 0 0 20px rgb(255, 255, 255, 0);
    } */
    
    #menu li .newMark {
        position: absolute;
        right: -12px;
        top: -2px;
        font-size: 12px;
        font-weight: normal;
        background: #f00;
        color: #fff;
        padding: 0 3px 2px 3px;
        border-radius: 2px;
    }
    
    .menu2 .newMark {
        position: absolute;
        right: 41px;
        top: 7px;
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        font-weight: normal;
        background: #fb2b1c;
        color: #fff;
        padding: 0;
        border-radius: 2px 0;
        z-index: 7;
        width: 28px;
        text-align: center;
    }
    
    td.oddstd.c9 {
        position: relative;
    }
    
    div#dropSelect::first-letter,
    div#CompanySel.custom-select-02 .custom-options div::first-letter {
        text-transform: uppercase;
    }
    
    div#CompanySel.custom-select-02 .custom-options div {
        text-transform: lowercase;
    }
    
    div#dropSelect {
        text-transform: lowercase;
        line-height: 19px;
        padding-right: 0 !important;
    }
    
    div#CompanySel {
        border-bottom: none;
        width: fit-content;
    }
    
    td.oddstd.c9::after {
        content: '';
        position: absolute;
        left: -1px;
        top: 50%;
        width: 1px;
        height: 30px;
        background: #E6E6E6;
        transform: translateY(-50%);
    }

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

    .analyze-icon,
    .odds-icon,
    .Detail-icon,
    .matchdata-icon,
    .threeinone-icon,
    .closedata-icon,
    .odds-icon1x2,
    .Detail-basketball-icon,
    .highlight-icon,
    .bkflash-icon {
        cursor: pointer;
    }

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

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

    .closebtn {
        position: absolute;
        top: 6px;
        right: 6px;
        background: rgba(0, 0, 0, 0.3);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }

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

    .closebtn.v2::after,
    .closebtn.v2::before {
        content: unset;
    }

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

    .closebtn::after {
        transform: rotate(-45deg);
    }

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

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

    #basketball .listtab tr:hover {
        background: #ffeece;
        color: #ad6212;
        transition: all 0.2s linear;
    }
    
    #basketball.dark .listtab tr:hover {
        background: #3a3a3a;
    }
    
    #basketball .listtab tr:first-child:hover {
        background: none;
    }
    
    #header-wrapper #top {
        margin-bottom: 16px;
        border-bottom: 1px solid #236349;
        border-top: 1px solid #236349;
    }
    
    .authBox {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .authBox input {
        padding: 8px;
    
        border-radius: 8px;
        border: none;
    
        background-color: #337359;
        color: #99b9ac;
        box-sizing: content-box;
    }
    
    .authBox input::placeholder {
        color: #99b9ac;
    }
    
    .authBox input:focus {
        outline: none;
    }
    
    .passwordBox {
        position: relative;
    }
    
    .usernameBox {
        position: relative;
        margin-right: 8px;
    }
    
    .usernameBox img,
    .passwordBox img {
        position: absolute;
        right: 8px;
        top: 8px;
    }
    
    .usernameBox input {
        width: 172px;
        height: 20px;
        font-family: "Inter", sans-serif;
    }
    
    .passwordBox input {
        width: 145px;
        height: 20px;
        font-family: "Inter", sans-serif;
    }
    
    .loginButton img,
    .signupButton img {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }
    
    .loginButton span,
    .signupButton span {
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
    }
    
    .loginButton,
    .signupButton {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 7px 24px;
        margin-right: 0px;
        margin-left: 10px;
        cursor: pointer;
        border-radius: 8px;
    
        box-sizing: border-box;
        width: 155px;
        height: 36px;
    }
    
    .loginButton {
        background-color: #ebfbf5;
        color: #00100a;
        transition: .175s all linear;
        border: 1px solid transparent;
    }
    
    .loginButton:hover {
        background-color: #00100a;
        color: #ebfbf5;
        border-color: #00100a;
    }
    
    .signupButton {
        background-color: #bf3e16;
        color: #ffffff;
        transition: .175s all linear;
        border: 1px solid transparent;
    }
    
    .signupButton:hover {
        background-color: #ffffff;
        color: #bf3e16;
        border-color: #bf3e16;
    }
    
    .loginBox {
        height: 40px;
    }
    
    .signUpBox {
        height: 40px;
    }
    
    .loginBox #login_icon a {
        display: block;
    }
    
    .loginBox .badge_fill {
        position: absolute;
        bottom: -7px;
        top: unset;
    }
    
    .loginBox .sign_in_btn {
        position: absolute;
        right: 0;
        width: 90px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 34px;
        border: 1px solid #fff;
        border-radius: 3px;
        cursor: pointer;
    }
    
    .member-login-icon {
        cursor: pointer;
        width: 40px;
        height: 40px;
        display: block;
    }
    
    .member-login-icon img {
        border-radius: 50%;
    }
    
    .loginBox .btn {
        padding: 0;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        text-align: center;
    }
    
    .loginBox img {
        border-radius: 50%;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
    }
    
    .menu2 li .icon {
        font-size: 16px;
        margin-right: 4px;
        font-weight: normal;
        vertical-align: -1px;
    }
    
    .menu2 li .on .badge_fill {
        position: absolute;
        top: 3px;
        right: 3px;
        padding: 0 4px;
    }
    
    .menu2 li .on .fav_count {
        position: absolute;
        top: 9px;
        padding: 0 4px;
    }
    
    .badge_fill {
        white-space: nowrap;
        background: #f44336;
        border: solid 1px #f44336 !important;
        color: #fff;
        height: 15px;
        line-height: 13px;
        margin-left: 5px;
        font-weight: normal;
        border-radius: 10px;
        font-size: 12px;
        font-style: normal;
        position: absolute;
        top: 3px;
        right: 3px;
        padding: 0 4px;
    }
    
    .fav_count {
        white-space: nowrap;
        background: #f44336;
        border: solid 1px #f44336 !important;
        color: #fff;
        height: 15px;
        line-height: 14px;
        text-align: center;
        margin-left: 5px;
        font-weight: normal;
        border-radius: 10px;
        font-size: 12px;
        font-style: normal;
        position: absolute;
        top: 9px;
        padding: 0 4px;
        box-sizing: initial;
    }
    
    .fav_count{
        width: 17px;
        height: 17px;
        box-sizing: border-box;
        text-align: center;
        padding: 0;
        line-height: 16px;
    }
    
    .fav_count.grayBG {
        background: #999;
        border-color: #999 !important;
    }
    
    .footH1 {
        font-size: 15px;
        padding-top: 5px;
    }
    
    .sdss {
        background-color: #e5e5e5;
    }
    
    .sdss:hover {
        background-color: #dadada;
    }

    * {
        -webkit-text-size-adjust: none;
    }
    
    html {
        /*min-width: 1060px;*/
    }

    .nosclassLink {
        font-size: 14px;
        font-weight: bold;
        color: #d64444 !important;
    }
    
    .flyClose {
        position: absolute;
        top: 0;
        right: 0;
        background: #222;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        z-index: 100;
        cursor: pointer;
    }
    
    .flyClose::before,
    .flyClose::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 10px;
        background: #fff;
        width: 1px;
        height: 12px;
        transform: rotate(45deg);
    }
    
    .flyClose::after {
        transform: rotate(-45deg);
    }
    
    .tav {
        color: #888;
    }
    
    .to-1 {
        color: #555;
    }
    
    .to-2 {
        color: #222;
    }

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

    #flGoalDiv td {
        font-family: "Arial";
        font-size: 12px;
    }
    
    #flGoalDiv .line td {
        line-height: 18px;
        font-size: 14px;
        padding: 6px 0;
    }
    
    .line .teamname {
        width: 150px;
        padding: 0 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
    }
    
    .line i.rank {
        float: right;
        font-size: 12px;
        font-style: normal;
    }
    
    .GoalDiv-t {
        background-color: #dbeca6;
        color: #666;
        padding-left: 10px;
    }

    .goal-time {
        color: #d64444;
        font-size: 12px;
        float: right;
        margin-right: 15px;
    }
    
    .sjicon {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 0 auto;
    }
    
    .result-split {
        background-color: #ffc;
        align-content: center;
        height: 20px;
        font-weight: bold;
    }

    #ddlTimeZone li:hover,
    #ddlOddsType li:hover {
        background: #226204;
    }

    .crumbs {
        width: 1060px;
        color: #999;
        font-size: 12px;
        line-height: 20px;
        margin: 5px auto;
        display: flex;
        align-items: center;

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

            div {
                display: flex;
                align-items: center;
            }
        }

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

    .cursor-auto{
        cursor: auto;
    }
    .crumbs a.off {
        color: #307b06;
        font-weight: 500;
        margin: 0 5px;
        flex: 0 0 auto;

    }
    .cup-match .crumbs a.off{
        pointer-events: none;
    }

    .top-league  #matchBox,
    .top-league #dropTeam,
    .top-league #dropTeam2{
        display: none !important;
    }

    .crumbs h1,
    .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;
    }

    .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: -40px;
        margin-bottom: 8px
    }

    .youtube_box {
        background: var(--black);
        position: relative;
        height: 300px;
        text-align: center;
    }
    
    .youtube_box .close {
        background: var(--white10);
        width: 24px;
        height: 24px;
        top: 10px;
        right: 10px;
        transform: translate(0, 0);
        border-radius: 50%;
    }
    
    .youtube_box iframe {
        width: 85%;
        height: 100%;
    }
    
    .o-lose,
    .o-win,
    .o-draw {
        color: #fff;
        border-radius: 2px;
        width: 17px;
        display: inline-block;
        line-height: 17px;
        text-align: center;
    }
    
    .o-lose {
        background-color: #d64444 !important;
    }
    
    .o-win {
        background-color: #71ab49 !important;
    }
    
    .o-draw {
        background-color: #f09b57 !important;
    }
    
    .hbg-td1,
    .isLeaTop,
    .oddate,
    .fav-highlight {
        background-color: #F7DCA7 !important;
    }
    
    .hbg-td2 {
        background-color: #D1FFED !important;
    }
    
    .hbg-td3 {
        background-color: #fbf1ef !important;
    }

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

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

    input,
    input::placeholder {
        font-family: "Inter", sans-serif;
    }

    #main #right .lrdiv,
    .n-search,
    #main #right .n-search-input #rightSearchInput {
        background-color: #fff !important;
    }

    .n-search {
        margin-bottom: 15px;
    }

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

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

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

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

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

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

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

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

    #table_live tr[id^="trF_"] {
        width: 100%;
    }

    #table_live tr[id^="trF_"] td[id^="flashLive_"] {
        width: 100%;
    }

    #table_live tr td {
        box-sizing: border-box;
    }

    .rs_ser li a {
        border-bottom: 3px solid transparent;
    }

    .allno:hover:after{
        background-color: #242424;
    }

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

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

    .bts span,
    .win-note,
    .loadngdiv,
    ul.menu,
    .tabsBox,
    .twin,
    .discription span,
    .tvLink ul li a,
    .BtvLink ul li a,
    #div_search {
        border: 1px solid transparent;
    }

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

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

    .date-table {
        border-bottom: 1px solid transparent;
    }

    .date-table {
        border-right: 1px solid transparent;
    }

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

    .red,
    .red2,
    .lo-f2,
    .fbheader .row .LName,
    .fbheader .row .LName a,
    .fbheader .row .end .score,
    .sclassLink,
    .zbf {
        color: #E51B00 !important
    }

    .only-score .odds-title,
    .only-score .otOdds,
    .only-score .ouOdds,
    .only-score .handOdds {
        display: none;
    }

    #table_live .tds .hdpstar {
        display: inline;
        padding: 2px 0 0 0;
        margin: 0;
        color: #f00;
        display: none !important;
    }

    #table_live .tds .hdpstar::before {
        content: "*";
    }

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

    .Leaguestitle .rankicon,
    .team_leaguetitle .rankicon {
        background-image: url(../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 all linear;
    }
    .Leaguestitle .league-title-rank-icon,
    .team_leaguetitle .league-title-rank-icon {
        background-image: url(../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 all linear;
    }

    a,
    .tvLinkBtn,
    .glove {
        cursor: pointer;
    }

    .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;
    }

    .drainage .linkDesc {
        line-height: 28px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

    .drainage .countdown {
        text-align: center;
        margin: 8px 0;
    }

    .drainage #drainageCountDown {
        color: #ff0;
        font-size: 24px;
    }

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

    .sloading {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 8887 !important;
        background-color: rgba(230, 230, 230, 0.7);
    }

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

    .sloading .loadngdiv {
        width: 100%;
        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 0px rgba(17, 19, 44, 0.10);
        border: unset !important;
    }

    .sloading .loadngdiv img {
        width: 30px;
        height: 30px;
    }
    .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;
    }
    
    .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;
    }

    .drainage_mask {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 999;
    }
    
    .win_lose {
        display: flex;
        justify-content: center;
    }
    
    .win_lose .o-lose,
    .win_lose .o-win,
    .win_lose .o-draw {
        margin: 0 2px;
    }
    
    .bt-selected {
        border-top: solid 1px transparent;
        text-align: center;
        padding: 6px 0 2px 0;
    }
    
    .detail_player {
        display: inline-block;
        max-width: 141px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .Leaguestitle .cImg,
    .team_leaguetitle .cImg {
        position: relative;
        width: 22.5px;
        height: 15px;
        top: 3px;
        padding: 0 4px;
        vertical-align: 0;
    }
    
    .NotificalPop {
        background: var(--bgcolor-1);
        width: 280px;
        padding: 10px;
        border-radius: 6px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 10000;
    }
    
    .NotificalPop .tit {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        text-align: center;
    }
    
    .NotificalPop p {
        color: var(--textcolor-1);
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        padding: 10px;
    }
    
    .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;
    }
    
    #tools.tools {
        border-bottom: none !important;
        overflow: initial;
    }
    
    .tools .switch-btn {
        background: var(--primary-color);
        height: 22px;
        padding: 1px;
        margin: 2px 10px;
        border-radius: 20px;
        float: right;
        display: inline-block;
        position: relative;
    }
    
    .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;
    }
    
    .tools .switch-btn span.on {
        background: var(--white-bg);
        color: var(--primary-color);
        font-weight: bold;
    }
    
    .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%, 0);
        z-index: 9;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    }
    
    .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 auto;
        border-radius: 5px;
        cursor: pointer;
    }
    
    #tools li span .icon {
        color: var(--textcolor-2);
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        margin-left: 2px;
    }
    
    #tools li.on span .icon {
        color: var(--text-white);
    }
    
    #showoptional2 .quickPos {
        background: var(--bgcolor-2);
        position: absolute;
        right: 22px;
        top: 50%;
        transform: translate(0, -50%);
        padding: 4px 0;
        border-radius: 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        z-index: 99;
    }
    
    #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: none;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }
    
    #showoptional2 .quickPos li.on {
        background-color: var(--black);
        color: var(--text-white);
    }
    
    .down3 {
        color: var(--down);
    }
    
    .up3 {
        color: var(--up);
    }
    
    .neutraity {
        color: #ff2929;
        font-weight: normal;
    }

    a {
        text-decoration: none;
    }
    
    a:hover,
    .f11:hover {
        color: #f60;
        text-decoration: underline;
        cursor: pointer;
    }
    
    .teamNames a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    input[type="radio"],
    input[type="checkbox"] {
        margin: 2px 5px 0 0;
        vertical-align: -2px;
        cursor: pointer;
    }
    
    ._hide {
        display: none;
    }
    
    .tipsText {
        font-weight: normal;
        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;
    }
    
    .fbsclass {
        color: var(--textcolor-1);
        font-weight: bold;
    }
    
    .fbsclass:hover {
        color: #222;
        text-decoration: none;
        cursor: not-allowed;
    }

    .LGname {
        color: var(--textcolor-1);
        font-weight: bold;
        cursor: pointer;
    }
    
    .LGname:hover {
        color: #f60;
        text-decoration: underline;
    }
    
    .nounderline {
        text-decoration: none !important;
        cursor: auto;
    }
    
    .nolink {
        cursor: text !important;
        text-decoration: none !important;
        color: var(--textcolor-2) !important;
    }

    #header-wrapper,
    #analyMap a,
    .mintopnav li.on a{
        background-color: var(--second-color);
    }

    .new_icon {
        color: #fff;
        background: #f44336;
        background-image: none !important;
        height: 15px;
        line-height: 13px;
        margin-left: 5px;
        font-weight: normal;
        border-radius: 10px;
        font-size: 12px;
        font-style: normal;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 4px;
        white-space: nowrap;
    }
    
    .menu2,
    #soccer .scoretitle td,
    #tools .on span,
    .mintopnav.v2 li.on a,
    .oddsHead select,
    .nav_select,
    .jqTitle {
        background-color: var(--primary-color);
    }
    
    .nav_select {
        padding: 5px 10px;
        line-height: 20px;
        overflow: hidden;
        margin-top: -1px;
    }

    #soccer .scoretitle td {
        color: #070f03;
        font-weight: 500;
    }
    
    .tools,
    .mintopnav {
        border-bottom: 3px solid var(--primary-color);
    }
    
    .menu2 li:hover {
        border-radius: 0px 0px 0px 0px;
        border-color: #ffffff;
        background: #337359;
    }
    
    .menu2 li a {
        display: inline-block;
        /* border-right: 1px solid var(--black20); */
        border-right: 1px solid #005030
    }
    
    #soccer .Leaguestitle td {
        padding-left: 0;
    }
    
    #soccer .Leaguestitle td.df-wrapper {
        display: flex;
        border: none !important;
        justify-content: flex-end;
        align-items: center;
        height: 36px;
    }
    
    #basketball #header-wrapper,
    #basketball .oddsHead select,
    #basketball #analyMap a,
    #basketball .nav_select,
    #basketball .mintopnav li.on a {
        background-color: #693131;
    }
    
    #basketball .menu2,
    #basketball #tools .on span,
    #basketball .mintopnav.v2 li.on a,
    .on-bg-color {
        background-color: #a94446;
    }
    
    #basketball .Leaguestitle {
        background-color: var(--table_header);
    }
    
    #basketball .scoretitle td {
        line-height: 24px;
    }
    
    #basketball .bftab {
        line-height: 16px;
    }
    
    #basketball .bftab .b1 {
        height: 30px;
    }
    
    #basketball .bf {
        font-weight: 600;
    }
    
    #basketball .txtad_div {
        text-align: center;
        width: 100%;
        background-color: #fff;
        border-top: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
    }
    
    #basketball.dark .txtad_div {
        background-color: #222;
        border-color: #444;
    }
    
    #basketball .nolink {
        cursor: not-allowed;
        text-decoration: none;
        color: #222;
    }
    
    #basketball.dark .nolink {
        cursor: not-allowed;
        text-decoration: none;
        color: #fff;
    }
    
    #basketball .menu2 li .on,
    #basketball .menu2 li .on:hover {
        color: var(--text-primary);
        background-color: #e5e5e5;
    }
    
    #basketball.dark .menu2 li .on,
    #basketball.dark .menu2 li .on:hover {
        background-color: #151515 !important;
    }
    
    #basketball .menu2 .sub2_4 {
        width: 130px;
    }
    
    #basketball .tools,
    #basketball .mintopnav {
        border-bottom: 3px solid var(--primary-color);
    }
    
    #tennis #header-wrapper,
    #tennis .oddsHead select,
    #tennis #analyMap a,
    #tennis .nav_select,
    #tennis .mintopnav li.on a,
    #tennis .menu2,
    #tennis #tools .on span,
    #tennis .mintopnav.v2 li.on a,
    #tennis .date-tab b,
    #tennis .date-tab a.on {
        background-color: #57750c;
    }
    
    #tennis .tools,
    #tennis #tool {
        border-bottom: 3px solid #57750c;
    }
    
    #tennis .Leaguestitle {
        background-color: #e5ead5;
    }
    
    #tennis.dark .Leaguestitle {
        background-color: #41520e;
    }
    
    #tennis .Leaguestitle td {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    
    #tennis.dark .Leaguestitle td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

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

    .match-odds-menu {
        position: relative;
        height: 30px;
        margin-top: 8px;
    }
    
    .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: bold;
        border: 1px solid var(--border-3);
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
    }

    .match-odds-menu .on {
        background-color: var(--primary-color) !important;
        color: var(--text-white);
        font-weight: 600;
    }
    
    .match-odds-menu a select,
    .match-odds-menu a select:focus {
        height: 24px;
        background: none;
        border: 0;
        outline: 0;
    }
    
    #liveCompareDiv .nodata,
    #iframeA .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;
    }
    
    #liveCompareDiv .nodata .btn,
    #iframeA .nodata .btn {
        background: var(--primary-color);
        color: var(--text-white);
        width: auto;
        margin: 0 auto 10px auto;
        padding: 0 30px;
        border-radius: 30px;
        display: table;
        cursor: pointer;
    }
    
    #liveCompareDiv .nodata .btn .icon,
    #iframeA .nodata .btn .icon {
        margin-right: 4px;
    }

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

    .ad-txt-red,
    a.adtext1 {
        color: #d64444;
        font-weight: bold;
    }

    .ad-txt-blue,
    a.adtext2 {
        color: #0089f1;
        font-weight: bold;
    }

    .adtext-bg2 {
        background-color: #ffc;
    }

    .txtad_div {
        text-align: center;
        width: 100%;
        background-color: #ffffe8;
        border-top: solid 1px #e5e5e5;
    }
    
    .Leaguestitle td {
        padding-left: 8px;
        line-height: 25px;
    }
    
    #basketball .Leaguestitle td {
        padding-left: 2px;
        line-height: 29px;
    }
    
    .scoretitle td {
        line-height: 20px;
    }
    
    #top {
        position: relative;
        clear: both;
    }
    
    #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 0;
    }
    
    #top .weblogo {
        width: 189px;
        height: 35.943px;
    }
    
    #nav {
        width: 100%;
        overflow: hidden;
    }
    
    #nav .nav {
        background-color: #346bab;
        width: 950px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    #nav li {
        float: left;
        margin-right: 2px;
        width: 116px;
    }
    
    #nav li a {
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        line-height: 40px;
        font-size: 15px;
    }
    
    #nav li a:hover {
        color: #fffc00;
        text-decoration: none;
    }
    
    #nav span a,
    #nav span a:hover {
        color: #fffc00;
        background-position: left 26px;
    }
    
    .member-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        background: url(../images/user-login.png) no-repeat;
        cursor: pointer;
    }
    
    #nav2 {
        width: 100%;
    }
    
    #nav2 ul {
        margin-bottom: 5px;
    }
    
    .nav2 {
        background: #fff;
        clear: both;
        border: solid 1px #e4e4e4;
        border-top: 0;
        height: 30px;
        text-align: center;
        width: 948px;
        margin: 0 auto;
        border-radius: 0 0 4px 4px;
    }
    
    .nav2 li {
        background: url(/Content/Com/blue_img/ik.gif) no-repeat right;
        padding: 0 11px;
        line-height: 30px;
        display: block;
        float: left;
        height: 30px;
    }
    
    .nav2 li.worldcup {
        background: url(../images/worldcup.png) no-repeat 10px center;
        background-size: auto 77%;
        padding-left: 26px;
    }
    
    .nav2 li a {
        font-size: 14px;
    }
    
    .nav22 {
        clear: both;
        height: 30px;
        text-align: center;
        background-color: #fff;
        width: 950px;
        margin: 0 auto;
    }
    
    .nav22 li {
        background: url(/Content/Com/blue_img/ik.gif) no-repeat right;
        padding: 0 8px;
        line-height: 30px;
        display: inline;
        height: 30px;
        font-weight: bold;
    }
    
    .nav22 li a {
        text-decoration: underline;
    }
    
    #topAdDiv {
        width: 1060px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 5px;
    }
    
    #topAdDiv a~a {
        margin-left: 5px;
    }
    
    #ad_middle_122 {
        text-align: center;
        width: 1060px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    #ad_middle_122 a~a {
        margin-left: 4px;
    }
    
    #ad_middle_122 a img {
        padding-top: 5px;
    }
    
    #ad_middle_2 a~a {
        margin-left: 4px;
    }
    
    #ad_middle_2 a img,
    #ad_middle_3 a img {
        padding: 1px 0;
    }
    
    .leftnav .adclass {
        margin-left: -10px;
    }

    .logo {
        font-family: "iconfont logo";
        font-size: 160px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .nav-tabs {
        position: relative;
    }
    
    .nav-tabs .nav-more {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 42px;
        line-height: 42px;
        color: #666;
    }
    
    #tabs {
        border-bottom: 1px solid #eee;
    }
    
    #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;
    }
    
    #tabs .active {
        border-bottom-color: #f00;
        color: #222;
    }
    
    .tab-container .content {
        display: none;
    }
    
    .main {
        padding: 30px 100px;
        width: 960px;
        margin: 0 auto;
    }
    
    .main .logo {
        color: #333;
        text-align: left;
        margin-bottom: 30px;
        line-height: 1;
        height: 110px;
        margin-top: -50px;
        overflow: hidden;
        zoom: 1;
    }
    
    .main .logo a {
        font-size: 160px;
        color: #333;
    }
    
    .helps {
        margin-top: 40px;
    }
    
    .helps pre {
        padding: 20px;
        margin: 10px 0;
        border: solid 1px #e7e1cd;
        background-color: #fffdef;
        overflow: auto;
    }
    
    .icon_lists {
        width: 100% !important;
        overflow: hidden;
        zoom: 1;
    }
    
    .icon_lists li {
        width: 100px;
        margin-bottom: 10px;
        margin-right: 20px;
        text-align: center;
        list-style: none !important;
        cursor: default;
    }
    
    .icon_lists li .code-name {
        line-height: 1.2;
    }
    
    .icon_lists .icon {
        display: block;
        height: 100px;
        line-height: 100px;
        font-size: 42px;
        margin: 10px auto;
        color: #333;
        -webkit-transition: font-size 0.25s linear, width 0.25s linear;
        -moz-transition: font-size 0.25s linear, width 0.25s linear;
        transition: font-size 0.25s linear, width 0.25s linear;
    }
    
    .icon_lists .icon:hover {
        font-size: 100px;
    }
    
    .icon_lists .svg-icon {
        width: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    
    .icon_lists li .name,
    .icon_lists li .code-name {
        color: #666;
    }
    
    .markdown {
        color: #666;
        font-size: 14px;
        line-height: 1.8;
    }
    
    .highlight {
        line-height: 1.5;
    }
    
    .markdown img {
        vertical-align: middle;
        max-width: 100%;
    }
    
    .markdown h1 {
        color: #404040;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 24px;
    }
    
    .markdown h2,
    .markdown h3,
    .markdown h4,
    .markdown h5,
    .markdown h6 {
        color: #404040;
        margin: 1.6em 0 0.6em 0;
        font-weight: 500;
        clear: both;
    }
    
    .markdown h1 {
        font-size: 28px;
    }
    
    .markdown h2 {
        font-size: 22px;
    }
    
    .markdown h3 {
        font-size: 16px;
    }
    
    .markdown h4 {
        font-size: 14px;
    }
    
    .markdown h5 {
        font-size: 12px;
    }
    
    .markdown h6 {
        font-size: 12px;
    }
    
    .markdown hr {
        height: 1px;
        border: 0;
        background: #e9e9e9;
        margin: 16px 0;
        clear: both;
    }
    
    .markdown p {
        margin: 1em 0;
    }
    
    .markdown>p,
    .markdown>blockquote,
    .markdown>.highlight,
    .markdown>ol,
    .markdown>ul {
        width: 80%;
    }
    
    .markdown ul>li {
        list-style: circle;
    }
    
    .markdown>ul li,
    .markdown blockquote ul>li {
        margin-left: 20px;
        padding-left: 4px;
    }
    
    .markdown>ul li p,
    .markdown>ol li p {
        margin: 0.6em 0;
    }
    
    .markdown ol>li {
        list-style: decimal;
    }
    
    .markdown>ol li,
    .markdown blockquote ol>li {
        margin-left: 20px;
        padding-left: 4px;
    }
    
    .markdown code {
        margin: 0 3px;
        padding: 0 5px;
        background: #eee;
        border-radius: 3px;
    }
    
    .markdown strong,
    .markdown b {
        font-weight: 600;
    }
    
    .markdown>table {
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        border: 1px solid #e9e9e9;
        width: 95%;
        margin-bottom: 24px;
    }
    
    .markdown>table th {
        white-space: nowrap;
        color: #333;
        font-weight: 600;
    }
    
    .markdown>table th,
    .markdown>table td {
        border: 1px solid #e9e9e9;
        padding: 8px 16px;
        text-align: left;
    }
    
    .markdown>table th {
        background: #f7f7f7;
    }
    
    .markdown blockquote {
        font-size: 90%;
        color: #999;
        border-left: 4px solid #e9e9e9;
        padding-left: 0.8em;
        margin: 1em 0;
    }
    
    .markdown blockquote p {
        margin: 0;
    }
    
    .markdown .anchor {
        opacity: 0;
        transition: opacity 0.3s ease;
        margin-left: 8px;
    }
    
    .markdown .waiting {
        color: #ccc;
    }
    
    .markdown h1:hover .anchor,
    .markdown h2:hover .anchor,
    .markdown h3:hover .anchor,
    .markdown h4:hover .anchor,
    .markdown h5:hover .anchor,
    .markdown h6:hover .anchor {
        opacity: 1;
        display: inline-block;
    }
    
    .markdown>br,
    .markdown>p>br {
        clear: both;
    }
    
    .hljs {
        display: block;
        background: #fff;
        padding: 0.5em;
        color: #333;
        overflow-x: auto;
    }
    
    .hljs-comment,
    .hljs-meta {
        color: #969896;
    }
    
    .hljs-string,
    .hljs-variable,
    .hljs-template-variable,
    .hljs-strong,
    .hljs-emphasis,
    .hljs-quote {
        color: #df5000;
    }
    
    .hljs-keyword,
    .hljs-selector-tag,
    .hljs-type {
        color: #a71d5d;
    }
    
    .hljs-literal,
    .hljs-symbol,
    .hljs-bullet,
    .hljs-attribute {
        color: #0086b3;
    }
    
    .hljs-section,
    .hljs-name {
        color: #63a35c;
    }
    
    .hljs-tag {
        color: #333;
    }
    
    .hljs-title,
    .hljs-attr,
    .hljs-selector-id,
    .hljs-selector-class,
    .hljs-selector-attr,
    .hljs-selector-pseudo {
        color: #795da3;
    }
    
    .hljs-addition {
        color: #55a532;
        background-color: #eaffea;
    }
    
    .hljs-deletion {
        color: #bd2c00;
        background-color: #ffecec;
    }
    
    .hljs-link {
        text-decoration: underline;
    }
    
    code[class*="language-"],
    pre[class*="language-"] {
        color: #000;
        background: none;
        text-shadow: 0 1px white;
        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;
    }
    
    pre[class*="language-"]::-moz-selection,
    pre[class*="language-"] ::-moz-selection,
    code[class*="language-"]::-moz-selection,
    code[class*="language-"] ::-moz-selection {
        text-shadow: none;
        background: #b3d4fc;
    }
    
    pre[class*="language-"]::selection,
    pre[class*="language-"] ::selection,
    code[class*="language-"]::selection,
    code[class*="language-"] ::selection {
        text-shadow: none;
        background: #b3d4fc;
    }

    pre[class*="language-"] {
        padding: 1em;
        margin: 0.5em 0;
        overflow: auto;
    }
    
    :not(pre)>code[class*="language-"],
    pre[class*="language-"] {
        background: #f5f2f0;
    }
    
    :not(pre)>code[class*="language-"] {
        padding: 0.1em;
        border-radius: 0.3em;
        white-space: normal;
    }
    
    .token.comment,
    .token.prolog,
    .token.doctype,
    .token.cdata {
        color: #708090;
    }
    
    .token.punctuation {
        color: #999;
    }
    
    .namespace {
        opacity: 0.7;
    }
    
    .token.property,
    .token.tag,
    .token.boolean,
    .token.number,
    .token.constant,
    .token.symbol,
    .token.deleted {
        color: #905;
    }
    
    .token.selector,
    .token.attr-name,
    .token.string,
    .token.char,
    .token.builtin,
    .token.inserted {
        color: #690;
    }
    
    .token.operator,
    .token.entity,
    .token.url,
    .language-css .token.string,
    .style .token.string {
        color: #9a6e3a;
        background: hsla(0, 0%, 100%, 0.5);
    }
    
    .token.atrule,
    .token.attr-value,
    .token.keyword {
        color: #07a;
    }
    
    .token.function,
    .token.class-name {
        color: #dd4a68;
    }
    
    .token.regex,
    .token.important,
    .token.variable {
        color: #e90;
    }
    
    .token.important,
    .token.bold {
        font-weight: bold;
    }
    
    .token.italic {
        font-style: italic;
    }
    
    .token.entity {
        cursor: help;
    }

    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-max:before {
        content: "";
    }
    
    .icon-min:before {
        content: "";
    }
    
    .icon-odds1:before {
        content: "";
    }
    
    .icon-weather:before {
        content: "";
    }
    
    .icon-b-ant-off:before {
        content: "";
    }
    
    .icon-b-ant-on:before {
        content: "";
    }
    
    .icon-tennis_racket:before {
        content: "";
    }
    
    .icon-tennis_ball:before {
        content: "";
    }
    
    .icon-icon-live1:before {
        content: "";
    }
    
    .icon-icon-live2:before {
        content: "";
    }
    
    .icon-drop-down:before {
        content: "";
    }
    
    .icon-font-display:before {
        content: "";
    }
    
    .icon-live:before {
        content: "";
    }
    
    .icon-icon-corner1:before {
        content: "";
    }
    
    .icon-footballclass2:before {
        content: "";
    }
    
    .icon-footballclass1:before {
        content: "";
    }
    
    .icon-font-rank:before {
        content: "";
    }
    
    .icon-font-footballclass:before {
        content: "";
    }
    
    .icon-font-sendont:before {
        content: "";
    }
    
    .icon-font-esports:before {
        content: "";
    }
    
    .icon-font-topping:before {
        content: "";
    }
    
    .icon-font-hide:before {
        content: "";
    }
    
    .icon-font-bonus:before {
        content: "";
    }
    
    .icon-font-analysis:before {
        content: "";
    }
    
    .icon-font-camera:before {
        content: "";
    }
    
    .icon-font-delete:before {
        content: "";
    }
    
    .icon-font-follow:before {
        content: "";
    }
    
    .icon-font-hit:before {
        content: "";
    }
    
    .icon-font-hot:before {
        content: "";
    }
    
    .icon-font-emailver:before {
        content: "";
    }
    
    .icon-font-profile-email:before {
        content: "";
    }
    
    .icon-font-membershipchengyuanguanli:before {
        content: "";
    }
    
    .icon-font-post:before {
        content: "";
    }
    
    .icon-font-manypeople:before {
        content: "";
    }
    
    .icon-font-profile-password:before {
        content: "";
    }
    
    .icon-font-profile-withdrawalaccount:before {
        content: "";
    }
    
    .icon-font-report2:before {
        content: "";
    }
    
    .icon-font-index:before {
        content: "";
    }
    
    .icon-font-report:before {
        content: "";
    }
    
    .icon-font-improper:before {
        content: "";
    }
    
    .icon-font-time:before {
        content: "";
    }
    
    .icon-font-sharearticel:before {
        content: "";
    }
    
    .icon-font-record:before {
        content: "";
    }
    
    .icon-font-subscribe:before {
        content: "";
    }
    
    .icon-font-wifi:before {
        content: "";
    }
    
    .icon-font-wallet:before {
        content: "";
    }
    
    .icon-icon_help:before {
        content: "";
    }
    
    .icon-baseball:before {
        content: "";
    }
    
    .icon-font-forbidden:before {
        content: "";
    }
    
    .icon-font-subscribe2:before {
        content: "";
    }
    
    .icon-matchdata:before {
        content: "";
    }
    
    .icon-analysis:before {
        content: "";
    }
    
    .icon-odds:before {
        content: "";
    }
    
    .icon-t5:before {
        content: "";
    }
    
    .icon-font-share:before {
        content: "";
    }
    
    .icon-font-pk:before {
        content: "";
    }
    
    .icon-font-live1:before {
        content: "";
    }
    
    .icon-font-live2:before {
        content: "";
    }
    
    .icon-font-report21:before {
        content: "";
    }
    
    .icon-font-report3:before {
        content: "";
    }
    
    .icon-cricbat:before {
        content: "";
    }
    
    .icon-criball:before {
        content: "";
    }
    
    .icon-cricket:before {
        content: "";
    }
    
    .icon-warning:before {
        content: "";
    }
    
    .icon-font-Telep:before {
        content: "";
    }
    
    .icon-fond-add:before {
        content: "";
    }
    
    .icon-font-ID:before {
        content: "";
    }
    
    .icon-font-number:before {
        content: "";
    }
    
    .icon-font-charge:before {
        content: "";
    }
    
    .icon-font-index1:before {
        content: "";
    }
    
    .icon-font-injured:before {
        content: "";
    }
    
    .icon-font-Assists:before {
        content: "";
    }
    
    .icon-font-female-yes:before {
        content: "";
    }
    
    .icon-font-male-yes:before {
        content: "";
    }
    
    .icon-font-male:before {
        content: "";
    }
    
    .icon-font-Tennis-y:before {
        content: "";
    }
    
    .icon-font-female:before {
        content: "";
    }
    
    .icon-font-Tennis:before {
        content: "";
    }
    
    .icon-font-animation:before {
        content: "";
    }
    
    .icon-font-push:before {
        content: "";
    }
    
    .icon-font-collect-on:before {
        content: "";
    }
    
    .icon-font-sort:before {
        content: "";
    }
    
    .icon-font-varicon:before {
        content: "";
    }
    
    .icon-font-collect-off:before {
        /* content: ""; */
        content: '' !important;
        background-image: url(../images/rating-14px.svg?v=2);
        background-size: contain;
        background-repeat: no-repeat;
        width: 27px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .no_fav_data .no_data .explain .icon {
        position: relative;
        background: #374033 !important;
        margin: 0 12px !important;
    }
    
    .searchWin .scorelists .icon {
        position: relative;
    }
    
    .no_fav_data .no_data .explain .icon-font-collect-off:before {
        width: 20px;
        height: 20px;
        margin: 0 !important;
    }
    
    .no_fav_data .no_data p {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .no_fav_data .no_data .title {
        margin-bottom: 20px;
    }
    
    .icon-font-collect-on:before {
        /* content: ""; */
        content: '' !important;
        background-image: url(../images/rating-14.svg?v=2);
        background-size: contain;
        background-repeat: no-repeat;
        width: 34px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .icon-font-upload:before {
        content: "";
    }
    
    .icon-font-upload-1:before {
        content: "";
    }
    
    .icon-font-logout:before {
        content: "";
    }
    
    .icon-font-menu2:before {
        content: "";
    }
    
    .icon-font-menu:before {
        content: "";
    }
    
    .icon-font-switch:before {
        content: "";
    }
    
    .icon-font-doubleopen-off:before {
        content: "";
    }
    
    .icon-font-index-on:before {
        content: "";
    }
    
    .icon-font-doubleopen-on:before {
        content: "";
    }
    
    .icon-font-heat:before {
        content: "";
    }
    
    .icon-font-prohibit:before {
        content: "";
    }
    
    .icon-font-live:before {
        content: "";
    }
    
    .icon-font-injured1:before {
        content: "";
    }
    
    .icon-font-live-2:before {
        content: "";
    }
    
    .icon-t5-2:before {
        content: "";
    }
    
    .icon-icon-corner:before {
        content: "";
    }
    
    .icon-icon-detail:before {
        content: "";
        width: 14px;
        height: 14px;
        display: block;
        background: url(/assets/images/icon-lineup.svg?v=1);
    }

    .tools .switch-view-btn {
        background: var(--white-bg);
        /* height: 30px; */
        padding: 1px 3px;
        border-radius: 20px;
        /* width: 150px; */
        display: flex;
        position: relative;
    }
    
    .tools .switch-view-btn span.on {
        background: var(--primary-color);
        color: var(--text-white);
    }
    
    .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;
    }
    
    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(../images/CaretDown.svg);
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-position: calc(100% - 6px) 50%;
        outline: none;
        box-shadow: none;
        width: 100%;
        padding: 0 6px;
    }
    
    td#oddsHead .select-company:hover {
        background-image: url(../images/CaretDownBlack.svg);
        cursor: pointer
    }

    #change_233 {
        width: 167px;
        width: 200px;
        height: 28px;
        top: 41px;
        left: 10px;
        padding: 0 5px;
        gap: 0px;
        border-radius: 4px;
        opacity: 0px;
        background: white;
        outline: none;
        box-shadow: none;
        border: none;
        margin-bottom: 15px;
        line-height: 28px;
        text-align: left;
    }
    
    
    tr#tr_upper-live-titlez {
        background: white;
        height: 34px;
    }
    tr#tr_upper-live-titlez td {
        white-space: nowrap;
    }
    
    .td-bdr {
        border-right: 1px solid #E6E6E6;
    }
    
    .td-bdr {
        border-right: 1px solid #E6E6E6;
    }
    
    .td-pd-0-5 {
        padding: 0 5px;
    }
    
    .d-flex.eur,
    .oddstd-tx.d-flex.ht-title,
    .hz312 {
        justify-content: center;
    }

    .d-flex.eur,
    .oddstd-tx.d-flex.ht-title,
    .hz312 {
        justify-content: center;
    }

    .hz312>div {
        width: 34px;
        margin: 0 5px;
        height: 100%;
    }

    #main .idx-resultpage .status-time-sched {
        display: none;
    }
    
    #main .idx-favorite .status-time-sched,
    #main .idx-favorite .status-time-match,
    #main .idx-resultpage .status-time-match {
        display: table-cell !important;
    }
    
    #main .idx-homepage .tvLinkBtn,
    #main .idx-resultpage .tvLinkBtn,
    #main .idx-favorite .tvLinkBtn {
        display: none;
    }
    
    
    .odds-bg.odds-normal>span.up,
    .odds2>span.up,
    .odds2>span.down,
    .odds-bg.odds-normal>span.down {
        width: 100% !important;
        height: 100% !important;
        display: inline-block;
        margin: 0;
        color: #282828;
        line-height: 22px;
        border-radius: 4px;
        text-align: center;
    
    }
    
    .odds2>span.down,
    .odds-bg.odds-normal>span.down {
        position: relative !important;
    }
    
    #info.database .area-tab ul li {
        padding: 10px 30px !important;
        height: max-content;
    }
    
    #info.database .area-tab ul li.menu-search {
        padding: 5px 10px !important;
    }

    #change_233:focus {
        background-color: transparent !important;
    }
    
    #soccer .mcontent .oddstd p:nth-child(2) {
        display: none;
    }
    
    #soccer #main .idx-favorite.mcontent .oddstd p:nth-child(2) {
        display: initial;
    }
    
    #soccer .mcontent .oddstd .oddstd-ah p:nth-child(2) {
        display: initial;
    }
    
    .py-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    
    .w-24 {
        width: 24px;
        min-width: 24px;
        max-width: 24px;
    }
    
    .w-32 {
        width: 32px;
        min-width: 32px;
        max-width: 32px;;
    }
    
    .w-34 {
        width: 34px;
        min-width: 34px;
        max-width: 34px;;
    }
    
    .w-45 {
        width: 45px;
        min-width: 45px;
        max-width: 45px;
    }
    
    .w-47 {
        width: 47px;
        min-width: 47px;
        max-width: 47px;
    }
    
    .w-49 {
        width: 49px;
        min-width: 49px;
        max-width: 49px;
    }
    
    .w-50 {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }
    
    .w-55 {
        width: 55px;
        min-width: 55px;
        max-width: 55px;
    }
    
    .w-60 {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }
    
    .w-65 {
        width: 65px;
        min-width: 65px;
        max-width: 65px;
    }
    
    .w-70 {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }
    
    .w-33 {
        width: 33px;
        min-width: 33px;
        max-width: 33px;
    }
    
    .w-75 {
        width: 75px;
        min-width: 75px;
        max-width: 75px;
    }
    
    .w-85 {
        width: 85px;
        min-width: 85px;
        max-width: 85px;
    }
    
    .w-96 {
        width: 96px;
        min-width: 96px;
        max-width: 96px;
    }
    
    .w-107 {
        width: 107px;
        min-width: 107px;
        max-width: 107px;
    }
    
    .w-120 {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
    }
    
    .w-124 {
        width: 124px;
        min-width: 124px;
        max-width: 124px;
    }
    
    .w-135 {
        width: 135px;
        min-width: 135px;
        max-width: 135px;
    }
    
    .w-140 {
        width: 140px;
        min-width: 140px;
        max-width: 140px;
    }
    
    .w-141 {
        width: 141px;
        min-width: 141px;
        max-width: 141px;
    }
    
    .w-150 {
        width: 150px;
        min-width: 150px;
    }
    
    .w-260 {
        width: 260px;
        min-width: 260px;
        max-width: 260px;
    }
    
    .oddstd-ah.hz312,
    .oddstd-ou.hz312 {
        width: 50%;
        padding: 0 !important;
    }
    
    .right-bf::before {
        content: '';
        width: 1px;
        height: 24px;
        position: absolute;
        top: 50%;
        right: -8px;
        background: #D4D4D4;
        transform: translateY(-50%);
    }

    .right-bf {
        position: relative;
    }
    
    .score-detail>div {
        width: 50%;
        text-align: center;
    }
    
    .first-half {
        color: #0E9561;
    }
    
    .handpoint>div>b {
        color: #d64444 !important;
        font-size: 20px;
    }

    .box-white {
        background-color: white;
        padding: 16px;
    }

    .box-white .box-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 12px;
        text-transform: uppercase;
    }
    
    .box-white .box-content {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
    }
    
    #table_live .upper-live-titlez {
        background: white;
    }
    
    .home__content h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        margin-bottom: 8px;
        margin-top: 5px;
    }
    
    .home__content h3 {
        font-size: 13px;
        font-weight: 600;
        line-height: 19.5px;
        text-align: left;
        margin: 5px 0;
    }
    
    .mgt-10 {
        margin-top: 10px;
    }
    
    .team-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .team-box.tleft {
        justify-content: flex-end;
    
    }
    .team-box > a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .oddsHead.inclfuded-ht-title {
        /* padding: 0 4px; */
        text-align: right !important;
    }
    
    p.r3 {
        margin-left: 5px !important;
    }
    
    .w-51 span {
        margin-left: -3px !important;
    }
    
    .pdr-0 {
        padding-right: 0 !important;
    }
    
    p.odds1.closed,
    p.odds2.closed,
    p.odds3.closed {
        font-size: 9px;
    }
    
    i.icon-font-collect-off,
    i.icon-font-collect-on {
        position: relative;
        min-width: 11px;
        min-height: 11px;
        display: inline-block;
    }
    
    .team-head-icon-fav::before{
        width: 23px !important;
        height: 23px !important;
        top: 6px !important;
    }

    .ov.page-text-live {
        max-height: 335px;
        height: 335px;
    }
    
    
    
    
    #game-rate .btm td:first-child,
    #game-rate .btm td:last-child {
        width: 97px;
        min-width: 97px;
        max-width: 98px;
    }
    
    [id^="favM_"]:hover:after {
        left: 0;
        right: unset;
    }
    
    .scroll-custom::-webkit-scrollbar-track,
    .select2-results__options::-webkit-scrollbar-track {
        background-color: #DDDDDD;
    }
    
    .scroll-custom::-webkit-scrollbar,
    .select2-results__options::-webkit-scrollbar {
        width: 8px;
    }
    
    .scroll-custom::-webkit-scrollbar-thumb,
    .select2-results__options::-webkit-scrollbar-thumb {
        background-color: #A2A2A2;
        border: 2px solid #DDDDDD;
        border-radius: 30px;
        overflow: hidden;
    }

    .guest {
        display: none;
    }
    
    .button-loadmore {
        background: #005030;
        color: white;
        cursor: pointer;
        border-radius: 4px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        padding: 0 20px;
        margin-top: 20px;
        display: none;
    }
    
    .button-loadmore.show {
        display: inline-block;
    }
    
    .button-loadmore.disabled-pointer {
        pointer-events: none;
    }

    .odds-content.scroll.mt-2.onDesk::-webkit-scrollbar, #game-rate .page-text-live::-webkit-scrollbar,
    #game-rate #match-event::-webkit-scrollbar {
        display: none;
    }

    #game-rate .page-text-live:hover::-webkit-scrollbar, #game-rate #match-event:hover::-webkit-scrollbar{
        display: initial;
    }
    .odds-correct {
        gap: 8px;
    }
    .odds-correct strong {
        font-size: 11px;
        width: 100%;
        text-align: center;
        margin-bottom: -5px;
    }
    #match-list-box a:hover{
        text-decoration: none !important;
    }

    .soundSetting .selectbox{
        background: none;
         gap: 0;
        padding: 0;
    }
    
    
    .nodatapage {
        margin: 50px auto;
        text-align: center;
    }
    
    .nodatapage .alogo {
        color: #00301d;
        font-size: 90px;
        font-weight: bold;
    }
    
    .nodatapage .explain {
        color: #999;
        font-size: 26px;
        line-height: 30px;
        font-weight: bold;
    }
    
    .nodatapage .proposal {
        color: #999;
        font-size: 14px;
        line-height: 30px;
        margin-top: 40px;
    }
    
    .nodatapage .backbtn {
        background: #226204;
        color: #fff;
        width: 20%;
        padding: 0 10px;
        margin: 0 auto;
        border-radius: 4px;
        display: block;
    }
    
    .nodatapage .iconsbtn {
        margin: 30px 0;
    }
    
    .nodatapage .iconsbtn a, .dark .nodatapage .iconsbtn a {
        color: #999;
        min-width: 60px;
        display: inline-block;
        margin: 0 10px;
    }
    
    .nodatapage span {
        display: block;
        margin: 0 auto;
    }
    
    .nodatapage .ndpicon {
        background: #f5f5f5;
        width: 30px;
        height: 30px;
        padding: 10px;
        border-radius: 50%;
    }

    .breadcrumbs-detail{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: 180px;
        display: block;
    }

    #main .idx-homepage .custom-select-02.core-custom-select{
        padding-right: 0 !important;
    }
    
    #game-rate .custom-select-02.core-custom-select .custom-select{
        padding-right: 14px !important;
    }
    #game-rate .table-score-container .odds-number{
        display: block;
    }
    
    #game-rate .table-score-container .odds-number tbody,
    #game-rate .table-score-container .odds-number tr {
        display: block;
        width: 100%;
    }
    
    
    .hot-news-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 6px;
    }
    
    .hot-news-list .hot-news-item {
        text-decoration: none;
    }
    
    .hot-news-list .hot-news-item .hot-news-img {
        width: 100%;
        /* height: 60px; */
        object-fit: cover;
        border-radius: 4px;
    }
    
    .hot-news-title {
        padding: 5px 0;
    }
    
    .hot-news-list .hot-news-item .hot-news-title {
        font-size: 10px;
        font-weight: 600;
        margin: 8px 0 10px;
        margin: 0;
        /* display: -webkit-box; */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .hot-news-list .hot-news-item:hover .hot-news-btn {
        text-decoration: underline;
    }
    
    .hot-news-list .hot-news-item .hot-news-btn {
        font-size: 10px;
        color: var(--primary-color);
    }

    #table_live .new-home-tr .odds1.odds-down,
    #table_live .new-home-tr .odds1.odds-up,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-up,
    #table_live .new_oddsChangePopup .popup-odds-change .odds-down{
        color: #282828;
    }

    .blinking {
        animation: blink 0.75s infinite;
    }
    #main .idx-homepage td .scored-s.no-score{
        color: #717171 !important;
    }
    .not-started{
        color: #070f03;
        font-weight: 400;
    }

    .j-sc{
        justify-content: center;
    }
    .w-100-i{
        width: 100% !important;
    }
    .time-status_2::after {
        content: unset !important;
    }
    span.LGname {
        pointer-events: none;
    }
    
    #sloading{
        display: none !important;
    }
    
    .timeline-item{
        background: #fff;
        border: 1px solid;
        border-color: #e5e6e9 #dfe0e4 #d0d1d5;
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .animated-background{
        animation-duration: 1s;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 800px 104px;
        height: 15px;
        position: relative;
    }
    
    .match-load.animated-background{
        animation-duration: 1s;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 800px 104px;
        height: 75px;
        position: relative;
    }
    .custom-lt{
        padding: 30px;
    }
    .lt-title{
        color: #236349;
        text-transform: uppercase;
    }
    
    .custom-lt p{
        font-size: 14px;
        line-height: 18px;
    }
    
    .no-after::after{
      content: unset !important;
    }

    #info #i_main .team-head .follow_btn i:before, #info #i_main2 .team-head .follow_btn i:before{
        width: 18px !important;
        height: 18px !important;
        top: 6px !important;
    }

    .glow-sweep::before {
        content: "";
        position: absolute;
        top: 0;
        left: -50%;
        width: 300%;
        height: 100%;
        background: linear-gradient(45deg, rgba(255, 215, 0, 0.2), rgba(255, 223, 0, 0.8), rgba(255, 215, 0, 0.2));
        animation: sweep 2s infinite;
    }
    .odds-number{
        transition: .175s all linear;
    }

    .highlight-odds {
        animation: shake-scale 1.5s ease-in-out 4;
    }
    #odds-badge-correct-score-02{
        cursor: pointer;
    }

    #table_live.table-favorite .w-135 {
        width: unset;
        min-width: unset;
        max-width: unset;
    }
    
    #table_live.table-result .w-135 {
        width: unset;
        min-width: unset;
        max-width: unset;
    }

    .corner-icon.dark{
        display: none;
    }

    .filter-container select#selectMatchCount3 {
        display: none;
    }
    
    #info.version-2.data-sync.top-league{
        padding-top: 0 !important;
    }
    
    #info #left .leftnav li a{
        font-size: 12px;
    }

    #main3 #teammain-6in1 #teamid #odds table.odds-table-bg.dataItem tr.b1 td.rs {
        text-align: right;
    }

    td.oddstd.c9.no-after::after{
        content: unset;
    }
}

.dark {
    #scrollIframe{
        .odds-label {
            position: relative;
            background-color: var(--bg-odds-normal-dark) !important;
            color: #FFFFFF;
            text-align: center;
        }
        
        .odds-arrow {
            position: relative;
            background-color: var(--bg-odds-normal-dark) !important;
            text-align: center;
        }

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

        .odds-arrow--up::after {
            background-image: url(/assets/images/icon-arrow-up-dark-v2.svg?v=5);
            background-color: var(--bg-odds-arrow-up-dark) !important;
            color: var(--color-odds-up-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);
        }

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

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

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

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

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

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

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

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

        .oddschanges-bg2 {
            /* background-color: #46484e; */
        }

        .oddschanges-bg1 {
            /* background-color: #524e49; */
        }

        .odds-table-bg2 {
            /* background-color: #3c3c3c; */
        }

        .gray {
            /* background-color: #5a5a5a; */
        }

        .change_yellow {
            background-color: #170500;
        }
        
        .up_red {
            background-color: #466b10;
        }
        
        .down_green {
            background-color: #8c4332;
        }
        
        .oddschanges .odd-bg1 {
            /* background-color: #353e30; */
            color: #adadad;
        }
        
        .oddschanges .odd-sname {
            background-color: #56544e;
            color: #d4a97a;
        }
        
        .green-bg {
            background-color: #eff5ee;
        }
        
        #oddsChange,
        [id^="oddsChange_"],
        .white-bg2,
        .livetab,
        #panluDiv,
        #showoptional2,
        #showFilterBox,
        #showCountry,
        #showoptional,
        #showCompany,
        .bak_div {
            background-color: #444;
        }
        
        .odds-table-bg {
            background-color: #585858;
        }
        
        .oods-bg1,
        .isLeaTop,
        .oddate {
            background-color: #353535;
        }
        
        .fav-highlight {
            background-color: #4c4c2c !important;
        }
        
        .oods-bg2 {
            background-color: #232323;
        }
        
        .oods-c-bg1,
        .up {
            background-color: rgba(30, 97, 46, 0.5);
            color: #ffffffba;
        }
        
        .oods-c-bg2,
        .down {
            background-color: rgba(142, 60, 100, 0.5);
            color: #ffffffba;
        }
        
        .oods-c-bg3 {
            background-color: #a97d00;
            color: #ffffffba;
        }
        
        #teamid .sbg {
            background-color: #1d1c1a;
        }
        .oddschanges {
            /* background-color: #333 !important; */
        }

        .cc a:before,
        .cc a:after {
            background-color: #999;
        }

        .resultColor {
            color: white;
        }
        
        .hightlight-bg {
            background-color: #333;
        }
        
        .otOdds,
        .ouOdds,
        .handOdds {
            background-color: #3a362f;
        }
        
        .Preferences2 {
            background-color: #435040;
        }
        
        #hiddencount {
            color: #E51B00 !important;
        }
        
        .slideBtn::after {
            border-top: 5px solid #999;
        }

        .box-league{
            background-color: #1a1a1a;
        }

        .lr_tit.on {
            border-bottom: 1px solid #444;
        }
        
        .leftnav li a img{
            background-color: #fff;
        }
        
        #mintable .Leaguestitle:has(+.tds.hide) td {
            border-bottom: 1px solid #151515 !important;
        }
        
        #mintable .tds:hover td {
            background-color: #333;
        }

        .status {
            color: #3778da;
        }
        
        .bts .LQent,
        .bts .ent {
            background-color: #c75102;
            color: #fff;
        }
        
        .bts .LQent:hover,
        .bts .ent:hover {
            background-color: #f60;
        }
        
        .fg_Title {
            color: #fff;
            background-color: #2f2f2f;
        }
        
        .oddstable {
            box-shadow: 0 1px 5px #000;
        }
        
        .oddstable .oddsCaption {
            background-color: #444;
        }
        
        .oddschanges .more {
            /* background-color: #282828; */
        }
        
        #main2 {
            background-color: #282828;
        }
        
        .bg1 {
            background-color: #282828 !important;
        }
        
        .popup-container .popup-content {
            background-color: #2f2f2f;
        }
        
        .popup-container2 .popup-content2 {
            background-color: #2f2f2f;
        }
        
        #mScore {
            color: #de5b5c;
        }
        
        .input_text {
            color: #999 !important;
        }
        
        #main #left .leftnav li a {
            color: #D3D3D3;
        }
        
        #main #left .leftnav li a,
        #info #left .leftnav li a{
            color: #fff;
        }

        #main #left .leftnav li a.on,
        #info #left .leftnav li a.on{
            background: linear-gradient(90deg, #01311E 0%, #000E09 100%);
        }

        #tools .on.low span:after {
            border-top-color: #fff;
        }

        #tools .filterLi a:after {
            border-top-color: #999;
        }
        
        .date-picker ul li:hover {
            color: #f60;
            background-color: #46382f;
        }
        
        .date-picker ul li.on {
            background-color: #b94b01;
        }
        
        .date-picker ul li:after {
            background-color: #333;
        }
        
        #calendar td:hover {
            background-color: #545454;
        }
        
        #calendar .datelayer_td-sel,
        #calendar .datelayer_td-sel:hover {
            background: #ffd842;
            color: #ad6212;
        }
        
        .DataTips {
            background: url(../images/nomatch_dark.png) no-repeat center 40px;
            background-color: #282828;
        }
        
        .off .ef-radio-style {
            background-color: #666;
            color: #999;
        }
        
        .ef-radio-style {
            border-color: #666;
            background-color: #333;
        }
        
        .no-data {
            background: #151515;
            color: #fff;
        }
        
        .closes {
            background-color: #3a3a3a;
            opacity: 0.6;
            border-left: 1px solid #5a5a5a;
        }
        
        .closes:before {
            background-color: #fff;
            opacity: 0.6;
        }
        
        .closes:before,
        .expand:before {
            opacity: 0.6;
        }
        
        .collapse:before {
            border-bottom: 4px solid #999;
        }
        
        .expand:before {
            border-top: 4px solid #999;
        }
        
        .collapse,
        .expand {
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .collapse:hover,
        .closes:hover,
        .expand:hover {
            background-color: rgba(0, 0, 0, 0.08);
        }
        
        #showoptional2,
        #showCountry,
        #showFilterBox,
        #showoptional,
        #showCompany,
        #showOddsTypes,
        .tvLink,
        #div_search {
            box-shadow: 0 0 20px #000;
        }
        
        .hidden-info-match:hover:after {
            background-color: #242424;
        }
        
        .hidden-info span:hover:after {
            background-color: #242424;
        }
        
        .add-info:hover:after,
        .add-info2:hover:after,
        .add-info-l:hover:after,
        .add-info-l2:hover:after,
        .add-info-t:hover:after,
        .add-info-t2:hover:after,
        .analyze-icon:hover:after,
        .matchdata-icon:hover:after,
        .closedata-icon:hover:after,
        .odds-icon:hover:after,
        .Detail-icon:hover:after,
        .close-info:hover:after,
        .odds-icon1x2:hover:after,
        .Detail-basketball-icon:hover:after,
        .hidden-info:hover:after,
        .display-info:hover:after,
        .threeinone-icon:hover:after,
        .x12-icon:hover:after,
        .rankicon:hover:after,
        .league-title-rank-icon:hover:after,
        .hidden-info-match:hover:after,
        .show-info-match:hover:after,
        .remove-league-icon:hover:after,
        .highlight-icon:hover:after,
        .neutral_info:hover:after,
        .bkflash-icon:hover:after {
            background-color: #242424;
        }
        
        .rs_ser_Second .nks a,
        .rs_ser_Second .nks a:hover {
            background-color: #333;
        }
        
        .oodstable-t2 {
            background-color: #312f26;
        }
        
        .text-info,
        .search-container .searchexplain {
            background-color: #222f19;
            color: #999;
        }
        
        #bottom {
            background-color: #282828;
        }

        #free-tools li {
            border: solid 1px #444;
        }
        
        #free-tools li select {
            background-color: #282828;
            color: #fff;
        }
        
        td.oddstd.c9::after {
            background: #414141;
        }
        
        .allno {
            background-image: url(/assets/images/icon-trash-dark.svg) !important;
        }
        
        .closebtn.v2 {
            border: none;
        }
        
        .closebtn {
            border: 1px solid #717171;
        }
        
        .odds-table-bg .nodata {
            background-color: #444;
            color: #fff;
            height: 30px;
            text-align: center;
        }
        
        .odds-table-bg .in-gif {
            display: inline-block;
            background: url(../images/in_white.gif);
            width: 3px;
            height: 8px;
        }
        
        .sdss {
            color: #fff;
            background-color: #333;
        }
        
        .sdss:hover {
            color: #fff;
            background-color: #505050;
        }
        
        .to-1 {
            color: #999;
        }
        
        .to-2 {
            color: #e5e5e5;
        }
        
        .timeco {
            color: #888;
        }
        
        #flGoalDiv {
            background-color: #292929;
            border: 3px solid #585858;
            box-shadow: 0 0 10px #000;
        }
        
        .GoalDiv-t {
            background-color: #0e100d;
            color: #999;
        }
        
        .result-split {
            background: #3e392c;
            color: #999;
        }
        
        .crumbs h1,
        .crumbs .h1 {
            color: #ffffff !important;
        }
        
        .seo-text-h1 {
            color: #E6E6E6
        }
        
        .hbg-td1,
        .isLeaTop,
        .oddate {
            background-color: #726531 !important;
        }
        
        .hbg-td2 {
            background-color: #5D8D47 !important;
        }
        
        .hbg-td3 {
            background-color: #3e2e2b !important;
        }

        #main .idx-homepage td.score-color b,
        .handpoint>div>b {
            color: #E51B00;
        }

        .jqTitle {
            background-color: var(--second-color);
        }

        .fbsclass:hover {
            color: #fff;
            text-decoration: none;
            cursor: not-allowed;
        }
        
        .nolink {
            color: #fff;
        }
        
        .sbtn,
        .sbtn2,
        option {
            background: #333;
            color: #fff;
        }
        
        .sbtn2:after {
            border-top-color: #fff;
        }
        
        .menu2 li .on,
        .menu2 li .on:hover {
            color: #fff !important;
        }
        
        select,
        .o-lose,
        .o-win,
        .o-draw,
        .fx-logo img,
        .fbheader .home img,
        .fbheader .guest img,
        .fx-title img,
        #newsList li .img img,
        .black-down {
            opacity: 0.8;
        }
        
        .scoretitle td,
        .listtab .stsw td {
            color: #949494;
        }
        
        .Preferences li:hover,
        .leftnav li a:hover,
        .leftnav .select a,
        #showoptional2 li:hover,
        #countryListDiv li:hover,
        #showCompany li:hover,
        .rbl,
        #goalTable tr:hover td {
            background-color: #3a3a3a;
        }
        
        .schedule:hover,
        .collapse:hover,
        .closes:hover,
        .expand:hover {
            background-color: #151515;
        }
        
        #oddsChange,
        [id^="oddsChange_"],
        #panluDiv,
        .livetab,
        .bak_div {
            box-shadow: 0 0 10px #000;
        }

        .match-odds-menu a {
            border: 0;
            background: #333;
        }
        
        #liveCompareDiv .nodata,
        #iframeA .nodata {
            background: #2f2f2f;
        }
        
        .adtext-bg {
            background-color: #403323;
        }
        
        .ad-txt-red,
        a.adtext1 {
            color: #fbd0b4;
            font-weight: bold;
        }
        
        .ad-txt-blue,
        a.adtext2 {
            color: #6cb9fd;
            font-weight: bold;
        }
        
        .adtext-bg2 {
            background-color: #383832 !important;
        }

        .icon-font-set:before {
            content: "";
        }
        
        .icon-font-events-exit:before {
            content: "";
        }
        
        .icon-font-events-enter:before {
            content: "";
        }
        
        .icon-font-events-red:before {
            content: "";
        }
        
        .icon-font-setup:before {
            content: "";
        }
        
        .icon-font-becareful:before {
            content: "";
        }
        
        .icon-font-dialogue:before {
            content: "";
        }
        
        .icon-font-connect:before {
            content: "";
        }
        
        .icon-font-diamonds2:before {
            content: "";
        }
        
        .icon-font-diamonds:before {
            content: "";
        }
        
        .icon-font-doubt:before {
            content: "";
        }
        
        .icon-font-expert:before {
            content: "";
        }
        
        .icon-font-open-on:before {
            content: "";
        }
        
        .icon-font-open-off:before {
            content: "";
        }
        
        .icon-font-picture:before {
            content: "";
        }
        
        .icon-font-opinion:before {
            content: "";
        }
        
        .icon-font-signin:before {
            content: "";
        }
        
        .icon-font-signin2:before {
            content: "";
        }
        
        .icon-font-setup2:before {
            content: "";
        }
        
        .icon-font-mail:before {
            content: "";
        }
        
        .icon-font-more:before {
            content: "";
        }
        
        .icon-font-adduser:before {
            content: "";
        }
        
        .icon-font-return:before {
            content: "";
        }
        
        .icon-font-returnon:before {
            content: "";
        }
        
        .icon-font-proaganda:before {
            content: "";
        }
        
        .icon-font-small-administrators:before {
            content: "";
        }
        
        .icon-font-small-display:before {
            content: "";
        }
        
        .icon-font-small-lock:before {
            content: "";
        }
        
        .icon-font-small-reply:before {
            content: "";
        }
        
        .icon-font-small-document:before {
            content: "";
        }
        
        .icon-font-small-support-on:before {
            content: "";
        }
        
        .icon-font-username:before {
            content: "";
        }
        
        .icon-font-small-support-off:before {
            content: "";
        }
        
        .icon-font-password:before {
            content: "";
        }
        
        .icon-font-choice:before {
            content: "";
        }
        
        .icon-font-homepage-on:before {
            content: "";
        }
        
        .icon-font-homepage-off:before {
            content: "";
        }
        
        .icon-font-change:before {
            content: "";
        }
        
        .icon-font-change_new:before {
            content: "";
        }
        
        .icon-font-top:before {
            content: "";
        }
        
        .icon-font-small-support-off1:before {
            content: "";
        }
        
        .icon-font-small-support-on1:before {
            content: "";
        }
        
        .icon-font-open-off1:before {
            content: "";
        }
        
        .icon-font-open-on1:before {
            content: "";
        }
        
        .icon-font-refresh:before {
            content: "";
        }
        
        .icon-font-basketballclass:before {
            content: "";
        }
        
        .icon-font-class:before {
            content: "";
        }
        
        .icon-font-screen:before {
            content: "";
        }
        
        .icon-font-calendar:before {
            content: "";
        }
        
        .icon-font-search:before {
            content: "";
        }
        
        .icon-font-setup1:before {
            content: "";
        }
        
        .icon-font-lineup:before {
            content: "";
        }
        
        .icon-font-reduce:before {
            content: "";
        }
        
        .icon-font-plus:before {
            content: "";
        }
        
        .langue {
            color: white;
        }
        
        .j-sb {
            justify-content: space-between;
        }
        
        .w-100 {
            width: 100%;
        }
        
        #tools .odds_setting .odds_detail input {
            width: 13px;
            height: 13px;
        }
        
        #tools .odds_setting .odds_detail input:checked {
            background-color: #4361ee !important;
        }
        
        .ads-none {
            display: none;
        }
        
        #i_right {
            display: none;
        }
        
        .analyze-icon:hover:after {
            right: 0;
            left: unset;
        }
        
        .select-only-border-bottom {
            border: none;
            outline: none;
            box-shadow: none;
            appearance: none;
            border-bottom: solid 1px #cccccc;
            text-align: center;
        }
        
        .mgt-16 {
            margin-top: 16px;
        }
        
        
        .style-scroll-4::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #BBBBBB;
        }
        
        .style-scroll-4::-webkit-scrollbar {
            width: 8px;
            background-color: #BBBBBB;
        }
        
        .style-scroll-4::-webkit-scrollbar-thumb {
            background-color: #414141;
            border: 2px solid #BBBBBB;
        }
        
        input#rightSearchInput {
            outline: none;
        }
        
        b.scored-s {
            min-width: 50px;
            display: block;
            font-size: 17px;
            letter-spacing: 2px;
            margin: 0 10px;
        }
        
        .select-company-outer {
            display: inline-block;
            padding: 0 10px;
            position: relative;
        }
        
        .select-company-outer:after {
            /* content: ''; */
            position: absolute;
            width: 1px;
            height: 34px;
            border-left: 1px solid #D4D4D4;
            top: 6px;
            right: 0;
            transform: translateY(-50%);
        }
        
        .select-company-outer::before {
            /* content: ''; */
            position: absolute;
            height: 34px;
            width: 1px;
            border-left: 1px solid #D4D4D4;
            top: 6px;
            left: 0;
            transform: translateY(-50%);
        }

        .select-company-outer::before,
        .select-company-outer::after {
            border-color: #000000;
        }

        td#oddsHead .select-company {
            background-color: transparent !important;
            color: #f2f2f2 !important;
        }

        .box-white {
            background-color: #1a1a1a;
        }

        .status {
            color: #07ADF5;
        }

        .scroll-custom::-webkit-scrollbar-track,
        .select2-results__options::-webkit-scrollbar-track {
            background-color: #414141;

        }

        .scroll-custom::-webkit-scrollbar-thumb,
        .select2-results__options::-webkit-scrollbar-thumb {
            background-color: #9C9C9C;
            border: 2px solid #414141;
        }

        .wrap-slider-1212{
            background: #1A1A1A;
        }
        .header-slide--slide-btn-next, .header-slide--slide-btn-prev{
            background: #3C1205;
        }
        
        .header-slide--slide-btn-next svg, .header-slide--slide-btn-prev svg{
            filter: brightness(0) invert(1);
        
        }
        #match-list-box .selectbox{
            background-color: #070F03;
            color: white;
        }
        
        #match-list-box .selectbox__subtext{
            color: #FFF;
        }
        
        #match-list-box .selectbox__text-content,
        #match-list-box .selectbox__text-content span{
            color: #FFF !important;
        }
        
        #match-list-box  .selectbox__logo-text{
            color: #BBB;
        }
        
        #match-list-box  .selectbox__frame-number{
            color: #FFB800;
        }
        
        .nodatapage .ndpicon {
            background: #353535;
        }
        
        #game-rate .matchDetail .scoring-rate .rateOfScored .fx-c-3 span{
            color: #BBBBBB !important;
        }

        .hot-news-list .hot-news-item .hot-news-btn{
            color: #20BE7F;
        }
        
        #table_live .new-home-tr .odds1.odds-down,
        #table_live .new-home-tr .odds1.odds-up,
        #table_live .new_oddsChangePopup .popup-odds-change .odds-up,
        #table_live .new_oddsChangePopup .popup-odds-change .odds-down{
            color: #fff;
        }

        .not-started{
            color: #FBFBFB;
        }
        .match-started{
            color: #167dc7!important;
        }
        .timeline-item{
            background: #1a1a1a;
            border-color: #20262c #30363c #252525;
        }
        
        .animated-background, .match-load.animated-background{
            background: linear-gradient(to right, #20262c 8%, #30363c 18%, #252525 33%);
        }

        .corner-icon.dark{
            display: inherit;
        }

        A.sb {
            color: #ea8989;
        }

        a.pk {
            color: #4c8cb3;
        }

        .jqSubTitle td {
            background: #546b50;
        }

        .rs_ser_Second {
            background-color: #444;
        }

        .goal_bg {
            background-color: #bb2;
        }

        .tipsNum,
        .tipsNum0 {
            color: rgba(255, 255, 255, 0.6);
        }

        .corner-icon.light{
            display: none;
        }
    }
}

body.dark{
    #scrollIframe{
        .swt {
            background-image: url(../images/CaretDownWhite.svg);
        }
        
        .swt:hover {
            background-image: url(../images/CaretDownWhite.svg);
        }

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

        .Leaguestitle .league-title-rank-icon,
        .team_leaguetitle .league-title-rank-icon {
            background: url(../images/rank-dark.svg?v=1) no-repeat center;
        }
        .sloading {
            background-color: rgba(3, 4, 5, 0.7)
        }
        .sloading .loadngdiv {
            background: rgba(30, 30, 30, 1);
        }

        .sloading .loadngdiv .sloading-title,
        .sloading .loadngdiv .sloading-des {
            color: #FFFFFF;
        }

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

        .oodstable-t,
        .date-table th,
        .gray-bg2,
        .fx-tb-a li .fx-td-data,
        .fx-line,
        .mintopnav a,
        .lo-f2,
        .fx-tb-b h4,
        .fx-tab span,
        .oddsCaption,
        .home-div a span,
        .guest-div a span,
        .Leaguestitle {
            background-color: #333;
        }

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

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

        .Leaguestitle,
        a,
        .sotit,
        A.sb:hover,
        a.pk:hover,
        .team-table-title,
        .team-table-title a,
        .team-table-title2,
        .fx-title .fx-title-vs,
        .team_bf,
        .lr_tit {
            color: #fff;
        }

        .time,
        #tools .odds_setting p,
        .rbl,
        .date-table th,
        .odd-bg1 span,
        .bts span,
        .team-table-other b,
        .stat-title,
        .fx-c-3,
        .oddstitle,
        .oodstable-t {
            color: #999;
        }

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

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

        .rs_ser li a {
            border-bottom: 3px solid transparent;
        }

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

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

        .bts span,
        .win-note,
        .loadngdiv,
        ul.menu,
        .tabsBox,
        .twin,
        .discription span,
        .tvLink ul li a,
        .BtvLink ul li a,
        #div_search {
            border: 1px solid transparent;
        }

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

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

        .date-table {
            border-bottom: 1px solid transparent;
        }

        .date-table {
            border-right: 1px solid transparent;
        }

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

        .menu2 li .on,
        .menu2 li .on:hover {
            background-color: #151515;
        }

        .red,
        .red2,
        .lo-f2,
        .fbheader .row .LName,
        .fbheader .row .LName a,
        .fbheader .row .end .score,
        .sclassLink,
        .zbf{
            color: #E51B00;
        }

        .only-score .odds-title,
        .only-score .otOdds,
        .only-score .ouOdds,
        .only-score .handOdds {
            display: none;
        }

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

        #table_live .tds .hdpstar::before {
            content: "*";
        }

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

        .Leaguestitle .rankicon,
        .team_leaguetitle .rankicon {
            background-image: url(../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;
        }

        a,
        .tvLinkBtn,
        .glove {
            cursor: pointer;
        }

        .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;
        }

        .drainage .linkDesc {
            line-height: 28px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-align: center;
        }

        .drainage .countdown {
            text-align: center;
            margin: 8px 0;
        }

        .drainage #drainageCountDown {
            color: #ff0;
            font-size: 24px;
        }

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

        .drainage_mask {
            position: fixed;
            height: 100%;
            width: 100%;
            z-index: 999;
        }

        .win_lose {
            display: flex;
            justify-content: center;
        }

        .win_lose .o-lose,
        .win_lose .o-win,
        .win_lose .o-draw {
            margin: 0 2px;
        }

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

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

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

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

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

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

        .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;
        }

        #tools.tools {
            overflow: initial;
        }

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

        .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;
        }

        .tools .switch-btn span.on {
            background: var(--white-bg);
            color: var(--primary-color);
            font-weight: bold;
        }

        .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%, 0);
            z-index: 9;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
        }

        .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 auto;
            border-radius: 5px;
            cursor: pointer;
        }

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

        #tools li.on span .icon {
            color: var(--text-white);
        }

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

        #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: none;
            border: 0;
            border-radius: 50%;
            cursor: pointer;
        }

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

        .down3 {
            color: var(--down);
        }

        .up3 {
            color: var(--up);
        }

        .neutraity {
            color: #ff2929;
            font-weight: normal;
        }

        .icon-icon-detail:before {
            background: url(/assets/images/icon-lineup-dark.svg?v=1);
            background-repeat: no-repeat;
        }

        td#oddsHead .select-company:hover {
            background-image: url(../images/CaretDownWhite.svg)
        }

        tr#tr_upper-live-titlez {
            background: #374033;
        }
        
        .td-bdr {
            border-right: 1px solid #070F03;
        }
        
        tr#tr_upper-live-titlez {
            background: #374033;
        }

        #change_233 {
            background: #151515;
            color: white;
        }
        
        .menu-search svg {
            filter: brightness(100);
        }
        
        .right-bf::before {
            background: #414141;
        }
        
        .LGname {
            color: #D4D4D4;
        }

        .tools .switch-view-btn {
            background: #1B1D1A;
        }
        
        .tools .switch-view-btn span {
            color: white;
        }
        
        #info.database .area-tab ul li {
            background-color: #151515 !important;
        }
        
        .Leaguestitle.isLeaTop {
            background-color: #030405 !important;
        }
        
        #min .tools ul li {
            border: 1px solid #2E352A;
        }
        .tools .switch-view-btn {
            background: #1B1D1A;
        }
        
        .tools .switch-view-btn span {
            color: white;
        }
        
        #info.database .area-tab ul li {
            background-color: #151515 !important;
        }
        
        
        
        .Leaguestitle.isLeaTop {
            background-color: #030405 !important;
        }
        
        #min .tools ul li {
            border: 1px solid #2E352A;
        }

        .oddschanges .oddschanges-bg1 .down::before,
        .oddschanges .oddschanges-bg1 .down_green::before {
            background-color: var(--bg-odds-arrow-down-dark);
        }

        .oddschanges .oddschanges-bg1 .up::before,
        .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);
        }
    }
}

body{
    #scrollIframe{
        .box-league .lr_tit{
            color: #414141;
        }
        .box-league .lr_tit{
            border-bottom: 0 !important;
        }
        .bsiderbar-left{
            background-color: initial !important;
        }
        .box-league>.lr_tit{
            color: #070F03;
            text-transform: uppercase;
        
        }
    }
}

/*
.odds1 {
    color: #800;
}

.odds2 {
    color: #222;
}

.odds3 {
    color: #00b;
} */

@keyframes loading {
0% {
    background-color: #e0e0e0;
}
50% {
    background-color: #c0c0c0;
}
100% {
    background-color: #e0e0e0;
}
}

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

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

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

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

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

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

@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;
        }
    }
}

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

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@media only screen and (max-width: 1024px) {
    #scrollIframe{
        .sloading .loadngdiv {
            left: calc(50% + 87px);
            transform: translate(calc(-50% - 43.5px), -50%);
            max-width: 288px;
        }
        .sloading .loadngdiv .sloading-title {
            font-size: 16px;
            font-weight: 700;
            line-height: 20.8px;
        }
    
        .sloading .loadngdiv .sloading-des {
            font-size: 12px;
            font-weight: 400;
            line-height: 15.6px;
        }
        .seo-text-h1 {
            position: relative;
            margin-top: 0;
            text-align: center
        }
    }
}

@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");
}

@media print {

    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}

@font-face {
    font-family: "iconfont";
    src: url(../fonts/iconfont.woff2) format("woff2"),
        url(../fonts/iconfont.woff) format("woff"),
        url(../fonts/iconfont.ttf) format("truetype");
}


@media only screen and (max-width: 1024px) {
    #scrollIframe{
        #info.database{
            margin-top: 0 !important;
        }
        .odds-name-cst{
            font-size: 12px !important;
            font-weight: normal !important;
        }
        .schedule-icon-detail .icon-icon-detail:before{
            width: 14px !important;
        }
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 1024px) {
    body#soccer{
        #scrollIframe{
            .matchDetail .all-block-content .w-section.w-section-show .scoring-rate.section-f {
                margin-top: 10px !important;
            }
            .matchDetail .all-block-content .w-section.w-section-show {
                margin-bottom: 10px !important;
            }
        }
    }
}


@media only screen and (max-width: 1024px) {
    #scrollIframe{
        #info #i_main .team-head .follow_btn i:before, #info #i_main2 .team-head .follow_btn i:before{
            width: 14px !important;
            height: 14px !important;
            top: 5px !important;
        }
    }
}

@keyframes shake-scale {
    0% { transform: translateX(0) scale(1); }
    10% { transform: translateX(-3px) scale(1.1); }
    20% { transform: translateX(3px) scale(1.1); }
    30% { transform: translateX(-3px) scale(1.1); }
    40% { transform: translateX(3px) scale(1.1); }
    50% { transform: translateX(-3px) scale(1.1); }
    60% { transform: translateX(3px) scale(1.1); }
    70% { transform: translateX(-3px) scale(1.1); }
    80% { transform: translateX(3px) scale(1.1); }
    90% { transform: translateX(-3px) scale(1.1); }
    100% { transform: translateX(0) scale(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) {
    #scrollIframe{
        #main .idx-favorite.home-page-mobile,
        #homepage.home-page-mobile {
            width: auto !important;
            min-width: unset !important;
        }
        #main .home-page-left .leftnav li a {
            width: unset !important;
        }
    
        #left.home-page-left {
            width: auto !important;
        }
    
        #main.main-home-page-mobile {
            width: calc(100% - 20px) !important;
        }
        .main-content {
            .crumbs {
                width: 100%;
            }
    
            #homepage {
                width: 100%;
            }
        }
        #homepage .crumbs-mobile,
        #main .idx-favorite .crumbs-mobile{
            width: auto !important;
            padding: 0 10px;
        }
    
        .home-page-right-desktop {
            display: none;
        }
    
        .home-page-right-mobile {
            display: block;
        }
        .home-page-right-mobile .hot-news-item{
            padding: 10px
        }
        .home-page-right-mobile .lr_tit{
            padding: 10px;
        }
        .footer-container-mobile{
            width: unset !important;
        }
    
        #soccer {
            width: 100vw;
            /*overflow: hidden;*/
        }
    
        .top-tools-c {
            width: 100%;
        }
    
        .top-tools-left {
            float: none;
            gap: 17px;
            justify-content: center;
            padding: 0 30px;
        }
    
        #header-wrapper #top .top {
            width: auto;
            padding: 10px 8px;
        }
    
        #newtop #menu {
            justify-content: space-around;
            width: calc(100% - 20px) !important;
            margin-right: auto;
            margin-left: auto;
        }
    
        #newtop #menu li {
            width: 140px;
            height: auto;
        }
    
        #newtop #menu li a {
            font-size: 12px;
            max-width: 85px;
        }
    
        #newtop #menu li img {
            width: 30px;
        }
    }
}

@media (max-width: 1024px) {
    #scrollIframe{
        .search-area-mobile{
            display: flex;
            gap: 10px;
            justify-content: space-between;
        }
        .menu-search-mobile #change_233 {
            margin-bottom: unset !important;
            height: 30px !important;
            width: 100% !important;
            padding-left: 10px !important;
            box-sizing: border-box;
        }
    
        #container #info .search-area-mobile .select__menu{
            width: 100% !important;
        }
        .search-area-mobile .filterLi2.xz {
            width: 100% !important;
            min-width: 139px;
            flex: unset !important;
        }
    
        .menu-search-mobile {
            width: 100%;
            position: relative;
            height: 30px;
            min-width: 139px;
        }
    
        .menu-search-mobile svg {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
        }

        .search-area-mobile #change_233:focus {
            background-color: white !important;
        }

        .search-area-mobile #info.database {
            margin-top: -6px;
        }
    
    }

    .dark{
        #scrollIframe{
            .menu-search-mobile svg {
                filter: brightness(100);
            }
        }
    }

    body.dark{
        #scrollIframe{
            .search-area-mobile #change_233:focus {
                background-color: #151515 !important;
            }
        }
    }
}