:root {
    --white: #fff;
    --gray3: #f9f9f9;
    --gray5: #f5f5f5;
    --gray10: #f0f0f0;
    --gray20: #eaeaea;
    --gray30: #e5e5e5;
    --gray40: #dadada;
    --gray45: #d0d0d0;
    --gray50: #999;
    --gray60: #666;
    --gray65: #555;
    --gray70: #444;
    --gray80: #333;
    --gray90: #222;
    --gray95: #151515;
    --black: #000;
    --black85: rgba(0, 0, 0, 0.85);
    --black60: rgba(0, 0, 0, 0.6);
    --black50: rgba(0, 0, 0, 0.5);
    --black40: rgba(0, 0, 0, 0.4);
    --black30: rgba(0, 0, 0, 0.3);
    --black20: rgba(0, 0, 0, 0.2);
    --black15: rgba(0, 0, 0, 0.15);
    --black05: rgba(0, 0, 0, 0.05);
    --white85: rgba(255, 255, 255, 0.85);
    --white70: rgba(255, 255, 255, 0.7);
    --white60: rgba(255, 255, 255, 0.6);
    --white45: rgba(255, 255, 255, 0.45);
    --white30: rgba(255, 255, 255, 0.3);
    --white20: rgba(255, 255, 255, 0.2);
    --white10: rgba(255, 255, 255, 0.1);
    --primary-color: #397f19;
    --second-color: #43951e;
    --thirdly-color: #f60;
    --red20: #ec7979;
    --red40: #d64444;
    --red60: #be0000;
    --blue10: #e7eef8;
    --blue40: #0076e3;
    --blue60: #0057a6;
    --green40: #0d9f1c;
    --yellow20: #fffae0;
    --yellow30: #fff6d1;
    --yellow60: #ffc700;
    --redbg: #ffe8e8;
    --greenbg: #e5ffd9;
    --goalbg: #ffe99c;
    --home_team: #de682f;
    --away_team: #2495da;
    --table_header: var(--gray10);
    --table_highlight: var(--gray5);
    --down: red;
    --up: green;
    --body-bg: var(--gray30);
    --footer-bg: var(--gray65);
    --white-bg: var(--white);
    --bgcolor-1: var(--white);
    --bgcolor-2: var(--gray5);
    --bgcolor-3: var(--gray30);
    --bgcolor-4: var(--gray40);
    --text-white: var(--white);
    --textcolor-1: var(--gray90);
    --textcolor-2: var(--gray60);
    --textcolor-3: var(--gray50);
    --textcolor-4: var(--gray40);
    --border-1: var(--white);
    --border-2: var(--gray10);
    --border-3: var(--gray30);
    --border-4: var(--gray45);
}

.dark {
    --red40: #de5b5c;
    --red60: #d64c3e;
    --blue10: #223240;
    --blue20: #224c73;
    --blue60: #3a8ad4;
    --yellow20: #3a362f;
    --yellow30: #4e473b;
    --redbg: #4e1c1c;
    --greenbg: #2c4e1c;
    --goalbg: #765e00;
    --table_header: var(--gray80);
    --table_highlight: var(--gray80);
    --body-bg: var(--gray95);
    --footer-bg: var(--gray90);
    --bgcolor-1: var(--gray90);
    --bgcolor-2: var(--gray80);
    --bgcolor-3: var(--gray70);
    --bgcolor-4: var(--gray70);
    --bg-highlight-1: #2c2818;
    --bg-highlight-2: #332f1f;
    --textcolor-1: var(--white);
    --textcolor-2: var(--gray50);
    --textcolor-3: var(--gray50);
    --textcolor-4: var(--gray60);
    --border-2: var(--gray80);
    --border-3: var(--gray70);
    --border-4: var(--gray70);
}

.f-white,
.menu2 li a,
.on-bg-color {
    color: #fff;
}

/*
.odds1 {
    color: #800;
}

.odds2 {
    color: #222;
}

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

#div_goal {
    display: none !important;
}

#table_live .odds1.resultColor,
#table_live .odds2.resultColor,
.odds2 > span.down,
.odds-bg.odds-normal > span.down {
    background-color: #FFDBD8 !important;
    color: #282828;
    position: relative;
}

.dark #table_live .odds1.resultColor,
.dark #table_live .odds2.resultColor,
.dark .odds2 > span.down,
.dark .odds-bg.odds-normal > span.down {
    background-color: #5B2526 !important;
    color: #fff !important;
}

#table_live .odds1.resultColor::after,
#table_live .odds2.resultColor::after,
.odds-bg.odds-normal > span.down::after,
.odds2 > span.down::after,
body .oddschanges .oddschanges-bg1 .down::before,
body .oddschanges .oddschanges-bg1 .down_green::before {
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/assets/images/icon-alt-down-v2.svg?v=5);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -3px;
    right: -3px;
    /* background-repeat: no-repeat !important; */
    background-color: #6C0708;
    border-radius: 50%;
    overflow: hidden;
}

.dark #table_live .odds1.resultColor::after,
.dark .odds-bg.odds-normal > span.down::after,
.dark .odds2 > span::after,
.dark #table_live .odds2.resultColor::after,
body.dark .oddschanges .oddschanges-bg1 .down::before,
body.dark .oddschanges .oddschanges-bg1 .down_green::before {
    background-image: url(/assets/images/icon-alt-down-dark-v2.svg?v=5);
    background-color: #BD0D0D;
}

.dark #table_live .odds3.resultColor,
.dark .odds-bg.odds-normal > span.up,
.dark .odds2 > span.up {
    background-color: #224C3B !important;
    color: #fff !important;
}

#table_live .odds3.resultColor,
.odds-bg.odds-normal > span.up,
.odds2 > span.up {
    background-color: #C9FFE9 !important;
    color: #282828;
    position: relative;
}

#table_live .odds3.resultColor::after,
.odds-bg.odds-normal > span.up::after,
.odds2 > span.up::after,
body .oddschanges .oddschanges-bg1 .up::before,
body .oddschanges .oddschanges-bg1 .up_red::before {
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/assets/images/icon-alt-up-v2.svg?v=5);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -3px;
    right: -3px;
    /* background-repeat: no-repeat !important; */
    background-color: #2A795A;
    border-radius: 50%;
    overflow: hidden;
}

.dark #table_live .odds3.resultColor::after,
.dark .odds-bg.odds-normal > span.up::after,
.dark .odds2 > span.up::after,
body.dark .oddschanges .oddschanges-bg1 .up::before,
body.dark .oddschanges .oddschanges-bg1 .up_red::before {
    background-image: url(/assets/images/icon-alt-up-v2.svg?v=5);
    background-color: #009257;
}

/* .dark .odds1 {
    color: #dc4232;
}

.dark .odds2 {
    color: #e5e5e5;
}

.dark .odds3 {
    color: #7aa4e2;
} */

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

.green {
    color: #1a1;
}

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

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

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

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

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

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

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

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

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

.change_yellow {
    background-color: #ffefd8;
}

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

.up_red {
    background-color: #e4f5cb;
}

.dark .up_red {
    background-color: #466b10;
}

.down_green {
    background-color: #fad2c9;
}

.dark .down_green {
    background-color: #8c4332;
}

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

.dark .oddschanges .odd-bg1 {
    /* background-color: #353e30; */
    color: #adadad;
}

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

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

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

.jqTitle {
    color: #fff;
}

.green-bg {
    background-color: #eff5ee;
}

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

.dark #oddsChange,
.dark .white-bg2,
.dark .livetab,
.dark #panluDiv,
.dark #showoptional2,
.dark #showFilterBox,
.dark #showCountry,
.dark #showoptional,
.dark #showCompany,
.dark .bak_div {
    background-color: #444;
}

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

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

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

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

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

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

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

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

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

.dark .oods-c-bg1,
.dark .up {
    background-color: rgba(30, 97, 46, 0.5);
    color: #ffffffba;
}

.dark .oods-c-bg2,
.dark .down {
    background-color: rgba(142, 60, 100, 0.5);
    color: #ffffffba;
}

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

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

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

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

.dark .oddschanges {
    /* background-color: #333 !important; */
}

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

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

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

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

.dark .hightlight-bg {
    background-color: #333;
}

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

.handOdds {
    text-align: right;
}

.dark .otOdds,
.dark .ouOdds,
.dark .handOdds {
    background-color: #1a1a1a !important;
}

.Preferences2 {
    background-color: #d1e6cc;
}

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

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

.dark #hiddencount {
    color: #e51b00 !important;
}

#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;
    box-sizing: border-box;
}

.mcontent {
    width: 1208px;
    margin: 0 auto 0px auto;
    /* min-height: 700px; */
}

#basketball .main-content{
    min-height: 700px;
}

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

.lr_tit.slideBtn {
    display: flex;
    padding-right: 0px;
    justify-content: space-between;
}

.slideBtn.on .hide-show-btn {
    transform: rotate(-90deg);
}

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

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

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

body.dark .swt:hover {
    background-image: url(../images/CaretDownWhite.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;
}

.lr_tit {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px;
    text-transform: uppercase;
}

.lr_tit.on.o2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hide-show-btn {
    cursor: pointer;
    transition: 0.175s all linear;
}

.hide-ul .hide-show-btn {
    transform: rotate(-90deg);
}

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

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

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

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

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

.dark #mintable .tds:hover td {
    background-color: #333;
}

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

/* .dark #mintable .Leaguestitle td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
} */

.handpoint {
    cursor: pointer;
}

.f-b {
    font-weight: bold;
}

.status {
    color: #06f;
}

.dark .status {
    color: #3778da;
}

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

.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;
    margin: auto !important;
}

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

.dark A.sb {
    color: #ea8989;
}

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

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

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: 55px;
    top: 29px;
    z-index: 5;
    visibility: hidden;
}

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

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

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

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

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

.dark .bts .LQent:hover,
.dark .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;
}

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

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

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

.dark .oddstable .oddsCaption {
    background-color: #444;
}

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

.dark .oddschanges .more {
    /* background-color: #282828; */
}

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

.dark #main2 {
    background-color: #282828;
}

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

.dark .bg1 {
    background-color: #282828 !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;
}

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

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

.dark .popup-container .popup-content {
    background-color: #2f2f2f;
}

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

.dark .popup-container2 .popup-content2 {
    background-color: #2f2f2f;
}

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

.dark #mScore {
    color: #de5b5c;
}

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

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

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

.dark #main #left .leftnav li a {
    color: #d3d3d3;
}

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

/*#basketball #main #left {*/
/*    min-height: 1520px;*/
/*}*/

#main #min {
    width: 710px;
}

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

.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: 0.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 {
    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,
.dark #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;
}

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

#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: 10px;
    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;
}

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

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

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

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

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

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

.dark #calendar .datelayer_td-sel,
.dark #calendar .datelayer_td-sel:hover {
    background: #ffd842;
    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;
}

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

body #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;
}

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

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

.dark .off .ef-radio-style {
    background-color: #666;
    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;
}

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

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

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

.dark .no-data {
    background: #151515;
    color: #fff;
}

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

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

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

.dark .closes:before {
    background-color: #fff;
    opacity: 0.6;
}

.dark .closes:before,
.dark .expand:before {
    opacity: 0.6;
}

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

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

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

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

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,
.dark .collapse:hover,
.dark .closes:hover,
.dark .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;
}

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

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

.neutral_info:hover:after {
    top: 18px;
}

.dark .add-info:hover:after,
.dark .add-info2:hover:after,
.dark .add-info-l:hover:after,
.dark .add-info-l2:hover:after,
.dark .add-info-t:hover:after,
.dark .add-info-t2:hover:after,
.dark .analyze-icon:hover:after,
.dark .matchdata-icon:hover:after,
.dark .closedata-icon:hover:after,
.dark .odds-icon:hover:after,
.dark .Detail-icon:hover:after,
.dark .close-info:hover:after,
.dark .odds-icon1x2:hover:after,
.dark .Detail-basketball-icon:hover:after,
.dark .hidden-info:hover:after,
.dark .display-info:hover:after,
.dark .threeinone-icon:hover:after,
.dark .x12-icon:hover:after,
.allno:hover:after,
.dark .rankicon:hover:after,
.dark .highlight-icon:hover:after,
.dark .neutral_info:hover:after,
.dark .bkflash-icon:hover:after {
    background-color: #111;
}

.neutral_info:hover:after {
    content: "Neutral Locatio";
}

.add-info:hover:after {
    content: "Add this game to My Games!";
}

.add-info2:hover:after {
    content: "Remove this game!";
}

.add-info-l:hover:after {
    content: "Add this league to My Leagues!";
}

.add-info-l2:hover:after {
    content: "Remove this league!";
}

.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: "Hide all matches of this league";
}

.display-info:hover:after {
    content: "Display all matches of this league";
}

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

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

.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: 28px;
    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;
}

/* #mintable .isLeaTop td {
    border-bottom: 1px solid #e2ded7;
} */

/* .dark #mintable .isLeaTop td {
    border-bottom: 1px solid #4e4836;
} */

.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: 6px 0;
}

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

.rs_ser {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
}

#baseball .rs_ser {
    margin-top: 0px;
    margin-bottom: 0px;
    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: #d3d3d3; */
}

.rs_ser .nks:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: var(--new-color-time-gi, #36aa7c);
    position: absolute;
    bottom: 0;
    left: 0;
}

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

.dark .rs_ser_Second {
    background-color: #444;
}

.rs_ser_Second li {
    float: left;
    margin-bottom: 10px;
}

.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 {
    text-decoration: none;
}

.dark .rs_ser_Second .nks a,
.dark .rs_ser_Second .nks a:hover {
    /* background-color: #333; */
}

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

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

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

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

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

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

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

.dark #bottom {
    background-color: #282828;
}

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

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

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

.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;
    font-size: 12px;
}

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

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

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

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

.dark #free-tools li {
    border: solid 1px #444;
}

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

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

#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%);
}

.dark td.oddstd.c9::after {
    background: #414141;
}

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

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

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

.dark .closebtn.v2 {
    border: none;
}

.dark .closebtn {
    border: 1px solid #717171;
}

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

.dark .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.gif);
    width: 3px;
    height: 8px;
}

.dark .odds-table-bg .in-gif {
    display: inline-block;
    background: url(../images/in_white.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;
}

.passwordBox input {
    width: 145px;
    height: 20px;
}

.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: 0.175s all linear;
    border: 1px solid transparent;
}

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

.signupButton {
    background-color: #bf3e16;
    color: #ffffff;
    transition: 0.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.grayBG {
    background: #999;
    border-color: #999 !important;
}

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

.sdss {
    background-color: #e5e5e5;
}

.sdss:hover {
    background-color: #dadada;
}

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

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

* {
    -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: rgb(0 0 0/40%);
    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;
}

.dark .to-1 {
    color: #999;
}

.dark .to-2 {
    color: #e5e5e5;
}

.dark .timeco {
    color: #888;
}

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

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

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

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

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

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

#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 a.off {
    color: #307b06;
    font-weight: 600;
    margin: 0 5px;
    flex: 0 0 auto;
}

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

.dark .crumbs h1 {
    color: #ffffff !important;
}

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

.dark .hbg-td1,
.dark .isLeaTop,
.dark .oddate {
    background-color: #726531 !important;
}

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

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

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

body {
    background-color: #e5e5e5;
    color: #222;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* body #table_live tr td a {
    font-weight: normal !important;
} */

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

body .rs_ser li a {
    border-bottom: 1px solid #005030;
}

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

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

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

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

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

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

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

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

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

body .red,
body .red2 {
    color: #070f03 !important;
    /* background-color: var(--menu-active-color) !important; */
}

body#baseball .red,
body#baseball .red2 {
    color: #070f03 !important;
    background-color: #FFFFFF !important;;
}

body#baseball.dark .red,
body#baseball.dark .red2 {
    color: #ffffff !important;
    background-color: #1a1a1a !important;;
}

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

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

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

body #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;
}

body .Leaguestitle .rankicon,
body .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: 0.175s all linear;
}

/* body .Leaguestitle .rankicon:hover,
body .team_leaguetitle .rankicon:hover {
    background: url(../images/rank_blue.svg) no-repeat center;
} */

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

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

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

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

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

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

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

body.dark .sloading {
    background-color: rgba(3, 4, 5, 0.7);
}

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

body .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.1);
    border: unset !important;
}

body.dark .sloading .loadngdiv {
    background: rgba(30, 30, 30, 1);
}

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

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

body.dark .sloading .loadngdiv .sloading-title,
body.dark .sloading .loadngdiv .sloading-des {
    color: #ffffff;
}

@media only screen and (max-width: 1000px) {
    body .sloading .loadngdiv {
        left: calc(50% + 87px);
        transform: translate(calc(-50% - 43.5px), -50%);
        max-width: 288px;
    }
    body .sloading .loadngdiv .sloading-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20.8px;
    }

    body .sloading .loadngdiv .sloading-des {
        font-size: 12px;
        font-weight: 400;
        line-height: 15.6px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #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;
}

body #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;
}

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

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

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

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

body.dark {
    background-color: #151515;
    color: #fff;
}

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

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

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

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

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

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

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

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

body.dark .rs_ser li a {
    border-bottom: 1px solid transparent;
}

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

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

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

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

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

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

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

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

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

body.dark .red,
body.dark .lo-f2,
body.dark .fbheader .row .LName,
body.dark .fbheader .row .LName a,
body.dark .fbheader .row .end .score,
body.dark .sclassLink,
body.dark .zbf,
.dark .idx-hompage td.score-color b,
.dark .handpoint > div > b {
    color: #10e18d !important;
}

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

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

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

body.dark #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;
}

body.dark .Leaguestitle .rankicon,
body.dark .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;
}

/* body.dark .Leaguestitle .rankicon:hover,
body.dark .team_leaguetitle .rankicon:hover {
    background-image: url(../images/rank_white.svg);
} */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.dark #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;
}

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

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

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

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

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

body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 1060px;
}

div,
h1,
h2,
h3,
h4,
p,
form,
input,
textarea,
img,
span {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li {
    vertical-align: bottom;
}

img {
    border-width: 0;
}

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

.dark .fbsclass:hover {
    color: #fff;
    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);
}

dark .nolink {
    color: #fff !important;
}

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

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

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

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

.dark .sbtn2:after {
    border-top-color: #fff;
}

#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.active {
    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;
}

.dark .menu2 li .on,
.dark .menu2 li .on:hover {
    color: #fff !important;
}

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

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

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

.dark .schedule:hover,
.dark .collapse:hover,
.dark .closes:hover,
.dark .expand:hover {
    background-color: #151515;
}

#oddsChange,
#panluDiv,
.livetab,
.bak_div {
    box-shadow: 0 0 10px #666;
}

.dark #oddsChange,
.dark #panluDiv,
.dark .livetab,
.dark .bak_div {
    box-shadow: 0 0 10px #000;
}

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

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

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

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

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

.dark .adtext-bg {
    background-color: #403323;
}

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

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

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

.dark .ad-txt-blue,
.dark a.adtext2 {
    color: #6cb9fd;
    font-weight: bold;
}

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

.dark .adtext-bg2 {
    background-color: #383832 !important;
}

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

.Leaguestitle td {
    line-height: 28px;
}

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

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

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

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

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

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

.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/favorite.svg?v=2);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body.dark .icon-font-collect-off:before {
    /* background-image: url(../images/favorite-dark.svg?v=2); */
}

.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: 44px;
    height: 45px;
}

.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/favorite_active.svg?v=2);
    background-size: contain;
    background-repeat: no-repeat;
    width: 34px;
    height: 25px;
    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);
}

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

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



#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%);
}

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

body .tools .switch-view-btn {
    background: var(--white-bg);
    /* height: 30px; */
    padding: 1px 3px;
    border-radius: 20px;
    /* width: 150px; */
    display: flex;
    position: relative;
}

body .tools .switch-view-btn span.on {
    background: var(--primary-color);
    color: var(--text-white);
}

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

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

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

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

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

.dark tr#tr_upper-live-titlez {
    background: #374033;
}

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

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

.dark .td-bdr {
    border-right: 1px solid #070f03;
}

.dark tr#tr_upper-live-titlez {
    background: #374033;
}

body.dark .tools .switch-view-btn {
    background: #1b1d1a;
}

body.dark .tools .switch-view-btn span {
    color: white;
}

.idx-resultpage .status-time-sched {
    display: none;
}

#favourite .status-time-sched,
#favourite .status-time-match,
.idx-resultpage .status-time-match {
    display: table-cell !important;
}

.idx-hompage .tvLinkBtn,
.idx-resultpage .tvLinkBtn,
#favourite .tvLinkBtn,
.idx-hompage #tr_upper-live-titlez .status-time-match,
#favourite #tr_upper-live-titlez .status-time-match {
    display: none;
}

#favourite .isLeaTop{
    background-color: inherit !important;
}

.dark #favourite .isLeaTop{
    background-color: #726531 !important;
}

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

body.dark #info.database .area-tab ul li {
    background-color: #151515 !important;
}

.dark #change_233 {
    background: #151515;
    color: white;
}

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

#change_233:focus {
    background-color: transparent !important;
}

#soccer .mcontent .oddstd p:nth-child(2) {
    display: none;
}

#soccer #favourite.mcontent .oddstd p:nth-child(2) {
    display: initial;
}

#soccer .mcontent .oddstd .oddstd-ah p:nth-child(2) {
    display: initial;
}

.w-140 {
    width: 139px;
    min-width: 139px;
}

.w-150 {
    width: 150px;
    min-width: 150px;
}

.w-160 {
    width: 159px;
    min-width: 159px;
}

.w-70 {
    width: 70px;
}

.w-44 {
    width: 43px;
    min-width: 43px;
}

.w-50 {
    width: 50px;
    min-width: 50px;
}

.w-51 {
    width: 46px;
    min-width: 46px;
}

.w-55 {
    width: 55px;
    min-width: 55px;
}

.w-34 {
    width: 33px;
    min-width: 33px;
}

.w-260 {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}

.w-268 {
    width: 267px;
    min-width: 267px;
    max-width: 267px;
}

.w-70 {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}

.w-85 {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
}

.w-120 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.w-124 {
    width: 124px;
    min-width: 124px;
    max-width: 124px;
}

.w-140 {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.w-141 {
    width: 141px;
    min-width: 141px;
    max-width: 141px;
}

.w-122 {
    width: 122px;
    min-width: 122px;
    max-width: 122px;
}

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

.dark .right-bf::before {
    background: #414141;
}

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

.dark .LGname {
    color: #d4d4d4;
}

/* .odds-empty {
    opacity: 0 !important;
} */

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

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

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

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

/* body #table_live tr.tds.fst td {
    border-top: none !important;
} */
.dark .status {
    color: #07adf5;
}

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

/* #min .tools ul li.on {
    border-color: #005030;
}
body.dark #min .tools li.on {
    border-color: #10E18D;
} */
body.dark .Leaguestitle.isLeaTop {
    background-color: #030405 !important;
}

.ov.page-text-live {
    max-height: 235px;
    height: 235px;
}

/*
#oddsChange {
    padding: 0px !important;
    visibility: initial !important;
} */

#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: unset;
    right: 0;
}

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

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

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

.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;
}
body.dark #min .tools ul li {
    border: 1px solid #2e352a !important;
}
.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;
}
.dark .wrap-slider-1212 {
    background: #1a1a1a;
}
.dark .header-slide--slide-btn-next {
    background: #3c1205;
}

.dark .header-slide--slide-btn-next svg {
    filter: brightness(0) invert(1);
}
.dark #match-list-box .selectbox {
    background-color: #070f03;
    color: white;
}

.dark #match-list-box .selectbox__subtext {
    color: #fff;
}

.dark #match-list-box .selectbox__text-content,
.dark #match-list-box .selectbox__text-content span {
    color: #fff !important;
}

.dark #match-list-box .selectbox__logo-text {
    color: #bbb;
}

.dark #match-list-box .selectbox__frame-number {
    color: #ffb800;
}

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

.dark .nodatapage .ndpicon {
    background: #353535;
}

body.dark .Leaguestitle td {
    border-color: transparent !important;
}

body.dark .r-line {
    border-color: #343434 !important;
}

body.dark #main #left .lrdiv,
body.dark #main #right .lrdiv {
    background-color: #1a1a1a !important;
}

body.dark #div_standings table tbody tr td {
    color: #d3d3d3;
}

body.dark #div_standings table tbody tr.stsw td {
    color: white;
    font-weight: 500;
}

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


#baseball .dark .rs_ser_Second .nks a{
    color: white;
    font-weight: 600;
}


#baseball.dark #nbaleague_plane #baseball_0 #baseball_0_0 table tbody .stsw > td{
    color: white;
}

#baseball.dark #nbaleague_plane #baseball_0 #baseball_0_0 table tbody tr:nth-child(odd){
    background-color: #2f2f2f;
}