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

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

.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: #ffff81
}

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

.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,.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: #c8fda280;
    color: #000000ba
}

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

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

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

.dark .oods-c-bg2,.dark .down {
    background-color: #8e3c6480;
    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(./assets/images/redDown.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: red
}

.up2 {
    background: url(./assets/images/greenUp.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: green
}

.resultColor,.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: #3a362f
}

.Preferences2 {
    background-color: #d1e6cc
}

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

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

#topAdDiv img {
    max-width: 100%
}

#ad_middle_3 {
    display: flex;
    gap: 3px
}

#ad_middle_2 a img,#ad_middle_3 a img {
    padding: 1px 0
}

.mcontent {
    width: 1060px;
    margin: 0 auto 10px;
    min-height: 700px
}

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

#main {
    width: 1060px;
    clear: both;
    margin: 0 auto;
    padding: 0 0 6px
}

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

.Preferences {
    padding: 6px 0
}

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

.Preferences li:hover {
    border-radius: 3px
}

.slideBtn {
    position: relative;
    cursor: pointer
}

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

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

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

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

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

.lr_tit {
    font-weight: 700;
    display: block;
    line-height: 35px;
    font-size: 14px;
    padding-left: 5px
}

#left {
    width: 155px;
    float: left;
    margin-right: 10px
}

.leftnav {
    padding: 5px 0
}

.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 {
    background: #ffeece;
    text-decoration: none;
    border-radius: 3px;
    color: #ad6212
}

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

#min {
    float: left;
    width: 660px
}

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: 400;
    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: 36px
}

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

#mintable #table_live .scoretitle td,.odds1,.odds2,.odds3 {
    white-space: nowrap
}

.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,.1)!important
}

.handpoint {
    cursor: pointer
}

.f-b {
    font-weight: 700
}

.status {
    color: #06f
}

.dark .status {
    color: #3778da
}

.b3 {
    background-color: #eef
}

.b4 {
    background-color: #eee
}

.l1 {
    float: left;
    margin-left: 2px
}

.l1 a {
    font-weight: 700
}

.l1 .nolink {
    font-weight: 700;
    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: 700
}

.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: 155px;
    float: left;
    margin-left: 10px
}

.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 {
    min-width: 40px;
    line-height: 16px;
    display: block
}

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

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

A.sb:hover {
    font-weight: 700
}

.dark A.sb {
    color: #ea8989!important
}

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

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

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

.p2 {
    color: #999
}

#showoptional2 h1,#showoptional h1,#showCompany h1,#showCountry h1,#showFilterBox h1 {
    float: left;
    font-size: 11px;
    font-weight: 700;
    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;
    display: inline-block;
    width: 90%;
    cursor: pointer
}

#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: 700
}

.rbl {
    text-align: center;
    font-weight: 700;
    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: 700;
    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: 700;
    line-height: 26px;
    text-align: center
}

.oddschanges td {
    line-height: 24px;
    text-align: center
}

.oddschanges .odd-teamname .sup {
    font-size: 12px;
    color: #9f0000;
    -webkit-transform: scale(.89);
    transform: scale(.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: 700
}

.oddschanges .more {
    text-align: center;
    background-color: var(--gray3)
}

.oddschanges .more span {
    font-weight: 700;
    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: 700
}

#teamid .sl {
    text-align: left
}

#teamid .sr {
    text-align: right
}

#teamid .underLine a {
    text-decoration: underline!important
}

#main2 {
    background-color: #fff;
    clear: both;
    margin: 4px auto 0;
    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
}

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

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

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

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

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

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

.popup-overlay {
    background-color: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.popup-overlay-again {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .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(./assets/images/close.gif) no-repeat;
    width: 20px;
    height: 20px
}

.popup-container .popup-titlebar .Pclose:hover {
    background: url(./assets/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(./assets/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(./assets/images/close.gif) no-repeat;
    width: 20px;
    height: 20px
}

.popup-container2 .popup-titlebar2 .Pclose:hover {
    background: url(./assets/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(./assets/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: 700;
    line-height: 30px
}

.dark #mScore {
    color: #de5b5c
}

.expLine {
    text-align: center
}

#main #left .lrdiv {
    width: 135px
}

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

.input_text {
    border: 0;
    font-size: 12px;
    width: 100%;
    background: url(../assets/images/f.png) no-repeat 8px;
    border-radius: 2px;
    padding: 5px 0 5px 30px
}

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

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

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

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

#main .adclass {
    text-align: center
}

#main #right .adclass {
    margin-bottom: 5px
}

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

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

#main #left .leftnav li a {
    width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#div_survey {
    z-index: 1
}

#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: 400;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-style: none;
    cursor: pointer;
    font-size: 30px;
    font-family: Arial;
    line-height: 30px
}

.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: 700;
    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: 700;
    line-height: 40px
}

#newtop {
    width: 1060px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

#menu {
    padding: 2px;
    position: absolute;
    top: -50px;
    left: 200px;
    z-index: 1;
    margin-left: 10px
}

#menu li {
    float: left;
    margin-right: 8px
}

#menu li a {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin-right: 5px;
    padding: 0 10px;
    opacity: .75;
    position: relative
}

#menu li a:hover {
    text-decoration: none;
    border-radius: 3px;
    opacity: 1
}

#menu .tab_on {
    font-weight: 700;
    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(./assets/images/soccer.png)
}

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

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

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

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

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

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

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

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

#balls i {
    background-image: url(./assets/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;
    height: 35px;
    line-height: 35px;
    border-top: 0;
    overflow: hidden;
    border-radius: 3px 3px 0 0
}

.menu2 li {
    position: relative;
    float: left;
    width: 12.4%
}

.menu2 li a {
    display: inline-block;
    width: 100%!important;
    line-height: 35px;
    height: 35px;
    font-weight: 700;
    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 {
    flex: 1
}

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

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

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

.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,.2));
    box-shadow: 0 1px 5px #90570040;
    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:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: #efefef;
    right: -4px;
    top: 15px
}

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

.dark .date-picker ul li:after {
    background-color: #333
}

.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(./assets/images/date.png);
    margin: 7px auto 0
}

.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 #002c5f33;
    border-radius: 3px;
    padding: 10px;
    z-index: 10;
    box-sizing: border-box;
    text-align: center;
    width: 300px
}

#calendar select {
    border: 0;
    font-weight: 700;
    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: 700;
    color: #ad6212
}

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

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

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

#tools .odds_setting {
    float: right;
    position: relative
}

#tools .odds_setting p {
    display: inline
}

#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: 700;
    padding-top: 260px;
    line-height: 24px;
    font-size: 22px;
    min-height: 380px;
    background: url(./assets/images/nomatch.png) no-repeat center 40px
}

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

.date_box .blueLink {
    color: #00f
}

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

.o-up {
    color: green
}

.o-down {
    color: red
}

.o-draw {
    color: #000
}

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

#myGamesCount,#hiddencount,#nshowhide {
    font-weight: 700
}

.on #myGamesCount {
    color: #ffd746
}

.Preferences input,.Preferences2 input {
    display: none
}

.switch {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    margin-bottom: 0
}

.switch .switch-style {
    height: 14px;
    width: 26px;
    background: #c1c1c1;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .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: .1em;
    top: 1px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

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

.theme-div {
    margin-top: 6px;
    float: left
}

.theme-div input {
    display: none
}

.theme {
    cursor: pointer
}

.theme .theme-style {
    height: 24px;
    width: 48px;
    background-color: #00301d;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    transition: all .3s ease-in-out;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    background-image: url(./assets/images/theme.png);
    background-repeat: no-repeat
}

.theme .theme-style:before {
    display: block;
    content: "";
    height: 22px;
    position: absolute;
    width: 22px;
    background-color: #fff;
    border-radius: 20px;
    left: .1em;
    top: .1em;
    background-image: url(./assets/images/light.png);
    background-repeat: no-repeat;
    transition: all .3s ease-in-out
}

.theme>input[type=checkbox]:checked+.theme-style:before {
    left: 50%;
    background-image: url(./assets/images/dark.png);
    background-repeat: no-repeat;
    background-color: #fff
}

.theme>input[type=checkbox]:checked+.theme-style {
    background-color: #000
}

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

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

.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 .item span {
    box-sizing: content-box
}

#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;
    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 .2s linear
}

.none {
    display: none
}

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

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

.closes,.collapse,.expand {
    display: inline-block;
    float: left;
    width: 25px;
    height: 28px;
    position: relative
}

.dark .closes {
    background-color: #3a3a3a;
    opacity: .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: .6
}

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

.closes:before {
    transform: rotate(45deg)
}

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

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

.expand:before {
    transform: rotate(0)
}

.expand:after {
    transform: rotate(-90deg)
}

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

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

@media (max-width: 668px) {
    .add-div {
        text-align:center
    }
}

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

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

.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: "Dữ liệu"
}

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

.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(./assets/images/1x2.png)
}

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

.add-div .icon-font-collect-on {
    color: var(--yellow60)!important;
    font-size: 20px;
    cursor: pointer
}

.add-div .icon-font-collect-off {
    color: var(--gray50);
    font-size: 20px;
    cursor: pointer
}

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

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

.rs_ser {
    padding: 0;
    overflow: hidden
}

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

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

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

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

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

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

.rs_ser_Second li {
    float: left
}

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

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

.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 10px;
    max-width: 1040px
}

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

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

.yellowcard,.redcard {
    padding: 0 2px;
    border-radius: 2px;
    margin: 0 2px
}

.yellowcard {
    background-color: #fdd668!important;
    color: #9c6c44!important
}

.redcard {
    background-color: #d64444!important;
    color: #fff!important
}

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

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

.text-info {
    text-align: center;
    color: green;
    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: 10px auto 0;
    text-align: center
}

#bottom .f_menu li {
    display: inline;
    padding: 0 10px;
    line-height: 20px
}

.menu,menuL {
    font-weight: 700
}

.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: 700;
    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: #ffffffb3;
    background: #fff3;
    padding: 0 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

#logoSpan {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px
}

#top-tools {
    background-color: #212121
}

.top-tools-c {
    width: 1060px;
    line-height: 36px;
    height: 36px;
    margin: 0 auto;
    color: #fff
}

.top-tools-left {
    float: left
}

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

.Choose-tool {
    float: left;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    cursor: pointer
}

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

.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 #0009;
    animation: popover .2s ease-in-out;
    border-radius: 6px;
    white-space: nowrap
}

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

    to {
        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
}

.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: .4;
    background-size: 22px 22px;
    cursor: pointer
}

.share:hover {
    opacity: .8
}

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

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

.share.telegram {
    background-image: url(./assets/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,.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,.dark .goal_bg {
    background-color: #bb2
}

.redcard_bg {
    background-color: #f88
}

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

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

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

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

.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,.guestSix span {
    font-size: 12px!important;
    font-weight: 400!important;
    width: 15px;
    display: inline-block!important
}

.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;
    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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 83px;
    padding: 4px 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 5px;
    background-image: url(../assets/images/ar-down.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 14px;
    line-height: normal;
    color: #333
}

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

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

#selectsound1,#selectsound2 {
    width: 189px;
    height: 22px;
    margin-bottom: 4px;
    outline: 0
}

@media screen and (max-width: 668px) {
    #selectsound1,#selectsound2 {
        width:100%
    }
}

.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 #fff;
    transition: width .3s cubic-bezier(.22,.61,.36,1) 0s,left .3s cubic-bezier(.22,.61,.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 #fff0
}

#menu li:hover a:after {
    width: calc(100% - 44px);
    box-shadow: 0 0 20px #fff0
}

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

.menu2 .newMark {
    position: absolute;
    right: 0;
    top: 0;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 400;
    background: #fb2b1c;
    color: #fff;
    padding: 0 3px 2px;
    border-radius: 6px 0 6px 3px;
    z-index: 7
}

.allno {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url(./assets/images/allno.png);
    margin: 2px 0 0 3px;
    cursor: pointer
}

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

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

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

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

.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(./assets/images/in.gif);
    width: 3px;
    height: 8px
}

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

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

#basketball.dark .listtab tr:hover {
    background: #3a3a3a
}

#basketball .listtab tr:first-child:hover {
    background: none
}

.loginBox {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 10px
}

.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: 700;
    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: #00000080;
    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: 400;
    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: 400;
    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: 400;
    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: 700;
    color: #d64444!important
}

.flyClose {
    position: absolute;
    top: 0;
    right: 0;
    background: #0006;
    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 {
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto
}

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

.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 8px;
    flex: 0 0 auto
}

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

body.dark .home__content,body.dark .home__content h2,body.dark .home__content h3 {
    color: #fff
}

body.dark .home__content--btn.btn-ctm {
    color: #20be7f
}

.home__content--btn.btn-ctm {
    color: #337359;
    font-size: 12px!important;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    position: relative;
    text-decoration: underline!important;
    padding-right: 16px
}

.home__content--btn.btn-ctm:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(./assets/images/arrow_up_green.svg);
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0
}

.home__content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #414141
}

.home__content h2 {
    font-size: 16px!important;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #070f03;
    margin: 12px 0 8px!important
}

.home__content h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px;
    text-align: left;
    color: #070f03
}

.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);
    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-draw {
    background-color: #f09b57!important
}

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

.hbg-td2 {
    background-color: #edf9ee!important
}

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

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

.dark .hbg-td2 {
    background-color: #28462a!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 #oddsChange,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 #showoptional2,body #showCountry,body #showFilterBox,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
}

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 .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 #tools li span:hover,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 #mintable td,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 #mintable td,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 .rs_ser li a {
    border-bottom: 3px solid transparent
}

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 {
    border-color: #d0d0d0!important
}

body .Leaguestitle td,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 .menu2 li .on,body .menu2 li .on:hover {
    background-color: #e5e5e5
}

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: #d64444!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;
    margin: 0;
    color: red
}

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

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

body .Leaguestitle .rankicon,body .team_leaguetitle .rankicon {
    background: url(../assets/images/rank.svg) no-repeat center;
    width: 24px;
    height: 24px;
    margin: 2px 10px;
    float: right;
    display: inline-block;
    cursor: pointer
}

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: 700;
    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: 700;
    text-indent: initial;
    width: 30%;
    margin: 8px auto 4px;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer
}

body .sloading {
    position: fixed;
    width: 95%;
    top: 250px;
    left: 1px;
    z-index: 8;
    text-align: center
}

body .sloading .loadngdiv {
    width: 300px;
    height: 120px;
    border-collapse: collapse;
    border: 1px
}

body .sloading .loadngdiv img {
    border: 1px
}

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
}

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

body .Leaguestitle .cImg,body .team_leaguetitle .cImg {
    position: relative;
    width: 29.5px;
    height: 15px;
    top: 3px;
    padding-right: 7px;
    vertical-align: 0;
    object-fit: contain
}

.collapse,.expand {
    border-left: 1px solid #00000014
}

body .Leaguestitle .l1 {
    margin: 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 #0000004d;
    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 {
    overflow: initial;
    height: 31px;
    box-sizing: content-box;
    max-width: calc(100vw - 20px);
}

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: 700
}

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%);
    z-index: 9;
    box-shadow: 0 5px 10px #0006
}

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

body #tools li span .icon {
    color: var(--textcolor-2);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    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: translateY(-50%);
    padding: 4px 0;
    border-radius: 30px;
    box-shadow: 0 0 10px #00000040;
    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: 400
}

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 #info,body.dark #main #right .lrdiv,body.dark #main #left .lrdiv,body.dark .rf,body.dark #showoptional2,body.dark #showCountry,body.dark #showFilterBox,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: #282828!important
}

body.dark #tools li span,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 #tools li span:hover,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 #tools li span:hover,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 #mintable td,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: #444!important
}

body.dark #mintable td,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: 1px solid transparent
}

body.dark .rs_ser li a {
    border-bottom: 3px 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 .Leaguestitle td,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 .red2,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 {
    color: #de5b5c!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;
    margin: 0;
    color: red
}

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

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

body.dark .Leaguestitle .rankicon,body.dark .team_leaguetitle .rankicon {
    background: url(./assets/images/rank.svg) no-repeat center;
    width: 24px;
    height: 24px;
    margin: 2px 6px;
    float: right;
    display: inline-block;
    cursor: pointer
}

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: 700;
    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: 700;
    text-indent: initial;
    width: 30%;
    margin: 8px auto 4px;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer
}

body.dark .sloading {
    position: fixed;
    width: 95%;
    top: 250px;
    left: 1px;
    z-index: 8;
    text-align: center
}

body.dark .sloading .loadngdiv {
    width: 300px;
    height: 120px;
    border-collapse: collapse;
    border: 1px
}

body.dark .sloading .loadngdiv img {
    border: 1px
}

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
}

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;
    object-fit: contain
}

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

body.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: 700
}

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

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

body.dark #tools li span .icon {
    color: var(--textcolor-2);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    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: translateY(-50%);
    padding: 4px 0;
    border-radius: 30px;
    box-shadow: 0 0 10px #00000040;
    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: 400
}

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

.detailtable .team-table-other td span {
    margin: 0 auto;
    padding: 0;
    background-position-y: 50%
}

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

#ad_middle_3 img {
    max-width: 100%
}

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: 3px;
    cursor: pointer
}

._hide {
    display: none
}

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

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

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

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

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

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

dark .nolink {
    color: #fff
}

.new_icon {
    color: #fff;
    background: #f44336;
    background-image: none!important;
    height: 15px;
    line-height: 13px;
    margin-left: 5px;
    font-weight: 400;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    white-space: nowrap
}

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

.menu2,#soccer .scoretitle td,#tools .on span,#tools .on span:hover,#soccer.dark #tools .on span,#soccer.dark #tools .on span:hover,.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: #ffffffb3;
    padding-bottom: 3px;
    line-height: 18px
}

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

.menu2 li a:hover {
    background-color: var(--black40)
}

.menu2 li a {
    border-right: 1px solid var(--black20)
}

.menu2 li .on,.menu2 li .on:hover {
    color: var(--text-primary)
}

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

#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 #tools .on span:hover,#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 #tools .on span:hover,#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,.1)!important
}

#tennis.dark .Leaguestitle td {
    border-bottom: 1px solid rgba(255,255,255,.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: .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;
    min-height: 30px;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

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

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

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

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

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

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

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

#basketball .Leaguestitle td {
    padding-left: 2px;
    line-height: 29px
}

.scoretitle td {
    line-height: 20px
}

#top {
    position: relative;
    clear: both
}

#top .top {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 60px
}

#top .weblogo {
    height: 40px
}

#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(./assets/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(./assets/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: 700
}

.nav22 li a {
    text-decoration: underline
}

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

#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;
    max-width: 100%
}

.leftnav .adclass {
    margin-left: -10px
}

@font-face {
    font-family: iconfont logo;
    src: url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/font_985780_km7mi63cihi.eot);
    src: url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/font_985780_km7mi63cihi.eot#iefix) format("embedded-opentype"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/font_985780_km7mi63cihi.woff) format("woff"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/font_985780_km7mi63cihi.ttf) format("truetype"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/assets/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: red;
    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
}

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

.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 .25s linear,width .25s linear;
    -moz-transition: font-size .25s linear,width .25s linear;
    transition: font-size .25s linear,width .25s linear
}

.icon_lists .icon:hover {
    font-size: 100px
}

.icon_lists .svg-icon {
    width: 1em;
    vertical-align: -.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 .6em;
    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,.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: .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: .8em;
    margin: 1em 0
}

.markdown blockquote p {
    margin: 0
}

.markdown .anchor {
    opacity: 0;
    transition: opacity .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: .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: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment,.token.prolog,.token.doctype,.token.cdata {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .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: #ffffff80
}

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

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

@font-face {
    font-family: iconfont;
    src: url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/iconfont.woff2) format("woff2"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/iconfont.woff) format("woff"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/iconfont.ttf) format("truetype")
}

.langue {
    color: #fff
}

.ant .guessBox {
    overflow: auto!important
}

div.guessBox::-webkit-scrollbar {
    display: none
}

.btns.bnt2 {
    width: 200px!important;
    margin: auto!important;
    transform: unset!important
}

.custom-select-02:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url(/assets/football-vn/images/ar-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position: center
}

.foot-ft .bottom .bottom-item .bottom-item-content ul li a {
    font-size: 16px
}

.foot-ft .bottom .bottom-item .bottom-item-content ul li a i {
    width: 25px!important
}

.ads-line-wrap {
    display: flex
}

.ads-line-wrap a {
    width: 50%
}

.ads-line-wrap a img {
    width: 100%
}

#mintable tr.tds .toolimg .mobile.conner_span {
    display: none
}

.dropdown {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.dropdown .dropdown-toggle {
    display: flex;
    height: 30px;
    width: 100%;
    padding: 0 8px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: none
}

.dark .dropdown-toggle:before {
    color: #fff
}

.dark .dropdown-toggle {
    color: #fff
}

.dark .dropdown .dropdown-toggle {
    background-color: #22481f
}

.dropdown-menu {
    max-width: 181px;
    box-sizing: border-box;
    z-index: 103;
    position: absolute;
    background-color: red;
    top: 34px;
    display: flex;
    width: 100%;
    padding: 4px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-radius: 4px;
    background: #fff;
    box-shadow: -1px -1px 8px #0003,1px 1px 6px #0003;
    display: none;
    left: unset!important;
    right: 0!important;
    color: inherit!important
}

.dark .dropdown-menu {
    background-color: #24351b
}

.dark .dropdown-menu .option {
    background-color: #100e0e
}

.dropdown-menu.show {
    display: flex
}

.dropdown-menu {
    width: calc(100% - 8px)
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-bottom: 4.5px solid #ffffff;
    border-right: 5px solid transparent
}

.dropdown-menu .option {
    display: flex;
    height: 30px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: #f2f2f2;
    font-size: 12px
}

.option.active {
    background: #c1e1b1
}

.dark .option.active {
    background-color: #697974
}

.dropdown-toggle:before {
    content: "";
    transition: .3s all ease-in-out;
    width: 16px;
    height: 16px;
    line-height: 16px;
    right: 3px;
    left: auto;
    position: absolute;
    border: 0;
    transform: rotate(0);
    background: url(./assets/images/icon_arrow_right-black.svg)
}

.dropdown.show .dropdown-toggle:before {
    transform: rotate(180deg)
}

#mintable #Banner td>div img {
    width: 300px;
    height: 40px;
    object-fit: contain
}

.mobile-banner>img {
    width: 100%;
    height: 35px
}

#bottomFly,#bottomFlyMobile {
    position: fixed!important;
    top: initial!important;
    bottom: 0!important
}

.home__content h2,.home__content h3 {
    text-align: left;
    margin-top: .5em;
    margin-bottom: .5em;
    color: #070f03
}

.home__content h2 {
    font-size: 16px!important;
    font-weight: 600;
    line-height: 24px
}

.home__content h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px
}

.home__content p {
    text-align: justify;
    margin-bottom: 1em;
    line-height: 1.5
}

.home__content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.home__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 8px;
    border: 1.5px solid #ddd!important
}

.home__content table,.home__content th,.home__content td {
    border: 1px solid #ddd!important
}

.home__content th,.home__content td {
    padding: 10px 8px
}

.home__content th {
    font-weight: 700;
    background: #f5f5f5;
    text-align: center
}

.home__content td {
    text-align: left
}

.home__content {
    max-height: 545px;
    overflow: hidden;
    position: relative;
    transition: max-height .4s
}

.home__content.expanded {
    max-height: unset;
    overflow: visible
}

.show-more-link {
    display: block;
    text-align: left;
    margin: 16px 0;
    cursor: pointer;
    font-weight: 600
}

.body-comming #left,.body-comming .bottomBar-sp {
    display: none!important
}

.body-comming #min {
    margin-left: 0!important
}

#header-wrapper-sp,.r-sidebar-mobile {
    display: none
}

.show-large {
    display: block
}

.hide-large {
    display: none
}

#soccer>#container {
    position: relative;
    z-index: 1
}

.nav_select #nav2 {
    width: unset
}

.score_home,.score_away,.dash-ratio {
    font-weight: 700;
    color: #0089f1
}

#teammain-6in1 table.dataItem:nth-of-type(odd) tr td {
    background-color: #f0f0f0
}

#teammain-6in1 table.dataItem:nth-of-type(odd) tr td.Leaguestitle,#teammain-6in1 table.dataItem tr td.Leaguestitle {
    background-color: #d0d0d0
}

.dark #teammain-6in1 .b1 {
    background-color: #333!important
}

.dark #teammain-6in1 table.dataItem:nth-of-type(odd) tr td {
    background-color: #282828
}

.dark #teammain-6in1 table.dataItem:nth-of-type(odd) tr td.Leaguestitle,.dark #teammain-6in1 table.dataItem tr td.Leaguestitle {
    background-color: #333
}

.pagewrap-contact .step-Second {
    margin-bottom: 0
}

.pagewrap-content * {
    max-width: 100%!important
}

.pagewrap-content {
    padding: 20pt 15pt!important
}

.pagewrap-content p {
    margin: 20px 0
}

.pagewrap-content ul {
    padding-bottom: 20px
}

.dark .pagewrap-content h3 {
    color: #fff
}

.pagewrap-content h2 {
    padding-bottom: 0
}

.pagewrap-content h2:first-of-type {
    font-size: 32px!important;
    line-height: 1.3!important
}

.pagewrap-contact {
    position: relative;
    z-index: 1;
    margin-top: 11px!important
}

body .container-mcontent #main3 {
    min-height: 680px
}

#bottomFlyMobile {
    position: fixed!important;
    top: initial!important;
    bottom: 0!important
}

#tools-mobile {
    display: none;
    gap: 10px;
    margin-bottom: 10px;
    margin-top: 7px
}

#topAdDivNew2,.match-detail-row {
    display: none
}

.league_banner img {
    height: 40px
}

.league_banner td div {
    display: flex;
    justify-content: center
}

@media (max-width: 668px) {
    #CompanySel {
        display:block
    }

    body,html {
        min-width: initial!important
    }

    img {
        max-width: 100%
    }

    #top,.mcontent,.crumbs,#fulltab,#topAdDiv,#top-tools,.footer .bottom {
        padding-left: 50px;
        padding-right: 50px
    }

    .mcontent,#main,.crumbs,.top-tools,.topAdDiv,#top .top,#newtop,#topAdDiv,.top-tools-c,.footer .bottom,#info {
        max-width: 100%;
        width: 100%!important
    }

    .footer .bottom,.crumbs,#info,#topAdDiv {
        box-sizing: border-box
    }

    #allSclassList {
        display: grid;
        grid-template-columns: repeat(9,1fr);
        gap: 14px
    }

    #allSclassList .divList {
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        width: 100%
    }

    #header-wrapper {
        min-width: auto!important
    }

    .r-sidebar-mobile {
        display: block
    }

    #AdLayer1,#AdLayer2,#left_float_ad,#right {
        display: none
    }

    #topAdDiv,#ad_middle_3,#ad_middle_2,#bottomFly,tr.ad_m {
        display: none!important
    }

    #topAdDiv img {
        max-width: 100%
    }

    #main #min {
        width: auto;
        float: none;
        position: relative
    }

    #mintable .league_banner img {
        width: 100%;
        height: 34px
    }

    #mintable .league_banner a {
        height: 34px
    }

    #mintable .hot-banner,#mintable.hot_filter .league_banner {
        display: none
    }

    #mintable.hot_filter .league_banner.hot-banner {
        display: flex!important
    }

    #mintable table,#mintable table tbody {
        display: block
    }

    #mintable table table {
        display: table
    }

    #mintable table table tbody {
        display: table-row-group
    }

    #mintable tr {
        display: flex
    }

    #guessDiv table tr {
        display: table-row!important;
        background-color: red
    }

    #mintable .match-detail-row {
        display: none
    }

    .league_banner img {
        height: revert-layer
    }

    #mintable tr tr {
        display: table-row
    }

    #mintable tr td {
        width: 100%
    }

    #mintable tr td[id^=flashLive_] {
        height: auto
    }

    #mintable tr tr td {
        width: 20%
    }

    .dark #mintable .tds:hover,.dark #mintable .tds:hover td {
        background: transparent!important
    }

    #mintable tr.adtext-bg {
        padding-top: 5px;
        border-bottom: 1px solid #bfbfbf66;
        display: none
    }

    #mintable .Leaguestitle td:first-of-type {
        width: 30px
    }

    #mintable tr.scoretitle>* {
        display: none
    }

    #mintable tr.scoretitle #oddsHead {
        display: none!important;
        position: absolute;
        top: 10px;
        right: 10px;
        border-bottom: 0;
        text-align: right;
        width: auto
    }

    #mintable tr.scoretitle #oddsHead #CompanySel {
        background-color: var(--second-color)!important
    }

    #mintable tr.tds {
        display: grid;
        grid-template-columns: 30px 1fr 25px 40px 45px 45px 45px 45px;
        grid-template-rows: auto auto;
        align-items: center;
        height: auto;
        border-bottom: 2px solid #bfbfbf66;
        padding-bottom: 10px;
        padding-top: 5px;
        justify-items: center;
        background-color: #fff
    }

    .dark #mintable tr.tds {
        background-color: inherit
    }

    #mintable tr.tds td {
        grid-row: 2 / span 2;
        border-bottom: 0;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        align-self: center
    }

    #mintable tr.tds td:first-of-type,#mintable tr.tds .td-fav,#mintable tr.tds .td-timeData,#mintable tr.tds td[name=timeData],#mintable tr.tds td.status {
        grid-row: 1
    }

    #mintable tr.tds td[id^=ht_],#mintable tr.tds .td-ht,#mintable tr.tds td[id^=gt_],#mintable tr.tds .td-gt {
        grid-column: 1 / span 2;
        align-items: center;
        text-align: left!important;
        position: relative;
        padding-left: 8px;
        margin-top: 6px;
        margin-bottom: 6px
    }

    body #table_live .tds .hdpstar {
        position: relative;
        order: 2;
        padding: 0 4px
    }

    #mintable tr[id^=trF_] {
        position: relative;
        z-index: 1
    }

    #mintable tr.tds td[id^=ht_],#mintable tr.tds .td-ht {
        grid-row: 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: end
    }

    #mintable tr.tds td [id^=horder_],#mintable tr.tds .td-ht .td-horder {
        order: 3
    }

    #mintable tr.tds td [id^=yellow1_],#mintable tr.tds .td-ht .td-team-yellow {
        order: 2
    }

    #mintable tr.tds td [id^=redcard1_],#mintable tr.tds .td-ht .td-team-redcard {
        order: 1
    }

    #mintable tr.tds td[id^=gt_],#mintable tr.tds .td-gt {
        grid-row: 3
    }

    #mintable tr.tds .dash-ratio,#mintable tr.tds td [id^=hht_] .dash-ratio,#mintable tr.tds .td-corner .dash-ratio,#mintable tr.tds .handpoint .dash-ratio,#mintable tr.tds .td-score .dash-ratio,#mintable tr.tds .conner_span .dash-ratio,#mintable tr.tds .td-hht-score .dash-ratio {
        display: block;
        opacity: 0
    }

    #mintable tr.tds .default-dash-ratio,#mintable tr.tds td [id^=hht_] .default-dash-ratio,#mintable tr.tds .td-corner .default-dash-ratio,#mintable tr.tds .handpoint .default-dash-ratio,#mintable tr.tds .td-score .default-dash-ratio,#mintable tr.tds .conner_span .default-dash-ratio,#mintable tr.tds .td-hht-score .default-dash-ratio {
        opacity: 0
    }

    #mintable tr.tds .team-hg,#mintable tr.tds .td-gorder,#mintable tr.tds .td-horder {
        color: #888
    }

    #mintable tr.tds .td-score {
        grid-column: 4;
        padding-right: 10px
    }

    #mintable tr.tds td.status {
        grid-column: 2 / span 4;
        padding-bottom: 5px;
        padding-right: 50px;
        padding-left: 50px;
        position: relative
    }

    #mintable tr.tds td.status br {
        display: none
    }

    #mintable tr.tds td.status .icon-corner {
        position: absolute;
        width: 14px;
        height: 11.9px;
        right: -21px
    }

    #mintable tr.tds td.status,#mintable tr.tds .td-score,#mintable tr.tds .td-hht-score {
        text-align: right
    }

    #mintable tr.tds .tvLinkBtn {
        grid-column: 3
    }

    #mintable tr.tds .td-corner {
        grid-column: 5
    }

    #mintable tr.tds .toolimg {
        grid-row: 1;
        grid-column: 6 / span 3;
        text-align: right!important;
        padding-bottom: 27px
    }

    #mintable tr.tds .toolimg .matchdata-icon:hover:after {
        display: none
    }

    #mintable tr.tds .toolimg span {
        float: none
    }

    #mintable tr.tds .td-timeData,#mintable tr.tds td[name=timeData] {
        display: block!important;
        grid-column: 2;
        padding-bottom: 6px
    }

    #mintable tr.tds td:first-of-type,#mintable tr.tds .td-fav,#mintable tr.tds .td-timeData,#mintable tr.tds td[name=timeData] {
        text-align: left!important
    }

    #mintable tr.tds .td-timeData,#mintable tr.tds td[name=timeData] {
        grid-column: 2
    }

    #mintable tr.tds td:first-of-type,#mintable tr.tds .td-fav {
        grid-column: 1
    }

    #mintable tr.tds .td-hht-score {
        grid-column: 3
    }

    #mintable tr.tds .td-hht-score {
        color: #8c8c8c;
        text-align: center
    }

    #mintable tr.tds .tvLinkBtn {
        display: none!important
    }

    #mintable tr.tds .oddstd-1 {
        grid-column: 6;
        border-left: 1px solid
    }

    #mintable tr.tds .oddstd-2 {
        grid-column: 7
    }

    #mintable tr.tds .oddstd-3 {
        grid-column: 8
    }

    #mintable tr.tds .oddstd p {
        padding: 5px 0
    }

    #mintable tr.tds .oddstd-1 .odds1,#mintable tr.tds .oddstd-2 .odds1,#mintable tr.tds .oddstd-3 .odds1 {
        padding-top: 0
    }

    #mintable tr.tds .oddstd-1 .odds3,#mintable tr.tds .oddstd-2 .odds3,#mintable tr.tds .oddstd-3 .odds3 {
        padding-bottom: 0
    }

    #mintable tr.tds .oddstd .odds1,#mintable tr.tds .oddstd .odds2 {
        border-bottom: 1px solid #bfbfbf66
    }

    #mintable tr.tds .oddstd p:last-of-type {
        border-bottom: 0
    }

    #mintable tr td.text-info {
        padding-top: 5px;
        padding-bottom: 1px
    }

    body #tools.tools>.f11 {
        flex: 1;
        line-height: 1.5;
        margin-top: 5px
    }

    body #tools.tools {
        display: flex;
        height: auto;
        flex-wrap: wrap;
        justify-content: end;
        align-items: center
    }

    body #tools.tools>ul {
        border-color: var(--second-color);
        border-bottom: 3px solid var(--second-color);
        flex-basis: 100%
    }

    body #teammain-6in1 #tools.tools>ul {
        border-bottom: 0
    }

    .mcontent {
        box-sizing: border-box
    }

    .page404 {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
        min-height: auto!important
    }

    #tools li {
        height: 28px
    }

    #CompanySel {
        height: 28px;
        outline: 0;
        border-radius: 3px 3px 0 0
    }

    .pagewrap-contact .info {
        text-align: center
    }

    .pagewrap-contact .step-primary {
        display: block
    }

    .pagewrap-contact .step {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }

    #mintable tr .ant .btns {
        width: calc(100% - 10px);
        margin-right: calc(-50% + 8px)
    }

    .ant .matchdata .databtns .btns span {
        width: 50%!important;
        box-sizing: border-box
    }

    .page-1x2-odds .match-odds-menu {
        max-width: 100%;
        height: auto
    }
}

@media (max-width: 668px) {
    .wrap-table-section,#divFooterFload {
        max-width:100%;
        overflow-x: auto
    }

    .wrap-table-section #dataList,.wrap-table-section #divHeadFloat,#divFooterFload .oddDivBox {
        width: 1040px!important
    }

    .wrap-table-section #dataList.dataList-nodata {
        width: 100%!important
    }

    #oddsList_tab tr td:nth-of-type(2),#divFooterFload tr td.gbg,#divFooterFload tr th:nth-of-type(2) {
        position: sticky;
        background-color: #fff;
        left: 0
    }

    #divFooterFload tr th:nth-of-type(2),#divFooterFload tr td.gbg {
        left: -23px
    }

    #oddsList_tab tr.tbg2 td {
        background-color: #f5f5f5
    }

    .dark #divFooterFload tr th,.dark #oddsList_tab tr td {
        background-color: #353535
    }

    .dark #oddsList_tab tr.tbg2 td {
        background-color: #282828
    }
}

@media (max-width: 668px) {
    #menuMainSw .swiper-wrapper .swiper-slide {
        flex:1;
        width: auto
    }

    .theme .theme-style {
        background-color: #205c04!important
    }

    body.dark {
        background-color: #030405!important
    }

    .tablewrap-scroll {
        overflow-x: auto
    }

    .info-mobile .tablewrap-scroll #div_Table2 {
        width: max-content
    }

    .info-mobile select {
        outline: 0
    }

    .body-comming .mcontent {
        min-height: auto
    }

    #menuMainSw .swiper-wrapper {
        justify-content: center
    }

    #header-wrapper-sp .theme-div {
        right: 16px;
        top: 10px;
        margin-top: 0
    }

    .dark #header-wrapper-sp .theme-style:before {
        left: 50%;
        background-image: url(../../images/dark.png);
        background-repeat: no-repeat;
        background-color: #fff
    }

    .info-mobile .nav_select {
        overflow-x: auto
    }

    .info-mobile .nav_select ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 3px
    }

    .info-mobile .nav_select {
        padding: 5px
    }

    .info-mobile .nav_select ul>li {
        margin: 0!important;
        box-sizing: border-box;
        text-align: center;
        text-wrap: nowrap
    }

    .info-mobile .nav_select ul>li.dropDiv.select {
        width: 100%!important
    }

    .info-mobile .nav_select ul>li.tools {
        width: 100%!important
    }

    html body.info-mobile #info #i_main .info_title .info_title_left .img {
        margin-right: 5px
    }

    .info-mobile #ScoreGroupTab {
        width: 100%
    }

    .info-mobile .outteam {
        text-align: right;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        display: flex;
        align-items: center;
        gap: 2px
    }

    .info-mobile #ScoreGroupTab td:nth-child(2),.info-mobile.callhalf_class td:nth-child(1),.info-mobile.callhalf_class th:nth-child(1) {
        width: max-content!important;
        padding-right: 10px;
        position: sticky;
        left: 0;
        z-index: 1;
        padding-left: 5px!important;
        padding-right: 5px!important
    }

    .info-mobile.dark #ScoreGroupTab tr td.groupTabTitle {
        background-color: #111!important
    }

    .info-mobile #ScoreGroupTab tr:nth-child(odd) td:nth-child(2):not(.groupTabTitle),.info-mobile.callhalf_class tr:nth-child(odd) td:nth-child(1):not(.groupTabTitle) {
        background-color: #f7f7f7
    }

    .info-mobile #ScoreGroupTab tr:nth-child(2n) td:nth-child(2):not(.groupTabTitle),.info-mobile.callhalf_class tr:nth-child(2n) td:nth-child(1):not(.groupTabTitle) {
        background-color: #fff
    }

    .info-mobile.dark #ScoreGroupTab tr:nth-child(odd) td:nth-child(2),.info-mobile.dark.callhalf_class tr:nth-child(odd) td:nth-child(1) {
        background-color: #222
    }

    .info-mobile.dark #ScoreGroupTab tr:nth-child(2n) td:nth-child(2),.info-mobile.dark.callhalf_class tr:nth-child(2n) td:nth-child(1) {
        background-color: #333
    }

    body.info-mobile #i_main .outteam>* {
        margin: 0!important
    }

    html body.info-mobile #i_main {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .info-mobile .info_title {
        display: flex
    }

    .info-mobile .follow_btn {
        font-size: 12px
    }

    #TableRenderMb {
        display: block!important
    }

    #TableRenderMb .bottom-table {
        display: flex!important
    }

    #TableRenderMb .match .bottom-table .odds>div {
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 4px
    }

    #TableRenderMb .match .team {
        display: flex;
        position: relative;
        overflow: hidden
    }

    #TableRenderMb .match {
        border-radius: 4px;
        background: var(--Monotone-Grey-100, #fbfbfb);
        padding: 8px 6px
    }

    .dark #TableRenderMb .match {
        background: #333
    }

    .dark #TableRenderMb .match:nth-of-type(2n+2) {
        background: #222
    }

    #TableRenderMb .match-time {
        margin-bottom: 8px
    }

    body.info-mobile #info {
        padding: 8px 16px 8px 8px!important
    }

    .nav_quick {
        padding-left: 0!important
    }

    #main3,#info {
        padding-left: 16px;
        padding-right: 16px
    }

    .cupmatch_class #mainTableDiv {
        display: none!important
    }

    .leateam_class .match .round {
        display: block!important
    }

    body #i_main .match-time .status {
        color: #06f!important;
        font-weight: 700;
        margin-left: auto
    }

    .mobile-filter-odd {
        margin-top: 12px
    }

    #i_main .bottom-table .odds>div+div {
        border-top: 1px solid #bfbfbf66;
        padding-top: 2px;
        margin-top: 2px
    }

    #i_main .bottom-table .odds {
        border-left: 1px solid #bfbfbf66
    }

    #i_main .bottom-table .odds>* {
        height: 100%!important;
        justify-content: center!important;
        width: 100%!important;
        background: transparent!important
    }

    #i_main .bottom-table .extra {
        display: none
    }

    #i_main .bottom-table .odds>*>* {
        flex: 1;
        text-align: center;
        font-size: 12px
    }

    #i_main .bottom-table .odd-text {
        display: none!important
    }

    #i_main .bottom-table .odds {
        display: flex;
        flex-direction: column
    }

    #i_main .bottom-table>* {
        flex: 1
    }

    body #i_main .match-time>.round {
        margin-right: 10px;
        background: #3a7f1a;
        padding: 4px 8px;
        border-radius: 2px;
        color: #fff!important
    }

    #i_main .match-time {
        background: #e1e1e2;
        border-radius: 2px;
        width: 100%;
        padding: 4px;
        flex: unset!important;
        text-align: left;
        align-items: baseline;
        display: flex
    }

    .dark #i_main .match-time {
        background: transparent;
        color: #fff;
        border-bottom: 1px solid var(--border-4)
    }

    #i_main .match-time * {
        font-size: 12px!important;
        color: #222!important
    }

    .dark #i_main .match-time * {
        color: #fff!important
    }

    #i_main .match>div {
        flex: 1
    }

    #i_main .match>div.score {
        flex: unset;
        width: 50px
    }

    #i_main .match>div.bottom-table {
        max-width: 150px
    }

    .flex-score {
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center;
        padding-right: 5px
    }

    .flex-score .redf+.redf span {
        font-weight: 700!important;
        color: red
    }

    .flex-score span:not(.dash-ratio) {
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px
    }

    .flex-score>strong {
        display: flex!important;
        flex-direction: column;
        width: 25px;
        min-height: 55px;
        justify-content: space-between
    }

    #i_main .dash-ratio {
        display: none
    }

    #i_main .dash-ratio.default-dash-ratio {
        display: block
    }

    #i_main .match .team {
        height: 100%;
        margin: 0!important;
        flex-direction: column;
        justify-content: flex-start!important;
        align-items: baseline!important
    }

    #i_main .team-name {
        font-size: 12px
    }

    #i_main .outteam .sup {
        color: #888!important;
        margin-left: 6px!important
    }

    #i_main #TableRenderMb .outteam span sup {
        display: none
    }

    #i_main .match .team>div {
        position: relative!important;
        left: unset!important;
        right: unset!important;
        top: unset!important;
        bottom: unset!important
    }

    #i_main .outteam.first {
        flex-direction: row-reverse
    }

    .box-set {
        display: none
    }

    .leastanding_class #tableId .tdlink tbody tr td:last-child {
        width: 200px;
        text-align: center
    }

    .leastanding_class #tableId .tdlink tbody tr th:last-child {
        width: 200px;
        text-align: center
    }

    #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(2) {
        background: #f7f7f7!important
    }

    .dark #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(2) {
        background: #222!important
    }

    #tableId .tdlink>tbody>tr>td:nth-child(2) {
        background: #fff;
        padding-right: 5px!important;
        padding-left: 5px!important
    }

    .dark #tableId .tdlink>tbody>tr>td:nth-child(2) {
        background: #282828
    }

    .hfstats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.hfstats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr>th:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr>td:nth-child(1) {
        width: max-content;
        padding-right: 10px;
        position: sticky;
        left: 0;
        z-index: 1;
        background: transparent
    }

    #i_main .match {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    #i_main .match>div:not(.match-time) {
        min-height: 55px;
        justify-content: space-between!important;
        gap: 0!important
    }

    .show-large {
        display: none!important
    }

    .hide-large {
        display: block!important
    }

    .mobile__checkbox {
        display: none
    }

    #Table4 .match {
        margin-bottom: 0!important;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0
    }

    #Table4 .match+.match {
        margin-top: 4px
    }

    #MainDiv #Table1 tr:first-child th:first-child,#MainDiv #Table1 tr:nth-child(n+4) td:first-child {
        width: max-content;
        padding: 0 5px;
        position: sticky;
        left: -1px;
        z-index: 1;
        background-color: #e8f6f1!important;
        max-width: 70px
    }

    .dark #MainDiv #Table1 tr:first-child th:first-child,.dark #MainDiv #Table1 tr:nth-child(n+4) td:first-child {
        background-color: #444!important
    }

    #MainDiv #Table1 tr:nth-child(3) th {
        width: max-content!important;
        max-width: 90px!important;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 70px;
        box-sizing: border-box
    }

    #MainDiv #Table1 * {
        color: #070f03!important
    }

    #MainDiv #Table1 .alterbg span {
        min-width: 60px;
        display: inline-block
    }

    #MainDiv .tdlink.sub-head th,#MainDiv .tdlink th,#MainDiv .tdlink.sub-head.lea-head th {
        background-color: #f7f7f7!important;
        border-color: var(--border-4)
    }

    .dark #MainDiv #Table1 * {
        color: #fff!important
    }

    .dark #MainDiv .tdlink.sub-head th,.dark #MainDiv .tdlink th,.dark #MainDiv .tdlink.sub-head.lea-head th {
        background-color: #333!important
    }

    #MainDiv #Table1,.scorestats_class #Table1,.goaltime_class #Table1 {
        width: 100%!important
    }

    .techlist_class .toolBar {
        position: absolute;
        z-index: 999;
        display: none;
        flex-wrap: wrap;
        padding: 20px 15px 15px
    }

    .close-popup {
        position: absolute;
        top: 0;
        font-size: 20px;
        font-weight: 700;
        right: 0;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .techlist_class #Table3 {
        width: 100%!important;
        display: block!important
    }

    .techlist_class #tableId #Table3.tdlink>tbody>tr>td:nth-child(2) {
        min-width: 200px!important
    }

    #i_data {
        position: relative
    }

    .techlist_class .toolBar>div:first-child {
        float: none!important;
        width: 100%;
        margin-bottom: 8px
    }

    .techlist_class .toolBar>div:nth-child(2) {
        float: unset;
        display: flex;
        flex-wrap: wrap;
        gap: 5px
    }

    .techlist_class #selectDataType {
        width: 100%!important
    }

    .techlist_class .toolBar>div:nth-child(2)>input {
        width: 100%;
        background: #00301c
    }

    .techlist_class .toolBar>div:nth-child(2)>span {
        width: 100%;
        text-align: center
    }

    .techlist_class .toolBar>div:nth-child(2)>select {
        width: calc(50% - 2.5px)
    }

    .techlist_class .nav_select {
        padding-bottom: 10px
    }

    .techlist_class .filter-techlist {
        width: 100%;
        background: #00301c;
        color: #fff;
        height: 30px;
        cursor: pointer;
        text-align: center;
        display: flex!important;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        border-radius: 4px;
        font-size: 12px;
        margin-bottom: 4px;
        text-transform: uppercase
    }

    #mainData .pager {
        float: none!important;
        display: flex;
        justify-content: center
    }

    #OddsFilter #goalTable td {
        width: auto
    }

    #OddsFilter #goalTable td:first-of-type {
        width: 22px
    }

    .filter-techlist.active:after {
        content: "";
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: #000;
        opacity: .5;
        top: 0;
        z-index: 999
    }

    .crumbs,.footer .bottom,.mcontent.Schedule {
        box-sizing: border-box
    }

    #top,.mcontent,.crumbs,#fulltab,#topAdDiv,#top-tools {
        box-sizing: border-box;
        margin-bottom: 15px;
        padding: 0
    }

    .crumbs {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 8px;
        padding-right: 11px
    }

    #header-wrapper {
        display: none
    }

    .header-wrapper-sp {
        display: block
    }

    .fixed-sp {
        position: fixed;
        top: 0;
        z-index: 102
    }

    div#header-wrapper-sp {
        display: block;
        width: 100%;
        background-color: var(--primary-color)!important
    }

    .dark #header-wrapper-sp {
        background-color: #22481f!important
    }

    div#header-wrapper-sp .topBar-sp {
        height: 24px;
        padding: 12px 8px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool {
        margin-left: 8px;
        height: 20px;
        margin-top: 2px
    }

    div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool img {
        margin-left: 0
    }

    div#header-wrapper-sp .topBar-sp .topBar-right-sp .Choose-tool {
        margin-right: 8px;
        height: 20px
    }

    body #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 0!important
    }

    div#header-wrapper-sp .topBar-sp .size-20 {
        height: 20px;
        width: 20px
    }

    div#header-wrapper-sp .topBar-sp .topBar-right-sp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px
    }

    div#header-wrapper-sp .topBar-middle-sp a img {
        height: 24px
    }

    div#header-wrapper-sp .topBar-middle-sp a {
        display: inline-block
    }

    div#header-wrapper-sp .mainBar-sp {
        padding: 0 8px
    }

    div#header-wrapper-sp .mainBar-sp .authBox {
        display: flex;
        justify-content: space-between
    }

    div#header-wrapper-sp .mainBar-sp .authBox>div {
        width: 100%;
        height: 36px;
        padding: 8px 24px;
        border: none
    }

    div#header-wrapper-sp .menu-icon {
        display: flex;
        width: 28px;
        height: 28px;
        justify-content: center;
        align-items: center;
        background-color: #ffffff26;
        border-radius: 50%
    }

    .dark #menuSp {
        background-color: #030405
    }

    .bottomBar-sp {
        background-color: #e5e5e5;
        transform: translateY(1px)
    }

    .dark .bottomBar-sp {
        background-color: #030405;
        padding: 11px 8px 0
    }

    div.bottomBar-sp #menuSp .sp-item-menu {
        padding: 6px;
        border-radius: 4px;
        background-color: #f2f2f2
    }

    .swiperMenu {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    div.bottomBar-sp #menuSp .sp-item-menu a {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 44px
    }

    .swiper-slide a {
        text-decoration: none!important
    }

    #menuSp .swiperMenu .swiper-slide {
        width: 63px;
        margin-right: 4px
    }

    .menuMainSp .swiperMainMenu .swiper-slide {
        width: 76px;
        margin-right: 4px
    }

    #menuSp .swiperMatchList .swiper-slide {
        width: 192px
    }

    .bottomBar-sp {
        padding: 11px 8px 0
    }

    div.bottomBar-sp #menuSp .swiper-box-icon {
        width: 100%;
        padding-bottom: 2px;
        height: 22px;
        margin-right: 0;
        text-align: center
    }

    div.bottomBar-sp #menuSp .swiper-box-icon img {
        width: 20px
    }

    div.bottomBar-sp #menuSp .sp-item-menu span {
        font-size: 10px;
        height: 100%;
        line-height: 1.1;
        flex-shrink: 1;
        flex-grow: 1;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #eff9ea
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030;
        font-weight: 600
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.on span {
        font-weight: 600
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon {
        display: none
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active {
        display: inline
    }

    .settingBar {
        z-index: 1050;
        width: 100%;
        top: 0;
        display: block;
        left: -100%;
        position: fixed;
        background-color: #e5e5e5;
        overflow-y: auto;
        overflow-x: hidden;
        transition: 1s cubic-bezier(.36,-.01,0,.77);
        height: 100%
    }

    .settingBar.closed {
        left: 0
    }

    .heading-bar {
        background-color: var(--primary-color);
        height: 37px;
        justify-content: space-between;
        align-items: center;
        color: #fff
    }

    .heading-bar>div {
        width: 33.333333%
    }

    .heading-bar-left i {
        font-size: 18px;
        margin-left: 8px
    }

    .heading-bar-right i {
        font-size: 18px;
        margin-right: 8px
    }

    .heading-bar-middle span {
        font-size: 14px;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase
    }

    .closeBar {
        min-width: 50px
    }

    .contentBar {
        padding: 12px 8px
    }

    .table-setting.d-flex {
        justify-content: space-between;
        align-items: center;
        min-width: 21px;
        color: #070f03;
        margin-bottom: 12px
    }

    .st-right input {
        display: none
    }

    .st-right .switch .switch-style:before {
        top: 2px;
        width: 17px;
        height: 17px
    }

    .st-right .switch .switch-style {
        height: 21px;
        margin-top: 0;
        width: 39px;
        background: #717171
    }

    .dark .st-right .switch>input[type=checkbox]+.switch-style {
        background: #717171!important
    }

    .st-right .switch>input[type=checkbox]:checked+.switch-style {
        background: linear-gradient(90deg,#0c935d,#022d1c)!important
    }

    .st-right .theme .theme-style {
        height: 21px;
        width: 39px
    }

    .soundSetting .selectbox {
        border: 1px solid #b3c5be;
        border-radius: 4px;
        display: flex;
        height: 30px
    }

    .soundSetting .selectbox span {
        background-color: #d6e4df;
        padding: 0 10px;
        min-width: 27px;
        display: inline-block;
        text-align: center;
        color: #070f03;
        font-size: 14px;
        line-height: 30px;
        border-right: 1px solid #b3c5be
    }

    .soundSetting .selectbox span.on {
        background-color: #004026;
        color: #fff
    }

    .soundSetting .selectbox span:last-child {
        border-right: 0
    }

    .icon-dark.swiper-menu-icon,.icon-dark.swiper-menu-icon.icon-active {
        display: none
    }

    body.dark .icon-dark.swiper-menu-icon,body.dark .icon-dark.swiper-menu-icon.active-menu,.bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active {
        display: inline
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark,body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon {
        display: none
    }

    body.dark .icon-dark.swiper-menu-icon {
        display: block
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark {
        display: inline
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark.icon-active,body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-dark,body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active {
        display: none
    }

    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark {
        display: inline
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu span {
        color: #d4d4d4!important
    }

    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #10e18d!important
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu {
        background: #1a1a1a
    }

    #menuMainSw {
        margin-bottom: 9px;
        max-height: 58px;
        overflow: hidden
    }

    #menuMainSw .swiper-box {
        display: flex;
        text-decoration: none!important;
        justify-content: center;
        align-items: center;
        height: 44px;
        animation: .5s;
        border-radius: 5px;
        background-color: #205c04;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .dark #menuMainSw .swiper-box {
        background-color: #1c1e1b
    }

    .swiperMenu {
        max-height: 58px;
        overflow: hidden
    }

    .swiper-box-icon {
        width: 32px;
        height: 32px;
        margin-right: 6px
    }

    .swiper-box-icon img {
        width: 100%
    }

    .swiper-box-icon .swiper-menu-icon.icon-active {
        display: none
    }

    .container-mix {
        max-width: 1208px;
        margin-right: auto;
        margin-left: auto
    }

    #menuMainSw .swiper-box.active {
        background-color: #fff
    }

    #menuMainSw .swiper-box.active span {
        color: #005030;
        font-weight: 700
    }

    #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon {
        display: none
    }

    #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon.icon-active {
        display: block
    }

    #menuMainSwSub {
        background-color: var(--second-color);
        border-radius: 4px 4px 0 0
    }

    #menuMainSwSub .menu-sub-item {
        padding: 5px 0 2px;
        border-bottom: 3px solid var(--second-color)
    }

    #menuMainSwSub .menu-sub-item a {
        display: block;
        width: 100%;
        text-decoration: none;
        line-height: 35px;
        text-align: center;
        border-right: 1px solid #005030
    }

    #menuMainSwSub .menu-sub-item a .text-mb {
        color: #fff;
        position: relative;
        font-size: 14px;
        font-weight: 700
    }

    #menuMainSwSub .menu-sub-item a .newMark {
        position: absolute;
        right: -100%;
        top: -5px;
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        font-weight: 400;
        background: #fb2b1c;
        color: #fff;
        padding: 0;
        border-radius: 2px 0;
        z-index: 7;
        width: 28px;
        text-align: center
    }

    #menuMainSwSub .menu-sub-item a .fav_count {
        top: 0
    }

    #menuMainSwSub .menu-sub-item.on,#menuMainSwSub .menu-sub-item:hover {
        border-bottom-color: #fff;
        background: #337359
    }

    .sub-icon-box {
        display: none
    }

    #menuMainSw .swiper-box {
        flex-direction: column;
        height: 44px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px
    }

    .menuMainSp {
        width: 100%;
        overflow: hidden
    }

    #menuMainSw .swiper-box-icon {
        width: 28px;
        height: 28px;
        margin-right: 0;
        margin-bottom: 4px
    }

    #menuMainSw .swiper-box span {
        font-size: 10px;
        text-align: center;
        letter-spacing: .3px;
        color: #99b9ac;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #header-wrapper-sp.sticky {
        position: fixed;
        top: 0;
        z-index: 999
    }

    #header-wrapper-sp.sticky .mainBar-sp,#header-wrapper-sp.sticky .bottomBar-sp {
        display: none
    }

    .sw001 {
        padding: 0 8px
    }

    .container-mix.mix-mb,.container-mix.mix-mb #menuMainSwSub {
        background-color: #e6e6e6
    }

    #menuMainSwSub .swiper-slide {
        width: auto
    }

    .sub-icon-box {
        text-align: center;
        display: block;
        margin-bottom: 2px
    }

    #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon {
        display: none
    }

    #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon.sub-icon-box-icon-active {
        display: inline-block
    }

    .sub-icon-box img,.sub-icon-box {
        height: 20px
    }

    .sub-icon-box-icon.sub-icon-box-icon-active {
        display: none
    }

    #menuMainSwSub .menu-sub-item a .ct-t {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #menuMainSwSub .menu-sub-item a .text-mb {
        font-size: 10px;
        line-height: 1.1;
        color: #717171;
        display: inline-table;
        width: 100%;
        text-align: center
    }

    #menuMainSwSub .menu-sub-item a {
        border-right: 0;
        display: flex;
        width: 100%;
        line-height: 14px;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    #menuMainSwSub .menu-sub-item {
        background-color: #f2f2f2;
        padding: 6px;
        border-bottom: 0;
        width: 63px;
        height: 51px;
        align-items: center;
        flex-shrink: 0;
        border-radius: 4px
    }

    #menuMainSwSub .menu-sub-item a .fav_count {
        position: unset;
        display: block;
        margin-left: 50%;
        transform: translate(-50%)
    }

    #menuMainSwSub .menu-sub-item.on,#menuMainSwSub .menu-sub-item:hover {
        background: #e9f6f1
    }

    #menuMainSwSub .menu-sub-item.on a .text-mb {
        color: #005030
    }

    .dark .swiper-slide .menu-icon {
        display: block
    }

    .dark .swiper-slide a span {
        color: #bbb!important
    }

    .dark .table-setting.d-flex {
        color: #fff!important
    }

    .dark .swiper-slide .menu-icon.hide {
        display: none
    }

    .dark .settingBar {
        background-color: #030405!important
    }

    .dark .soundSetting .selectbox {
        border: 1px solid #243b32
    }

    .dark .soundSetting .selectbox span {
        background-color: #001f13;
        color: #fff;
        border-right: 1px solid #243b32
    }

    .dark #menuMainSw .swiper-box.active span {
        color: #005030!important
    }

    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030!important;
        font-weight: 600!important
    }

    .dark .bottomBar-sp #menuSp .swiper-slide a span {
        color: #717171!important
    }

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

    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #374033!important
    }

    #min #Layer1 {
        position: fixed!important
    }

    #showoptional2,#showCountry,#showFilterBox {
        left: 0
    }

    #ad_right_1,#div_ad_float {
        display: none
    }

    #min #Layer1 {
        width: 70%!important
    }

    #showoptional2,#showCountry,#showFilterBox {
        width: 100%!important
    }

    .date-now-none .date-picker>ul {
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px
    }

    .footer .bottom {
        flex-wrap: wrap
    }

    .bottom-item {
        width: 100%!important
    }

    .footer-logo {
        max-width: 311px!important;
        margin: initial
    }

    #mintable tr.adtext-bg td,.adtext1 {
        height: auto;
        padding-bottom: 3px
    }

    #switchLeagueBlock,#sbOddsCorner {
        display: none!important
    }

    #mintable tr td .add-div {
        text-align: center
    }

    #teammain-6in1 #odds {
        overflow-x: auto
    }

    #teammain-6in1 table {
        width: 1024px;
        border-collapse: separate;
        border: none;
        margin-bottom: 0!important;
        border-color: #fff;
        border-spacing: 0
    }

    #teammain-6in1 table .oodstable-t td {
        background-color: #e5e5e5
    }

    #teammain-6in1 table td {
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        background-color: #fff;
        box-sizing: border-box
    }

    #teammain-6in1 table tr td.td-hidematch {
        border-left: 1px solid #d0d0d0
    }

    #teammain-6in1 table.dataItem .underLine {
        text-align: left
    }

    #teammain-6in1 table.dataItem tr td.Leaguestitle {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--table_header)
    }

    #teammain-6in1 table.dataItem tr td.Leaguestitle {
        border-left: 1px solid #d0d0d0
    }

    #teammain-6in1 table td.sl {
        position: sticky;
        left: 0;
        z-index: 1
    }

    #teammain-6in1 table td.sl {
        left: 0
    }

    .dark #teammain-6in1 table,.dark #teammain-6in1 table td {
        background-color: #333
    }

    .dark #teammain-6in1 table td,.dark #teammain-6in1 table,.dark #teammain-6in1 table tr td.td-hidematch,#teammain-6in1 table.dataItem tr td.Leaguestitle {
        border-color: #585858
    }

    .dark #teammain-6in1 table.dataItem:nth-of-type(odd) tr td {
        background-color: #282828
    }

    #teammain-6in1 #Layer1 {
        max-width: 100%;
        box-sizing: border-box;
        width: 70%!important
    }

    #allSclassList {
        grid-template-columns: repeat(8,1fr)
    }

    .dark #tools li span:hover {
        color: #fff!important
    }

    #header-wrapper-sp .favCount-mobile {
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 10px;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        padding: 0;
        text-align: center
    }

    .add-div .add-info2:hover:after {
        display: none
    }

    #bottomFly {
        max-width: 100%;
        width: calc(100% - 185px)!important
    }

    #bottomFly img {
        max-width: 100%
    }

    #ad_middle_2 {
        display: flex
    }

    .container-mcontent {
        margin-top: 10px
    }

    #introduce_div table tr td p {
        white-space: initial;
        text-align: justify
    }

    #info #i_main #introduce_div .data:not(#mainTitle):not(#lastUpdateTime) table tr td,#info #i_main2 #introduce_div .data:not(#mainTitle):not(#lastUpdateTime) table tr td {
        padding: 10px!important
    }

    #tools-mobile {
        display: flex!important
    }

    #topAdDivNew2 {
        display: block!important;
        margin: 0 -8px 5px;
        text-align: center
    }

    body #tools.tools {
        display: none
    }

    #mintable tr .match-detail-box {
        display: flex;
        justify-content: space-between;
        padding: 7px 8px;
        border-top: 1px;
        background-color: #f2f2f2
    }

    .dark #mintable tr .match-detail-box {
        background-color: #282828
    }

    #mintable .Detail-icon {
        margin-right: 9px
    }

    #mintable tr .match-detail-box.show .match-detail-dropdown {
        transform: rotate(180deg)
    }

    .league_banner {
        margin-bottom: 5px
    }

    .date-picker {
        margin-top: 10px
    }

    .match-detail-dropdown {
        background: url(./assets/images/icon_arrow_right-black.svg);
        width: 14px;
        height: 14px;
        display: block
    }

    .dark .match-detail-dropdown {
        background: url(./assets/images/icon_arrow_right-white.svg)
    }

    #mintable .match-detail-row {
        background-color: #fff;
        border-top: 1px solid #bfbfbf66;
        display: flex;
        margin-bottom: 5px
    }

    #mintable tr.tds {
        border-bottom: 0
    }

    #mintable tr.tds .toolimg .matchdata-icon {
        display: none
    }

    #mintable tr.tds td.status {
        padding: 0 22px 0 0;
        color: #e00606;
        top: -3px
    }

    #mintable tr.tds td.status:after {
        right: -25px
    }

    .conner_span {
        display: none
    }

    #mintable tr.tds {
        grid-template-columns: 30px 1fr 25px 24px 6px 45px 45px 45px
    }

    #mintable tr.tds .toolimg .mobile.conner_span {
        display: inline-block;
        width: 30px;
        color: #8c8c8c;
        line-height: 6px;
        position: absolute;
        left: 25px;
        top: 8px;
        padding-left: 4px
    }

    #mintable tr.tds .toolimg .mobile.conner_span .dash-ratio {
        display: inline-block;
        opacity: 1;
        color: #8c8c8c;
        padding: 0 2px
    }
}

@media (max-width: 668px) {
    #switchLeagueBlock,.min-setting-element {
        margin-top:7px;
        margin-bottom: 5px
    }

    body #teammain-6in1 .Leaguestitle span {
        position: sticky;
        left: 4px;
        z-index: 1
    }

    .min-setting-element {
        order: 2
    }

    #tools li {
        height: 28px
    }

    #tools .odds_setting {
        margin-bottom: 4px
    }

    body #tools.tools>.clear {
        display: none
    }

    body #tools.tools>.f11 {
        margin-top: 0
    }

    #allSclassList {
        grid-template-columns: repeat(6,1fr)
    }

    #info .Area {
        overflow-x: auto
    }

    #info .Area ul {
        width: 800px;
        margin-bottom: 0;
        height: 30px;
        line-height: 30px
    }

    #info .Area li a {
        font-size: 12px;
        line-height: 30px
    }

    div#header-wrapper-sp .mainBar-sp {
        padding: 0 8px
    }
}

@media (max-width: 668px) {
    .searchWin .popupbox.sch {
        width:100%!important
    }

    .searchWin {
        width: 90%!important;
        left: 50%!important;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%)
    }

    #main #left,#main #min {
        width: 100%;
        float: none
    }

    #main #left {
        display: none
    }

    #main #min {
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 8px
    }

    #main #left {
        margin-right: 0;
        min-height: auto;
        margin-bottom: 20px;
        justify-content: space-between
    }

    .searchWin .sch .popuptit {
        padding: 10px!important
    }

    .searchWin .popuptit .typebtn.sort {
        margin-top: 10px!important;
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important
    }

    .searchWin .scorelists .htname,.searchWin .scorelists .gtname {
        width: 100px
    }

    #min #Layer1 {
        width: 90%!important
    }

    .div_inner_bottom_span_ul {
        width: 300px!important
    }

    .correct-score .real-score {
        width: 200px;
        overflow-x: auto
    }

    .correct-score .real-score .box-correct {
        width: 495px
    }

    #bottomFly {
        width: calc(100% - 20px)!important
    }

    .nodatapage .alogo {
        font-size: 46px!important;
        margin-bottom: 30px
    }

    .nodatapage .explain {
        font-size: 20px
    }

    .nodatapage .iconsbtn a,.dark .nodatapage .iconsbtn a {
        min-width: 80px!important
    }

    .nodatapage .backbtn {
        background: #226204;
        color: #fff;
        width: 150px!important;
        padding: 0 10px;
        margin: 0 auto;
        border-radius: 4px;
        display: block
    }

    .searchWin .close {
        top: 20px!important
    }

    .scorestats_class #Table1,.goaltime_class #Table1 {
        width: max-content!important
    }

    .hfstats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.hfstats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr>th:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr>td:nth-child(1) {
        width: max-content;
        padding-right: 10px;
        position: sticky;
        left: 0;
        z-index: 1;
        background: #fff
    }

    .hfstats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr>th:nth-child(1) {
        background-color: #e6e6e6
    }

    .hfstats_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1),.scorestats_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1),.goaltime_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1) {
        background-color: #f7f7f7!important
    }

    .dark.hfstats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.dark.scorestats_class #tableId .tdlink>tbody>tr>td:nth-child(1),.dark.goaltime_class #tableId .tdlink>tbody>tr>td:nth-child(1) {
        background-color: #282828!important
    }

    .dark.hfstats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.dark.scorestats_class #tableId .tdlink>tbody>tr>th:nth-child(1),.dark.goaltime_class #tableId .tdlink>tbody>tr>th:nth-child(1) {
        background-color: #222
    }

    .dark .hfstats_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1),.dark .scorestats_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1),.dark .goaltime_class #tableId .tdlink>tbody>tr:nth-child(odd)>td:nth-child(1) {
        background-color: #222!important
    }

    #mintable tr.scoretitle #oddsHead {
        right: 16px;
        display: none
    }

    #div_goal {
        width: calc(100% - 28px)!important;
        left: 14px!important;
        box-sizing: border-box!important
    }

    #div_goal table {
        max-width: 100%;
        width: 100%
    }

    .l0:hover:after {
        left: -42px
    }
}

@media screen and (max-width: 480px) {
    .league_banner td div {
        align-items:center
    }

    .league_banner td div a {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bottomBar-sp {
        padding-left: 8px;
        padding-right: 8px;
        transform: translateY(1px)
    }

    .crumbs {
        padding-left: 8px;
        padding-right: 8px
    }

    .crumbs #breadcrumbs {
        margin-left: 0
    }
}

@media (max-width: 650px) {
    .LGname {
        font-size:12px
    }

    #switchLeagueBlock {
        margin-top: 8px
    }

    #allSclassList {
        grid-template-columns: repeat(5,1fr)
    }

    #oddsChange {
        left: 20px!important;
        width: 90%!important;
        overflow-x: auto
    }

    #oddsChange .closebtn {
        position: sticky;
        top: 0;
        left: 95%
    }

    body #main #min {
        background-color: #e5e5e5
    }

    body.dark #main #min {
        background-color: #030405!important
    }

    .dark #mintable tr.tds {
        background-color: #282828
    }

    #soccer .mcontent .oddstd {
        margin-top: 2px
    }
}

@media (max-width: 480px) {
    .min-setting-element {
        margin-top:8px
    }

    #min #Layer1 {
        width: 95%!important
    }

    #filterList {
        padding: 10px;
        max-height: 350px;
        overflow: auto
    }

    #filterList .name {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        padding-left: 5px;
        margin-top: 10px
    }

    #showoptional2 li,#showCountry li,#showCompany li,#showFilterBox li,.searchWin .sch .sch_list {
        width: 100%!important;
        box-sizing: border-box
    }

    #myleague2,#countryListDiv,#myleague {
        max-height: 350px
    }

    .bts .ent,.bts span {
        margin-top: 5px
    }

    .searchWin .scorelists {
        display: grid!important;
        grid-template-columns: repeat(12,1fr)
    }

    .searchWin .scorelists>.iconfont:is(.icon-font-collect-off,.icon-font-collect-on),.searchWin .scorelists .time {
        grid-column: span 6 / span 6
    }

    .searchWin .scorelists>.iconfont:is(.icon-font-collect-off,.icon-font-collect-on) {
        text-align: left;
        padding-left: 6px
    }

    .searchWin .scorelists .time {
        text-align: right;
        padding-right: 6px;
        justify-content: end
    }

    .searchWin .scorelists>* {
        width: auto!important
    }

    .searchWin .scorelists .state {
        display: none
    }

    .searchWin .scorelists .htname {
        grid-column: span 5 / span 5
    }

    .searchWin .scorelists .score {
        grid-column: span 2 / span 2
    }

    .searchWin .scorelists .gtname {
        grid-column: span 5 / span 5
    }

    #OddsFilter table {
        width: 100%
    }

    #OddsFilter {
        padding-left: 10px;
        padding-right: 10px
    }

    #bottomFly {
        max-width: 100%
    }

    #teammain-6in1 table td.sl {
        width: 10%
    }

    body #teammain-6in1 #tools.tools>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    body #teammain-6in1 #tools.tools>ul .Preferences2 {
        margin-left: 4px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px
    }

    body #teammain-6in1 #tools.tools>ul .f11 {
        box-sizing: border-box;
        width: calc(100% - 130px)
    }

    #allSclassList {
        grid-template-columns: repeat(4,1fr)
    }

    #returnTop .glove,#returnTop #feedBack {
        display: none
    }

    .notes-div {
        padding: 10px 20px;
        width: 300px
    }

    #ad_middle_2 a img,#ad_middle_3 a img {
        width: 100%
    }

    .span-mobile-break {
        display: block;
        margin-top: 10px
    }

    .pagewrap-content input {
        width: 100%
    }

    #mintable tr .ant {
        overflow: auto
    }

    #mintable tr .ant .flash,#mintable tr .matchdata {
        float: none;
        width: 100%
    }
}

@media (max-width: 340px) {
    #allSclassList {
        grid-template-columns:repeat(3,1fr)
    }

    .database-floatDiv.itemMiddle {
        left: 50%!important;
        margin-left: -170px
    }

    .database-floatDiv.itemMiddle .div_inner_bottom_span_ul:before {
        left: 50%
    }

    .database-floatDiv.spDiv {
        left: initial!important;
        right: 0
    }

    body .spDiv ul {
        right: 10px!important
    }

    #ad_middle_2 a img,#ad_middle_3 a img {
        width: 100%
    }

    #delayShow #mainTitle .tdlink tr {
        width: 100%!important
    }

    #delayShow #mainTitle .tdlink tr td {
        display: flex!important
    }

    #delayShow #mainTitle .tdlink tr:first-of-type td {
        width: 100%!important
    }

    #delayShow #mainTitle .tdlink tr {
        margin-top: 0!important
    }

    #delayShow #mainTitle .tdlink tr {
        position: initial!important
    }

    #delayShow #mainTitle .tdlink.team-head tr {
        position: absolute!important
    }

    #delayShow #mainTitle .tdlink.team-head tr:first-of-type td {
        width: calc(100% - 20px)!important
    }

    #delayShow #mainTitle .tdlink table tr {
        padding-left: 40px;
        box-sizing: border-box
    }

    #delayShow #mainTitle .tdlink table tr .teamicon {
        text-align: left;
        margin-right: initial;
        margin-left: initial
    }

    #info #i_main .main_title .title_left select,#info #i_main2 .main_title .title_left select {
        max-width: 165px;
        box-sizing: border-box
    }

    .pagewrap-content h2:first-of-type {
        font-size: 28px!important
    }

    .pagewrap-contact .eng_content,.pagewrap-contact .thai_content {
        padding-left: 16px;
        padding-right: 16px
    }

    .pagewrap-contact .eng_content .info,.pagewrap-contact .thai_content .info {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 340px) {
    #menuMainSw .swiper-wrapper {
        justify-content:initial
    }

    #CompanySel {
        font-size: 10px;
        width: auto;
        padding-left: 1px;
        margin-right: 0
    }

    div#header-wrapper-sp .mainBar-sp,.bottomBar-sp,.crumbs,.footer .bottom,#main3,#info,body.info-mobile #info {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    #mintable tr.scoretitle #oddsHead,#header-wrapper-sp .theme-div,.pagewrap-contact .eng_content,.pagewrap-contact .thai_content {
        right: 8px!important
    }
}

@media (max-width: 480px) {
    .bottomBar-sp {
        padding:8px
    }

    body #main #min {
        background-color: #e5e5e5
    }
}

@media (max-width: 340px) {
    #tools .f11 {
        width:100%
    }

    #allSclassList {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 480px) and (max-width: 668px) {
    .swiper-slide {
        min-width:calc((100% - 20px)/5)
    }
}

@media (min-width: 480px) and (max-width: 668px) {
    .bottomBar-sp {
        padding:11px 8px 4px
    }
}

@media (max-width: 668px) {
    html body #info #i_main .sub_menu {
        overflow-x:scroll;
        scrollbar-width: none;
        display: flex;
        flex-wrap: nowrap
    }

    html body #info #i_main .sub_menu a {
        text-wrap: nowrap
    }
}

#topAdDivNew1 {
    background-color: #e5e5e5;
    text-align: center
}

.dark #topAdDivNew1 {
    background-color: initial
}

@media (max-width: 340px) {
    #topAdDivNew img,#topAdDivNew1 img,#topAdDivNew2 img {
        width:100%
    }

    .league_banner,.mobile-banner {
        margin: 0 -10px
    }
}

:root {
    --text-primary: #15825f;
    --primary-color: #397f19;
    --second-color: #43951e;
    --down: green;
    --up: red
}
:root[site_id="4"] {
    --text-primary: #3c78c6;
    --primary-color: #1b60b9;
    --second-color: #3c78c6;
}

.dark {
    --primary-color: #397f19;
    --second-color: #43951e
}

.o-lose {
    background-color: #d64444!important
}

.o-win {
    background-color: #71ab49!important
}

.o-draw {
    background-color: #348ce2!important
}

.oods-c-bg1,.up {
    background-color: #f9d2d2
}

.oods-c-bg2,.down {
    background-color: #c9e8c6
}

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

.fx-win {
    background-color: #ee6435
}

.fx-lose {
    background-color: #60b723
}

.dark .oods-c-bg1,.dark .up {
    background-color: #8e3c64
}

.dark .oods-c-bg2,.dark .down {
    background-color: #1e612e
}

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

.up_red {
    background-color: #fad2c9
}

.dark .up_red {
    background-color: #8c4332
}

.down_green {
    background-color: #e4f5cb
}

.dark .down_green {
    background-color: #466b10
}

.o-up {
    color: red
}

.o-down {
    color: green
}

.win-f {
    color: #ee6435
}

.lose-f {
    color: #60b723
}

.draw-f {
    color: #348ce2
}

.ant .odds .downBG {
    background: #8f8
}

.dark .ant .odds .downBG {
    background: #922828
}

.ant .odds .upBG {
    background: #f88
}

.dark .ant .odds .upBG {
    background: #3c843c
}

.down2 {
    background: url(../assets/images/redDown.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: red
}

.up2 {
    background: url(../assets/images/greenUp.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: green
}

#header-wrapper,#analyMap a,.dark .jqTitle,.bts .ent,.popup-container .popup-titlebar,.oddsHead select,.jqTitle,#free-tools .on,.newsetting .selectbox span.on,.switch>input[type=checkbox]:checked+.switch-style {
    background-color: var(--primary-color)!important
}

.dark #soccerSettingWin .switch>input[type=checkbox]:checked+.switch-style {
    background-color: #282c27!important
}

.tools,.mintopnav {
    border-color: var(--second-color);
    border-bottom: 3px solid var(--second-color)
}

.popup-container .popup-content {
    border: solid 3px var(--second-color)
}

.menu2,#soccer .scoretitle td,#tools .on span,#tools .on span:hover,#soccer.dark #tools .on span,#soccer.dark #tools .on span:hover,.mintopnav li.on a,.mintopnav.v2 li.on a,.nav_select {
    background-color: var(--second-color) !important;
}

#soccer .menu2 li a,#basketball .menu2 li a {
    border-right: 1px solid var(--black20)
}

.menu2 li .on,.menu2 li .on:hover {
    color: var(--primary-color)
}

#basketball #header-wrapper,#basketball .oddsHead select,#basketball #analyMap a,#basketball .nav_select,#basketball .mintopnav li.on a,#basketball .menu2,#basketball #tools .on span,#basketball #tools .on span:hover,#basketball .mintopnav.v2 li.on a,.on-bg-color {
    background-color: var(--primary-color)
}

#basketball .tools,#basketball .mintopnav {
    border-color: var(--primary-color)
}

.lqAnalysisSel {
    width: 43px
}

#basketball .menu2,#basketball #tools .on span,#basketball #tools .on span:hover,#basketball .mintopnav.v2 li.on a,.on-bg-color {
    background-color: var(--second-color)
}

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

#basketball .tools,#basketball .mintopnav {
    border-color: var(--second-color)
}

.analyze-icon:hover:after {
    content: "Phân tích"
}

#soccer .Leaguestitle,#basketball .Leaguestitle,#soccer .team_leaguetitle {
    background: var(--table_header)
}

.dark#soccer .Leaguestitle {
    background-color: #282828
}

#soccer .Leaguestitle td,#basketball .Leaguestitle td {
    border-bottom: 1px solid #bfbfbf66!important
}

#soccer .Leaguestitle.team,#basketball .Leaguestitle.team {
    background: var(--bgcolor-3)!important
}

.FootTroDiv {
    width: 1060px;
    margin: auto
}

.ant .cvd {
    width: 200px
}

.lr_tit {
    padding-left: 0
}

#top-tools {
    background-color: #2e3633
}

.Preferences2 {
    background-color: #cce6d8
}

.Preferences2 .switch>input[type=checkbox]:checked+.switch-style {
    background-color: #009973
}

.search-title span {
    background-color: var(--second-color)
}

#logoSpan {
    top: 7px
}

#btnSave {
    background-color: var(--primary-color)
}

.ant .btns {
    border-color: var(--primary-color);
    color: var(--text-primary)
}

.ant .btns .on,.ant .btns .on:hover {
    background: var(--primary-color)
}

.ant .btns span {
    border-color: var(--primary-color)
}

.liveBox .home-bar,.liveBox .guest-bar {
    background-color: #f60!important
}

#popupLinksMsg {
    background: #0a9261;
    border: 4px solid #3ebf8a;
    box-shadow: 0 8px 40px #28865e
}

#popupLinksMsg .closeBtn {
    background-color: #3ebf8a
}

#popupLinksMsg .linkBtn {
    box-shadow: 2px 2px 1px #056d41
}

#popupLinksMsg .linkBtn:hover {
    background-color: #e2fff6
}

.ef-radio>input[type=radio]:checked+.ef-radio-style {
    background-color: var(--primary-color)
}

.mintopnav a {
    padding: 0 35px
}

#analyMap a:hover,#analyMap a:first-child {
    background-color: #f60!important
}

#analyMap a {
    line-height: 26px
}

.team-table-home .team-name,.team-table-guest .team-name {
    width: 135px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-top: 3px
}

.hand-bg {
    background-color: var(--second-color)
}

.nav_select li {
    line-height: 23px;
    margin: 3px 3px 6px;
    border-radius: 3px
}

.nav_select .pd2 li:last-child {
    background: none;
    color: #fff
}

.nav_select .pd2 li a {
    color: #333
}

.nav_select .pd2 li a:hover {
    text-decoration: none
}

select#sel_showType {
    padding: 3px
}

.icon-matchdata,.icon-font-lineup,.icon-icon-live1 {
    color: var(--text-primary)
}

.sbtn,.sbtn2 {
    background: #e1f0eb
}

#basketball .search-title span {
    background-color: var(--second-color)
}

.menu {
    border-bottom: solid 4px #117152
}

.menu .goalspan.on {
    background: #117152;
    color: #fff;
    border-color: #117152
}

.tfd2 {
    background-color: #e7f3e4
}

.dark .tfd2 {
    background-color: var(--primary-color)
}

.ttt1 {
    background: #0f6a4d;
    color: #fff;
    line-height: 20px
}

.dark .ttt1 {
    background-color: #0f6a4d;
    color: #fff
}

.settool2 {
    border-bottom-color: var(--second-color)
}

.settool2 .setab a,.settool2 .setab a:visited,.settool2 .setab a:hover,.settool3 .klk a,.settool3 .klk a:visited,.settool3 .klk a:hover,.tbs .title,.dark .tbs .title {
    background: var(--second-color)
}

.font13se,.f_match {
    background: var(--primary-color)
}

nav.header {
    background: var(--primary-color)
}

.coursebu {
    width: 100px
}

.coursebu:hover {
    background: #40ac8d url(./assets/images/coursebu.svg) no-repeat 10px center;
    background-size: 18px
}

.course {
    background: var(--primary-color);
    border: 8px #054a34 solid
}

.course .img {
    background: url(./assets/images/makeStep.gif)
}

.content .Notice p {
    font-size: 18px
}

#ddlTimeZone li:hover,#ddlOddsType li:hover {
    background: var(--second-color)
}

#teamid table {
    border-collapse: separate
}

#teamid .oodstable-t .sl {
    text-align: center
}

.dark #choose_right li.on:hover {
    background: var(--second-color) url(./assets/images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right .on {
    background: url(./assets/images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right li.on:hover {
    background: #eef8e9 url(./assets/images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right li.hide:hover {
    background: #eef8e9 url(./assets/images/hide.png) no-repeat right;
    background-position-x: 460px
}

.btn .gl_btn.on {
    background: var(--primary-color)
}

.popup-container2 .popup-titlebar2 {
    background: var(--primary-color);
    border-top: 1px solid var(--primary-color)
}

.popup-container2 .popup-content2 {
    border: solid 3px var(--primary-color)
}

.bts .LQent {
    background-color: var(--second-color);
    color: #fff;
    padding: 0 30px
}

.nodatapage .alogo {
    color: var(--text-primary);
    font-size: 70px
}

.nodatapage .backbtn {
    background: var(--primary-color)
}

.match-odds-menu .on,ul.menu .on,.tabsBox .item.on,.dark .match-odds-menu .on,.dark ul.menu .on,.dark .tabsBox .item.on {
    background-color: var(--second-color)
}

.popinfo .complist.on,.popinfo .complist.on:hover {
    border-color: #a1c5b9
}

.tabsBox li.on {
    background-color: var(--second-color)
}

.crumbs a.off {
    color: var(--text-primary)
}

.leadpop .logo {
    width: 220px
}

.freesoccer #showoptional2 {
    top: 42px
}

.freesoccer #showCompany {
    top: 42px!important
}

#popup-setting-modal {
    display: none
}

.setit {
    float: right;
    background: #e5e5e5 url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/assets/images/setup.png) no-repeat 8px;
    padding: 0 8px 0 30px;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}

#soccerSettingWin {
    display: block;
    position: fixed;
    z-index: 5;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 20px #777;
    background-color: #fff;
    top: 52%;
    left: 50%;
    height: calc(100% - 60px);
    transform: translate(-50%,-50%)
}

.dark #soccerSettingWin {
    box-shadow: 0 0 20px #000
}

.dark #soccerSettingWin {
    background-color: #1d1d12
}

#soccerSettingWin-lg {
    width: 220px;
    position: absolute;
    right: -10px;
    top: 29px;
    z-index: 5;
    display: none;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 20px #777
}

.dark #soccerSettingWin-lg {
    box-shadow: 0 0 20px #000
}

.nopadding li {
    padding: 0;
    line-height: 24px
}

.dark #soccerSettingWin-lg {
    background-color: #1d1d12
}

.odds_setting {
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 4px
}

.odds_setting p {
    clear: both;
    line-height: 18px;
    font-weight: 600
}

.odds_detail label {
    width: 40px;
    display: inline-block
}

.Preferences label {
    display: inline-block;
    width: 100%
}

.Preferences h3 {
    line-height: 20px;
    font-size: 12px;
    font-weight: 600
}

.Preferences li {
    float: none!important
}

.newsetting {
    padding: 0 12px 10px
}

.newsetting .odds_setting {
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.newsetting .odds_detail label {
    vertical-align: super;
    text-align: left
}

.newsetting .Preferences {
    padding: 0
}

.newsetting .Preferences li {
    padding: 0 3px
}

.newsetting .preferences_setting {
    margin-bottom: 5px
}

.newsetting .preferences_setting .display {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-bottom: 4px
}

.newsetting .display .selection-box {
    border: none;
    gap: 3px
}

.newsetting .display .selection-box span {
    border-radius: 4px;
    height: 22px;
    line-height: 22px
}

.dark .newsetting .display .selection-box span {
    color: #fff;
    background-color: #211a1a;
    border: 1px solid #20392f
}

.newsetting .preferences_setting .display>.setting-title {
    width: 30%
}

.newsetting .h3 {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: center
}

.newsetting .switch {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.newsetting .switch .switch-style {
    width: 26px;
    border-radius: 10px;
    float: none!important
}

.newsetting .switch .switch-style:before {
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.newsetting .soundbox {
    margin: 6px 0 10px
}

.newsetting .selection-box {
    border: 1px solid #b3c5be;
    border-radius: 3px;
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center
}

.newsetting .selection-box span {
    width: 100%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    height: 30px
}

.newsetting .selection-box span.on {
    background: #36932e!important;
    color: #fff
}

.dark #soccerSettingWin .newsetting .selection-box span.on {
    background: #22481f!important
}

.newsetting .preferences_setting .preferences_setting-title span {
    background-color: #e5e5e5
}

.dark .newsetting .preferences_setting .preferences_setting-title span {
    background-color: #211a1a
}

.newsetting .selection-box span:hover {
    background: #ffeece
}

.newsetting .selection-box.sound span {
    border-right: 1px solid #b3c5be;
    background-color: #fff
}

.dark .newsetting .selection-box.sound span {
    background-color: #211a1a
}

.newsetting .selection-box.sound span:last-child {
    border: none
}

.newsetting .selection-box {
    width: 100%;
    margin-bottom: 6px;
    outline: none;
    height: 22px
}

.dark .newsetting .preferences_setting,.dark .newsetting .selection-box,.dark .newsetting .selection-box.sound span {
    border-color: #20392f;
    color: #fff
}

.dark .newsetting .selection-box span:hover {
    background: #3a3a3a
}

.odds_setting .odds_detail {
    display: flex;
    justify-content: center
}

.odds_setting .odds_detail span {
    padding: 2px 10px;
    height: 30px;
    display: block;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px
}

.dark .odds_setting .odds_detail span {
    background-color: #22481f
}

#modal-layer {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #0006
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px
}

.modal-header .title {
    color: #0c0c0c;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.dark .modal-header .title {
    color: #fff
}

.modal-header {
    background-color: #fff
}

.dark .modal-header {
    background-color: #22481f
}

#soccerSettingWin .modal-title {
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700
}

.setting-title {
    color: #070f03;
    font-weight: 400
}

.dark .setting-title {
    color: #fff
}

.odds_setting {
    text-align: center
}

@media screen and (max-width: 668px) {
    #soccerSettingWin {
        width:95%;
        background-color: #e5e5e5
    }

    .odds_setting {
        display: flex;
        justify-content: space-between
    }

    #modal-layer {
        display: block
    }

    .newsetting .odds_setting {
        border-bottom: none
    }

    .newsetting .switch .switch-style {
        width: 39px;
        height: 21px
    }

    .newsetting .switch .switch-style:before {
        width: 19px;
        height: 19px
    }

    .newsetting .odds_detail label {
        text-align: center
    }

    .odds_setting .odds_detail {
        gap: 3px;
        justify-content: flex-start
    }

    .newsetting .selection-box {
        height: 30px
    }

    .newsetting .selection-box span {
        background-color: #fff
    }

    .dark .switch>input[type=checkbox]:checked+.switch-style {
        background-color: #282c27!important
    }
}

@font-face {
    font-family: iconfont;
    src: url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/iconfont.woff2) format("woff2"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/fonts/iconfont.woff) format("woff"),
    url(/wp-content/plugins/sport-wp-plugin-bongdalu/build/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: ""
}

.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: ""
}

.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: ""
}

.neutral_info:hover:after {
    content: "Sân trung lập"
}

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

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

.add-info-l:hover:after {
    content: "Theo dõi giải đấu"
}

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

.add-info-t:hover:after {
    content: "Theo dõi đội này"
}

.add-info-t2:hover:after {
    content: "Hủy theo dõi đội này"
}

.close-info:hover:after {
    content: "Xóa tất cả trận đấu của giải đấu này"
}

.hidden-info span:hover:after {
    content: "Ẩn tất cả trận đấu của giải đấu này"
}

.display-info:hover:after {
    content: "Hiển thị tất cả trận đấu của giải đấu này"
}

.hidden-team:hover:after {
    content: "Ẩn tất cả trận đấu của đội này"
}

.display-team:hover:after {
    content: "Hiển thị tất cả trận đấu của đội này"
}

.matchdata-icon:hover:after,.closedata-icon:hover:after {
    content: "Dữ liệu trận đấu"
}

.highlight-icon:hover:after {
    content: "Tóm tắt trận đấu"
}

.bkflash-icon:hover:after {
    content: "Minh họa trực tiếp"
}

.Detail-icon:hover:after {
    content: "Chi tiết"
}

.threeinone-icon:hover:after {
    content: "3 trong 1"
}

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

.rankicon:hover:after {
    content: "Bảng xếp hạng"
}

.Detail-basketball-icon:hover:after {
    content: "Thống kê"
}