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

.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 {
    background-color: #eff5ee
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oddschanges {
    background-color: #cecece
}

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

.down2 {
    background: url(../images/redDown.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: #f00
}

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

.resultColor {
    background: var(--yellow30)
}

.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 {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px
}

#topAdDiv a ~ a {
    margin-left: 5px
}

#ad_middle_122 {
    text-align: center;
    width: 1060px;
    margin: 0 auto;
    overflow: hidden
}

#ad_middle_122 a ~ a {
    margin-left: 4px
}

#ad_middle_122 a img {
    padding-top: 5px
}

#ad_middle_2 a ~ a {
    margin-left: 4px
}

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

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

.mcontent {
    width: 1060px;
    margin: 0 auto 10px auto;
    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 0
}

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

.leftnav span {
    padding-left: 24px;
    background: url(../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: normal;
    position: relative
}

ul.menu .on {
    background: #ff552c
}

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

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

#mintable td {
    text-align: center
}

#mintable .tds {
    height: 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: bold
}

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

.l1 .nolink {
    font-weight: bold;
    cursor: not-allowed
}

.l2 {
    float: right
}

.l2 img {
    margin: 0 2px
}

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

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

.l5 {
    float: right
}

.l5 img {
    margin: 0 2px
}

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

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

#div_search a:hover {
    text-decoration: none
}

#right {
    width: 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;
    height: 16px
}

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

A.sb {
    FONT-WEIGHT: bold;
    COLOR: #de574a;
    text-DECORATION: none
}

A.sb:hover {
    FONT-WEIGHT: bold
}

.dark A.sb {
    COLOR: #ea8989
}

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

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

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

.p2 {
    color: #999
}

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

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

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

#showoptional2 li label, #countryListDiv li label, #showoptional li label, #showCompany li label {
    line-height: 24px;
    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: bold
}

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

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

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

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

.bts .LQent {
    background-color: #8e3537;
    color: #fff;
    padding: 0 30px
}

.bts .LQent:hover, .bts .ent:hover {
    background-color: #f60
}

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

.dark .bts .LQent:hover, .dark .bts .ent:hover {
    background-color: #f60
}

.bts span:hover {
    background-color: #fff
}

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

.bts .fgSpan label {
    cursor: pointer
}

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

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

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

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

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

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

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

.oddschanges td {
    line-height: 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: bold
}

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

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

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

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

.m5 {
    margin-bottom: 5px
}

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

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

.agaT, .agaT td {
    background: var(--yellow20) !important
}

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

#teamid .sl {
    text-align: left
}

#teamid .sr {
    text-align: right
}

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

#main2 {
    background-color: #fff;
    clear: both;
    margin: 4px auto 0 auto;
    padding: 10px
}

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

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

.dark .bg1 {
    background-color: #282828 !important
}

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

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

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

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

.adclass {
    text-align: center
}

.white {
    color: #fff !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.JsTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 5px;
    background-color: #0c609c;
    color: #fff;
    -webkit-box-shadow: 0 0 9px #999;
    box-shadow: 0 0 9px #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4)
}

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

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

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

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

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

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

.dark #mScore {
    color: #de5b5c
}

.expLine {
    text-align: center
}

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

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

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

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

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

.search * {
    box-sizing: border-box
}

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

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

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

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

#oddsChange, #panluDiv, .bak_div {
    border-radius: 3px;
    overflow: hidden;
    padding: 5px
}

#main #left {
    overflow: hidden;
    padding: 0;
    min-height: 1320px
}

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

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

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

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

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

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

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

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

#popupLinksMsg .linkBtn:hover {
    background-color: #ffeee2
}

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

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

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

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

#newtop {
    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: bold;
    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: bold;
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

#byLink {
    visibility: hidden
}

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

.clear {
    clear: both
}

.menu2 {
    clear: both;
    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: bold;
    text-align: center;
    position: relative;
    cursor: pointer
}

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

.menu2 li a:hover {
    text-decoration: none
}

.menu2 li {
    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: bold
}

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

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

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

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

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

#main3 #tools li span {
    padding: 0 10px
}

#main3 #tools {
    padding: 0
}

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

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

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

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

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

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

.date-picker ul li a:hover {
    text-decoration: none
}

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

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

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

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

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

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

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

.date-now-none .date-picker-now {
    display: none
}

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

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

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

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

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

#calendar {
    box-shadow: 0 3px 6px rgba(0, 44, 95, .2);
    border-radius: 3px;
    padding: 10px;
    z-index: 10;
    box-sizing: border-box;
    text-align: center;
    width: 300px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.date_box .blueLink {
    color: #00f
}

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

.o-up {
    color: #008000
}

.o-down {
    color: #f00
}

.o-draw {
    color: #000
}

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

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

.on #myGamesCount {
    color: #ffd746
}

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

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

.switch .switch-style {
    height: 14px;
    width: 26px;
    background: #c1c1c1;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .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(../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(../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(../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: bold
}

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

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

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

.el-radio > input[type="radio"] {
    display: none
}

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

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

#filterList {
    padding: 10px
}

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

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

.ef-radio > input[type="radio"] {
    display: none
}

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

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

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

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

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

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

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

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

.menu2 li a, .leftnav li a, .Preferences li, #tools #filterLi a, #tools li span, #tools .filterLi2 a, #menu li a {
    transition: all .2s linear
}

.none {
    display: none
}

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

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

.closes, .collapse, .expand {
    display: inline-block;
    float: left;
    width: 25px;
    height: 28px;
    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)
}

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

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

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

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

.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: rgba(0, 0, 0, .08)
}

.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: 1200px) {
    .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 Locatio"
}

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

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

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

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

.add-info-t:hover:after {
    content: "Add this team to my favorites"
}

.add-info-t2:hover:after {
    content: "Remove this team"
}

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

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

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

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

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

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

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

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

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

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

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

.rankicon:hover:after {
    content: "Standings"
}

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

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

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

.threeinone-icon {
    display: inline-block;
    position: relative
}

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

/* .add-div .icon {
    padding-left: 3px
} */

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

.add-div .icon-font-collect-on {
    color: var(--yellow60) !important;
    font-size: 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: bold
}

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

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

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

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

.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 auto;
    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;
    color: #9c6c44
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#bottom a {
    color: #e5e5e5
}

#bottom .f_menu {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px
}

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

.menu, menuL {
    font-weight: bold
}

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

.menuL .flink {
    border-left: 0
}

.network a {
    display: inline-block;
    padding: 5px 8px;
    margin-right: 10px
}

.network a:hover, #bottom .webid a:hover {
    background-color: #3e3e3e;
    text-decoration: none;
    border-radius: 3px
}

.network img {
    vertical-align: -6px;
    margin-right: 6px;
    width: 23px;
    height: 23px
}

.webid {
    text-align: center;
    margin-bottom: 10px
}

.webid .li {
    border-right: 1px solid #888;
    margin: 0 10px;
    display: inline-block;
    height: 12px
}

.webid .site {
    color: #d0d0d0;
    font-size: 14px;
    margin: 0 5px 0 20px
}

#bottom .webid a {
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    font-family: Gotham, Helvetica Neue, Helvetica, Arial, " sans-serif"
}

#bottom .webid a i {
    color: #f60;
    font-style: normal
}

#logoSpan i {
    display: inline-block;
    border-radius: 2px;
    vertical-align: 20px;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .2);
    padding: 0 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    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 rgba(0, 0, 0, .6);
    animation: popover .2s ease-in-out;
    border-radius: 6px;
    white-space: nowrap
}

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

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

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

.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(../images/FaceBook.png)
}

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

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

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

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

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

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

.bak_div {
    width: 550px
}

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

.bak_div td {
    TEXT-ALIGN: center;
    LINE-HEIGHT: 21px
}

.bak_div .odd-bg1 b {
    white-space: nowrap
}

.goal_bg {
    background-color: #bb2
}

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

.redcard_bg {
    background-color: #f88
}

.tipsNum {
    margin-right: 10px;
    color: rgba(0, 0, 0, .6);
    display: none
}

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

.tipsNum0 {
    margin-right: 35px;
    color: rgba(0, 0, 0, .6);
    display: none
}

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

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

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

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

.homeSix span, .guestSix span {
    font-size: 12px !important;
    font-weight: normal !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;
    margin-top: 1px;
    border: solid 1px #cecece;
    border-radius: 2px;
    padding: 0 5px;
    display: block;
    cursor: pointer;
    margin: 0 3px 5px 0
}

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

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

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

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

#free-tools .on a, #free-tools .on a:hover {
    color: #fff !important
}

#detail-oddsSel {
    -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/vn/images/ar-down.svg');
    background-position: right 10px center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 6px;
}

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

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



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

@media screen and (max-width: 1180px) {
    #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 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 rgb(255, 255, 255, 0)
}

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

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

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

.allno {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url(../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: rgba(0, 0, 0, .3);
    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(../images/in.gif);
    width: 3px;
    height: 8px
}

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

#basketball .listtab tr:hover {
    background: #ffeece;
    color: #ad6212;
    transition: all .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: bold;
    line-height: 34px;
    border: 1px solid #fff;
    border-radius: 3px;
    cursor: pointer
}

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

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

.loginBox .btn {
    padding: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center
}

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

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

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

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

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

.fav_count {
    white-space: nowrap;
    background: #f44336;
    border: solid 1px #f44336 !important;
    color: #fff;
    height: 15px;
    line-height: 14px;
    text-align: center;
    margin-left: 5px;
    font-weight: normal;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 9px;
    padding: 0 4px;
    box-sizing: initial
}

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

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

.sdss {
    background-color: #e5e5e5
}

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

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

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

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

html {
    min-width: 1060px
}

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

.flyClose {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(0 0 0/40%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 100;
    cursor: pointer
}

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

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

.tav {
    color: #888
}

.to-1 {
    color: #555
}

.to-2 {
    color: #222
}

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

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

.dark .timeco {
    color: #888
}

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

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

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

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

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

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

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

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

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

.sjicon {
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto
}

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

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

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

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

.crumbs a.off {
    color: #307b06;
    font-weight: 600;
    margin: 0 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: #FFFF;
}
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(../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, 0);
    border-radius: 50%
}

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

.o-lose, .o-win, .o-draw {
    color: #fff;
    border-radius: 2px;
    width: 17px;
    display: inline-block;
    line-height: 17px;
    text-align: center
}

.o-lose {
    background-color: #d64444 !important
}

.o-win {
    background-color: #71ab49 !important
}

.o-draw {
    background-color: #f09b57 !important
}

.hbg-td1, .isLeaTop, .oddate, .fav-highlight {
    background-color: #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 0;
    margin: 0;
    color: #f00
}

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

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

body .Leaguestitle .rankicon, body .team_leaguetitle .rankicon {
    background: url(../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: bold;
    color: #fff;
    text-align: center
}

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

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

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

body .sloading {
    position: fixed;
    width: 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 0
}

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

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

.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 rgba(0, 0, 0, .3);
    z-index: 10000
}

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

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

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

body #tools.tools {
    overflow: initial
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.dark .ant .matchdata .databtns, body.dark #settingPop .box-footer, body.dark .matchList .item .exbar, body.dark #settingPop .dbList ul div, body.dark .w10, body.dark .calendar__days, body.dark #div_search, body.dark #oddsChange, body.dark #panluDiv, body.dark #calendar, body.dark #calendar .datelayer_td-blank, body.dark #calendar .datelayer_td-blank:hover, body.dark #main #min, body.dark #main3, body.dark #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 0;
    margin: 0;
    color: #f00
}

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

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

body.dark .Leaguestitle .rankicon, body.dark .team_leaguetitle .rankicon {
    background: url(../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: bold;
    color: #fff;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

li {
    vertical-align: bottom
}

img {
    border-width: 0
}

a {
    text-decoration: none
}

a:hover, .f11:hover {
    color: #f60;
    text-decoration: underline;
    cursor: pointer
}

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

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

._hide {
    display: none
}

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

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

.fbsclass:hover {
    color: #222;
    text-decoration: none;
    cursor: not-allowed
}

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

.LGname {
    color: var(--textcolor-1);
    font-weight: bold;
    cursor: pointer
}

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

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

.nolink {
    cursor: text !important;
    text-decoration: none !important;
    color: var(--textcolor-2) !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: normal;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    white-space: nowrap
}

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

.menu2, #soccer .scoretitle td, #tools .on span, #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: rgba(255, 255, 255, .7);
    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;
    height: 30px;
    margin-top: 8px
}

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

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

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

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

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

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

#liveCompareDiv .nodata .btn .icon, #iframeA .nodata .btn .icon {
    margin-right: 4px
}

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

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

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

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

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

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

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

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

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

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

.Leaguestitle td {
    padding-left: 8px;
    line-height: 25px
}

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

.scoretitle td {
    line-height: 20px
}

#top {
    position: relative;
    clear: both
}

#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(../images/user-login.png) no-repeat;
    cursor: pointer
}

#nav2 {
    width: 100%
}

#nav2 ul {
    margin-bottom: 5px
}

.nav2 {
    background: #fff;
    clear: both;
    border: solid 1px #e4e4e4;
    border-top: 0;
    height: 30px;
    text-align: center;
    width: 948px;
    margin: 0 auto;
    border-radius: 0 0 4px 4px
}

.nav2 li {
    background: url(/Content/Com/blue_img/ik.gif) no-repeat right;
    padding: 0 11px;
    line-height: 30px;
    display: block;
    float: left;
    height: 30px
}

.nav2 li.worldcup {
    background: url(../images/worldcup.png) no-repeat 10px center;
    background-size: auto 77%;
    padding-left: 26px
}

.nav2 li a {
    font-size: 14px
}

.nav22 {
    clear: both;
    height: 30px;
    text-align: center;
    background-color: #fff;
    width: 950px;
    margin: 0 auto
}

.nav22 li {
    background: url(/Content/Com/blue_img/ik.gif) no-repeat right;
    padding: 0 8px;
    line-height: 30px;
    display: inline;
    height: 30px;
    font-weight: bold
}

.nav22 li a {
    text-decoration: underline
}

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

#topAdDiv a ~ a {
    margin-left: 5px
}

#ad_middle_122 {
    text-align: center;
    width: 1060px;
    margin: 0 auto;
    overflow: hidden
}

#ad_middle_122 a ~ a {
    margin-left: 4px
}

#ad_middle_122 a img {
    padding-top: 5px
}

#ad_middle_2 a ~ a {
    margin-left: 4px
}

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

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

@font-face {
    font-family: "iconfont logo";
    src: url(../fonts/font_985780_km7mi63cihi.eot);
    src: url(../fonts/font_985780_km7mi63cihi.eot#iefix) format('embedded-opentype'), url(../fonts/font_985780_km7mi63cihi.woff) format('woff'), url(../fonts/font_985780_km7mi63cihi.ttf) format('truetype'), url(../images/font_985780_km7mi63cihi.svg#iconfont) format('svg')
}

.logo {
    font-family: "iconfont logo";
    font-size: 160px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nav-tabs {
    position: relative
}

.nav-tabs .nav-more {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 42px;
    line-height: 42px;
    color: #666
}

#tabs {
    border-bottom: 1px solid #eee
}

#tabs li {
    cursor: pointer;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    color: #666
}

#tabs .active {
    border-bottom-color: #f00;
    color: #222
}

.tab-container .content {
    display: none
}

.main {
    padding: 30px 100px;
    width: 960px;
    margin: 0 auto
}

.main .logo {
    color: #333;
    text-align: left;
    margin-bottom: 30px;
    line-height: 1;
    height: 110px;
    margin-top: -50px;
    overflow: hidden;
}

.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 0;
    font-weight: 500;
    clear: both
}

.markdown h1 {
    font-size: 28px
}

.markdown h2 {
    font-size: 22px
}

.markdown h3 {
    font-size: 16px
}

.markdown h4 {
    font-size: 14px
}

.markdown h5 {
    font-size: 12px
}

.markdown h6 {
    font-size: 12px
}

.markdown hr {
    height: 1px;
    border: 0;
    background: #e9e9e9;
    margin: 16px 0;
    clear: both
}

.markdown p {
    margin: 1em 0
}

.markdown > p, .markdown > blockquote, .markdown > .highlight, .markdown > ol, .markdown > ul {
    width: 80%
}

.markdown ul > li {
    list-style: circle
}

.markdown > ul li, .markdown blockquote ul > li {
    margin-left: 20px;
    padding-left: 4px
}

.markdown > ul li p, .markdown > ol li p {
    margin: .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: hsla(0, 0%, 100%, .5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function, .token.class-name {
    color: #dd4a68
}

.token.regex, .token.important, .token.variable {
    color: #e90
}

.token.important, .token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

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

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-max:before {
    content: ""
}

.icon-min:before {
    content: ""
}

.icon-odds1:before {
    content: ""
}

.icon-weather:before {
    content: ""
}

.icon-b-ant-off:before {
    content: ""
}

.icon-b-ant-on:before {
    content: ""
}

.icon-tennis_racket:before {
    content: ""
}

.icon-tennis_ball:before {
    content: ""
}

.icon-icon-live1:before {
    content: ""
}

.icon-icon-live2:before {
    content: ""
}

.icon-drop-down:before {
    content: ""
}

.icon-font-display:before {
    content: ""
}

.icon-live:before {
    content: ""
}

.icon-icon-corner1:before {
    content: ""
}

.icon-footballclass2:before {
    content: ""
}

.icon-footballclass1:before {
    content: ""
}

.icon-font-rank:before {
    content: ""
}

.icon-font-footballclass:before {
    content: ""
}

.icon-font-sendont:before {
    content: ""
}

.icon-font-esports:before {
    content: ""
}

.icon-font-topping:before {
    content: ""
}

.icon-font-hide:before {
    content: ""
}

.icon-font-bonus:before {
    content: ""
}

.icon-font-analysis:before {
    content: ""
}

.icon-font-camera:before {
    content: ""
}

.icon-font-delete:before {
    content: ""
}

.icon-font-follow:before {
    content: ""
}

.icon-font-hit:before {
    content: ""
}

.icon-font-hot:before {
    content: ""
}

.icon-font-emailver:before {
    content: ""
}

.icon-font-profile-email:before {
    content: ""
}

.icon-font-membershipchengyuanguanli:before {
    content: ""
}

.icon-font-post:before {
    content: ""
}

.icon-font-manypeople:before {
    content: ""
}

.icon-font-profile-password:before {
    content: ""
}

.icon-font-profile-withdrawalaccount:before {
    content: ""
}

.icon-font-report2:before {
    content: ""
}

.icon-font-index:before {
    content: ""
}

.icon-font-report:before {
    content: ""
}

.icon-font-improper:before {
    content: ""
}

.icon-font-time:before {
    content: ""
}

.icon-font-sharearticel:before {
    content: ""
}

.icon-font-record:before {
    content: ""
}

.icon-font-subscribe:before {
    content: ""
}

.icon-font-wifi:before {
    content: ""
}

.icon-font-wallet:before {
    content: ""
}

.icon-icon_help:before {
    content: ""
}

.icon-baseball:before {
    content: ""
}

.icon-font-forbidden:before {
    content: ""
}

.icon-font-subscribe2:before {
    content: ""
}

.icon-matchdata:before {
    content: ""
}

.icon-analysis:before {
    content: ""
}

.icon-odds:before {
    content: ""
}

.icon-t5:before {
    content: ""
}

.icon-font-share:before {
    content: ""
}

.icon-font-pk:before {
    content: ""
}

.icon-font-live1:before {
    content: ""
}

.icon-font-live2:before {
    content: ""
}

.icon-font-report21:before {
    content: ""
}

.icon-font-report3:before {
    content: ""
}

.icon-cricbat:before {
    content: ""
}

.icon-criball:before {
    content: ""
}

.icon-cricket:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-font-Telep:before {
    content: ""
}

.icon-fond-add:before {
    content: ""
}

.icon-font-ID:before {
    content: ""
}

.icon-font-number:before {
    content: ""
}

.icon-font-charge:before {
    content: ""
}

.icon-font-index1:before {
    content: ""
}

.icon-font-injured:before {
    content: ""
}

.icon-font-Assists:before {
    content: ""
}

.icon-font-female-yes:before {
    content: ""
}

.icon-font-male-yes:before {
    content: ""
}

.icon-font-male:before {
    content: ""
}

.icon-font-Tennis-y:before {
    content: ""
}

.icon-font-female:before {
    content: ""
}

.icon-font-Tennis:before {
    content: ""
}

.icon-font-animation:before {
    content: ""
}

.icon-font-push:before {
    content: ""
}

.icon-font-collect-on:before {
    content: ""
}

.icon-font-sort:before {
    content: ""
}

.icon-font-varicon:before {
    content: ""
}

.icon-font-collect-off:before {
    content: ""
}

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

.langue {
    color: white;
}
.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: 0px;
    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: 0px 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;
/* background: url(../../assets/vn/images/icon_arrow_right-white.svg) */
}


.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 0px rgba(0, 0, 0, 0.20), 1px 1px 6px 0px rgba(0, 0, 0, 0.20);
    display: none;
}

.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: 0px 8px;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 4px;
background: #F2F2F2;
}

.option.active {
background: #C1E1B1;
}

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

.dropdown-toggle::before {
content: '';
transition: 0.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/vn/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;
}


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


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

@media (max-width: 450px) {
    .line .teamname {
        width: 130px;
    }
    #flGoalDiv .line td {
        min-width: 40px;
    }
}
@media only screen and (max-width: 1000px) {
    .footer .bottom{
        padding: 20px 0;
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .footer .bottom .bottom-item:first-child{
       padding-top: 0px !important;
      }
      .footer .bottom .footer-logo img{
        max-width: 160px;
        object-fit: contain;
        max-height: 24px;
      }
      .footer  .bottom .bottom-item .bottom-item-title{
        font-size: 16px;
        text-transform: uppercase;
      }
      .footer .bottom .bottom-item .bottom-item-content ul li a{
        font-size: 14px;
      }
      .footer  .bottom .footer-logo{
        margin: 0;
      }
      .footer  .bottom_info{
        margin-top: 0;
      }
      tr.Leaguestitle.fbHead .rankicon:hover:after{
        right: 0;
      }
      tr.Leaguestitle.fbHead .hidden-info span:hover:after{
        right: 0;
      }
      #selectsound1, #selectsound2 {
        width: 100%;
        height: 26px;
      }
}

.ant .flash{
    overflow: hidden;
}
.dash-ratio-mb{
    display: none;
}
#matchData #rateOfScored1 .odd-container,#matchData #rateOfScored1 .even-container{
    display: none;
}
.tdlink.sub-head.lea-head th#winColumn{
    width: 86px;
}


@media (max-width: 1024px) {
    #main #left {
        display: none;
    }
     #main #min {
        width: 100%;
        margin-left:0 !important;
    }
    .menuMainSp .swiperMainMenu .swiper-slide:last-child{
        margin-right: 0 !important;
    }
    #menuMainSw .swiper-wrapper{
        justify-content: space-between !important;
    }
    #mintable table table{
        border-collapse: collapse;
    }
    #mintable tr.col-table-tab{
        display: table-row;
    }
    .dash-ratio.default-dash-ratio.opacity-0{
        opacity: 0 !important;
    }
    .dash-ratio-mb{
        display: block;
    }
    #matchData #rateOfScored1>.fx-comparision{
        display: none;
    }

    #matchData #rateOfScored1 .odd-container,#matchData #rateOfScored1 .even-container{
        float: left;
        display: flex;
        flex-wrap: wrap;
        width: 50%;
    }
    #matchData #rateOfScored1 .odd-container{
        margin-bottom: 15px;
    }
    #matchData #rateOfScored1 .odd-container .fx-comparision,#matchData #rateOfScored1 .even-container .fx-comparision {
        width: 100%;
    }

    #matchData .fx20.posediv.content{
        padding: 10px 0;
    }

    #soccer .Leaguestitle {
        background-color: #fff;
    }


    .collapse:before, .expand:before {
        content: '';
        box-sizing: border-box;
        transition: 0.3s all ease-in-out;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0; */
        transform: translateX(-50%);
        position: absolute;
        border: 0;
        background: url(../../assets/vn/images/icon_arrow_table_up.svg);
    }

    .expand:before {
        transform: rotate(180deg);
    }


    .collapse, .expand {
        width: 28px;
        height: 28px;
    }

    #soccer .Leaguestitle {
        background-color: #fff !important;
    }

    .dark .collapse:before {
        border-bottom: 0;
    }

    .dark#soccer .Leaguestitle {
        background-color: #282828 !important;
    }

    .dark .expand:before {
        border: 0;
    }

    .collapse:before, .expand:before {
        content: '';
        box-sizing: border-box;
        transition: 0.3s all ease-in-out;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0; */
        transform: translateX(-50%);
        position: absolute;
        border: 0;
        background: url(../../assets/vn/images/icon_arrow_table_up.svg);
    }

    .expand:before {
        transform: rotate(180deg);
    }


    .collapse, .expand {
        width: 28px;
        height: 28px;
    }

    #soccer .Leaguestitle {
        background-color: #fff !important;
    }

    .dark .collapse:before {
        border-bottom: 0;
    }

    .dark#soccer .Leaguestitle {
        background-color: #282828 !important;
    }

    .dark .expand:before {
        border: 0;
    }
}