.block-breadcrumb {
    font-weight: 100;
    font-family: Kanit;
    color: rgb(33, 31, 32);
    text-transform: uppercase;
}
.row-post-bc {
    /*padding: 5px !important;*/
    /*margin-bottom: 10px !important;*/
    background: #f2f2f2;
    font-size: 14px;
    margin-left: 0px;
    margin-right: 0px;
}
.hilight_team{
    background-color:green;
    color:white;
}



  .mintopnav {
    text-align: center
}

.mintopnav a {
    display: inline-block;
    text-align: center;
    padding: 0 30px;
    line-height: 24px;
    border-radius: 2px 2px 0 0
}

.mintopnav a:hover {
    text-decoration: none
}

.mintopnav.v2 li a {
    text-align: center;
    float: none;
    line-height: 30px;
    position: relative
}

.mintopnav.v2 li a i {
    right: 0;
    top: -5px
}

.mintopnav.v2 li {
    display: inline-block;
    margin: 0 -1px
}

.mintopnav.v2 li.on a,.mintopnav li.on a {
    color: #fff;
    line-height: 30px;
    border-radius: 2px 2px 0 0;
    font-weight: 600
}

.nav_select {
    overflow: hidden
}

.nav_select li {
    display: inline-block;
    padding: 0 10px;
    float: left;
    margin: 5px 3px;
    line-height: 24px;
    color: #fff;
    cursor: pointer
}

.nav_select li:first-child {
    margin-left: 10px
}

.nav_select li a {
    color: #fff
}

.nav_select .nav_selected {
    background-color: #114779;
    border-radius: 3px;
    opacity: 1
}

.stat-bar-wrapper {
    display: inline-block;
    position: relative;
    background-color: #eaeaea;
    width: 320px;
    height: 18px;
    overflow: hidden;
    vertical-align: middle
}

.dark .stat-bar-wrapper {
    background-color: #3a3a3a
}

.stat-bar-wrapper.homes {
    border-radius: 3px 0 0 3px
}

.stat-bar-wrapper.aways {
    border-radius: 0 3px 3px 0
}

.stat-bar {
    display: inline-block;
    height: 18px;
    position: absolute
}

.stat {
    overflow: hidden;
    padding: 5px 0 20px 0;
    text-align: center
}

.stat li {
    line-height: 18px;
    padding: 0 15px;
    margin-bottom: -1px
}

.stat-c {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 14px
}

.stat-title {
    display: inline-block;
    width: 140px;
    text-align: center;
    border: 1px solid #dcdcdc;
    box-shadow: 1px 1px 6px #d6d6d6;
    vertical-align: middle;
    line-height: 30px;
    background-color: #fff;
    margin: 0 -4px
}

.stat .homes .stat-bar,.home-bg {
    background-color: var(--home_team)
}

.stat .aways .stat-bar,.away-bg {
    background-color: var(--away_team)
}

.stat .homes .stat-bar {
    border-radius: 3px 0 0 3px
}

.stat .aways .stat-bar {
    border-radius: 0 3px 3px 0
}

.stat li:hover .stat-title {
    background-color: #fbfbcd
}

.dark .stat li:hover .stat-title {
    background-color: #333
}

.stat li:hover .stat-c {
    font-weight: bold;
    color: #d64444
}

.posediv {
    width: 1000px;
    position: relative
}

.fx-title {
    text-align: center;
    margin-bottom: 10px;
    color: #666
}

.fx-title img {
    display: none;
    height: 25px;
    vertical-align: middle;
    margin: 0 20px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px 0 10px 0
}

.fx-title span {
    display: inline-block;
    font-weight: bold
}

.fx-title-name {
    font-size: 18px;
    width: 310px
}

.fx-title .fx-title-vs {
    margin: 0 10px;
    width: 350px;
    font-size: 20px
}

.f-l {
    text-align: left!important
}

.f-r {
    text-align: right!important
}

.fx-tab {
    text-align: center;
    margin: 20px auto
}

.fx-tab li {
    display: inline-block;
    color: #666;
    width: 150px;
    line-height: 25px;
    vertical-align: middle
}

.fx-tab .middle-line {
    display: inline-block;
    width: 1px;
    background-color: #e5e5e5;
    margin: 0 170px;
    height: 30px;
    vertical-align: middle;
    padding: 0;
    border: 0
}

.fx-tab span {
    border-radius: 20px;
    display: inline-block;
    height: 25px
}

.fx-tab .fx-tab-on {
    color: #e27a48
}

.fx-tab .fx-tab-on2 {
    color: #3f9ed8
}

.fx-tab .fx-tab-on,.fx-tab .fx-tab-on2 {
    font-weight: bold;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.36);
    border-radius: 20px
}

.fx-tab2 {
    text-align: center;
    margin: 10px auto
}

.fx-tab2 li {
    display: inline-block;
    color: #666;
    width: 120px;
    line-height: 25px;
    vertical-align: middle;
    cursor: pointer
}

.fx-tab2 span {
    background-color: #e5e5e5;
    border-radius: 20px;
    display: inline-block;
    height: 25px;
    padding: 2px
}

.fx-tab2 .fx-tab2-on {
    color: #555;
    font-weight: bold;
    border-radius: 20px;
    background-color: #fff
}

.fx-comparision {
    width: 500px;
    margin: 0 auto;
    text-align: center
}

.fx-data-left,.fx-data-right {
    display: inline-block;
    vertical-align: middle
}

.fx-data-left li,.fx-data-right li {
    width: 200px
}

.fx-data-left li span {
    float: right
}

.fx-data-right li div,.fx-data-right li span {
    float: left
}

.fx-c2 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
    text-align: center
}

.fx-c2:after {
    content: "%";
    font-size: 12px;
    padding: 0 1px
}

.fx-c-l {
    border-radius: 3px 0 0 3px
}

.fx-c-r {
    border-radius: 0 3px 3px 0
}

.scoreComp {
    float: left
}

.missComp {
    float: right
}

.fx-c-l,.fx-c-r {
    height: 18px
}

.fx-c-3 {
    width: 60px;
    background-color: #fff;
    box-shadow: 1px 1px 4px #888;
    line-height: 30px;
    margin: 0 -3px -1px -4px;
    display: inline-block;
    vertical-align: middle
}

.fl {
    left: 0
}

.fr {
    right: 0
}

#tr_com_h td,#tr_com_g td {
    text-align: center
}

.team-table-other .fx-green {
    background-color: #60a93c!important;
    color: #fff
}

.team-table-other .fx-red {
    background-color: #ec4545!important;
    color: #fff
}

.team-table-other .fx-blue {
    background-color: #346ec5!important;
    color: #fff
}

.dark .team-table-other .fx-green {
    background-color: #407228!important
}

.dark .team-table-other .fx-red {
    background-color: #742222!important
}

.dark .team-table-other .fx-blue {
    background-color: #17335c!important
}

.plays .playBox .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20PX;
    border-radius: 5px;
    top: 75px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 28px 50px rgba(25,24,40,.35)
}

.plays .playBox .play span ul li,#matchBox .backupPlay .play span ul li {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 15px
}

.plays .playBox .play span ul li.icon,#matchBox .backupPlay .play span ul li.icon {
    float: left;
    width: 75px;
    height: 100px;
    background: #e1e1e1;
    position: absolute;
    left: 15px;
    top: 15px;
    margin-left: 0;
    border: 3px solid #d8d8d8
}

.plays .playBox .play span ul li.icon img,#matchBox .backupPlay .play span ul li.icon img {
    width: 100%;
    height: 100%
}

#matchBox .one .guest .playBox .play span ul {
    left: auto;
    right: auto
}

#matchBox .one .playBox .play span ul {
    top: 25px;
    left: auto
}

.plays .playBox .play span:hover ul,#matchBox .backupPlay .play span:hover ul {
    display: block
}

.plays .guest .playBox .play span ul {
    right: 0;
    left: auto
}

#matchBox .plays .playBox .play span:hover .name,#matchBox .backupPlay .play span:hover .name {
    background: #ff5722;
    color: #fff;
    cursor: pointer
}

#matchBox .plays .playBox .play span:hover .name a:hover,#matchBox .backupPlay .play span:hover .name a:hover {
    color: #fff;
    text-decoration: none
}

#matchBox .backupPlay .play span {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 20px;
    position: relative
}

#matchBox .backupPlay .play span:hover {
    z-index: 999
}

#matchBox .backupPlay .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20PX;
    border-radius: 5PX;
    top: -125px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 -28px 50px rgba(25,24,40,.35)
}

#matchBox .backupPlay .guest .play span ul {
    right: 0;
    left: auto
}

#matchBox .backupPlay .clean {
    clear: both
}

#matchBox ul li b {
    color: #a7a7a7;
    margin-right: 3px;
    font-weight: normal
}

#matchBox .number {
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    text-align: center;
    margin-right: 5px;
    position: absolute;
    border-radius: 20px;
    bacolor: #fff;
    border: 2px solid #3c5d1a
}

#matchBox .home .number {
    background-color: #e27a48;
    left: 61px;
    top: -4px;
    font-weight: bold
}

#matchBox .guest .number {
    background-color: #3f9ed8;
    left: -12px;
    top: -4px;
    font-weight: bold
}

#matchBox .one .home .number {
    left: -20px;
    top: -4px
}

#matchBox .one .guest .number {
    left: -20px;
    top: -4px
}

#mactbox-black {
    background-color: #444;
    overflow: hidden;
    padding: 30px 0 10px 0
}

#matchBox {
    background: url(../images/soccer-bg.png) no-repeat;
    color: #fff;
    width: 980px;
    margin: 0 auto;
    clear: both
}

.dark #matchBox {
    opacity: .85
}

.teamNames {
    position: relative;
    text-align: center;
    width: 980px;
    margin: 0 auto
}

.teamNames a {
    color: #fff
}

.tn-home,.tn-away {
    width: 50%;
    display: inline-block;
    float: left;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0
}

.tn-vs-d {
    position: absolute;
    left: 400px;
    width: 180px;
    height: 46px;
    border-radius: 6px;
    top: -3px;
    display: inline-block;
    transform: perspective(1.5em) rotateX(-5deg);
    transform-origin: top;
    background-color: #e8e8e8;
    background-image: linear-gradient(180deg,transparent,#ccc,#f0f0f0);
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.25)
}

.tn-vs-c {
    position: absolute;
    left: 400px;
    width: 180px;
    font-size: 22px;
    font-weight: bold;
    color: #555;
    top: -1px;
    display: inline-block
}

#matchBox .backupPlay {
    background-color: #41750d;
    border: 3px solid #71a140;
    border-top: 0;
    height: auto
}

#matchBox .backupPlay .play {
    width: 131px;
    height: 40px;
    color: #e7f1da;
    line-height: 20px;
    font-size: 12px;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap
}

#matchBox .backupPlay .play div {
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: block
}

#matchBox .backupPlay .play .name {
    background: #3a5c1b;
    width: 115px;
    height: 20px;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px
}

#matchBox .backupPlay .play .name a,#matchBox .backupPlay .play .name a:hover {
    color: #ceefc0
}

#matchBox .backupPlay .bu_txt {
    text-align: center;
    color: #79af35;
    font-size: 14px
}

#matchBox .backupPlay .home {
    width: 425px;
    clear: left;
    float: left;
    padding-left: 15px
}

#matchBox .backupPlay .guest {
    width: 425px;
    clear: right;
    float: right
}

#matchBox .plays {
    width: 100%;
    height: 450px;
    display: block
}

#matchBox .plays .home {
    width: 469px;
    float: left
}

#matchBox .plays .guest {
    width: 469px;
    float: right
}

#matchBox .plays .playBox {
    width: 117px;
    float: left;
    position: relative
}

#matchBox .plays .playBox .play {
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: table;
    position: relative
}

#matchBox .plays .playBox .play div {
    text-align: center;
    line-height: 20px;
    display: block;
    min-height: 20px
}

.plays .playBox .play span {
    vertical-align: middle;
    display: table-cell
}

#matchBox .plays .playBox .play .name {
    background: #3a5c1b;
    width: 80px;
    height: 20px;
    text-align: left;
    color: #e7f1da;
    line-height: 20px;
    padding-right: 5px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
    position: relative
}

#matchBox .plays .playBox .play .name a {
    color: #e7f1da;
    overflow: hidden;
    width: 60px;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

#matchBox .plays .guest .playBox .play .name a {
    padding-left: 20px
}

#matchBox .plays .five .playBox {
    width: 93px
}

#matchBox .plays .five .playBox .play .name {
    background: #3a5c1b;
    width: 80px;
    height: 20px;
    text-align: left;
    color: #e7f1da;
    line-height: 20px;
    padding-right: 5px;
    ont-size: 12px;
    float: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

#matchBox .plays .five .playBox .play .name a {
    width: 52px;
    height: 20px;
    text-align: left;
    color: #e7f1da;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

#matchBox .plays .guest.five .playBox .play .name a {
    padding-left: 25px
}

#matchBox .plays .playBox .play a:hover {
    color: #dcde2c
}

#matchBox .one .playBox {
    width: 75%;
    text-align: left;
    padding-top: 8px;
    margin-left: 25%
}

#matchBox .one .playBox .play {
    margin: 10px auto;
    width: 90%;
    height: 20px;
    white-space: nowrap
}

#matchBox .one .playBox .play .name {
    width: auto;
    height: 20px;
    text-align: left;
    color: #e7f1da;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis
}

#matchBox .one .playBox .play .img {
    vertical-align: middle;
    float: left;
    padding-left: 5px
}

#matchBox .hurtPlay {
    background-color: #41750d;
    border: 3px solid #71a140;
    border-top: 0;
    position: relative;
    height: auto;
    padding-bottom: 15px;
    overflow: hidden
}

#matchBox .hurtPlay h3 {
    color: #ff0;
    display: block;
    font-weight: normal;
    text-align: center;
    padding: 0;
    line-height: 30px;
    margin: 0;
    font-size: 14px
}

#matchBox .hurtPlay ul li,#matchBox .hurtPlay ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#matchBox .hurtPlay ul li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 12px
}

#matchBox .hurtPlay .title {
    background-color: #43800b;
    margin-bottom: 10px;
    line-height: 30px
}

#matchBox .hurtPlay .name {
    background: #3a5c1b;
    line-height: 20px;
    height: 20px;
    width: 84%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
    margin: 0 auto 5px auto
}

#matchBox .hurtPlay .play {
    color: #e7f1da;
    text-decoration: none;
    display: block;
    float: left;
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px;
    width: 114px;
    height: 40px
}

#matchBox .hurtPlay .name a {
    color: #e7f1da
}

#matchBox .hurtPlay .bu_txt {
    left: 484px;
    top: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #ff0;
    line-height: 20px;
    margin-top: -40px;
    position: absolute;
    margin-left: -25px;
    font-size: 14px
}

#matchBox .hurtPlay .home ul {
    width: 100%
}

#matchBox .hurtPlay .home {
    float: left;
    width: 425px;
    clear: left;
    margin-left: 1px;
    min-height: 70px
}

#matchBox .hurtPlay .guest {
    float: right;
    width: 425px;
    clear: right;
    margin-right: 1px
}

#matchBox .shutup {
    height: 24px;
    position: relative
}

#matchBox .shutup table {
    display: none
}

#matchBox .backupPlay .shutup-btn {
    background-color: #3a5c1b;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
    width: 80px;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}

#matchBox .backupPlay .shutup-btn:hover {
    background-color: #2a5206
}

#matchBox .shutup .shutup-btn {
    background-color: #41750d;
    width: 100%
}

#matchBox .backupPlay .shutup-btn:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid rgba(255,255,255,.5);
    border-top: 0 none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: 2px;
    margin-left: 5px
}

#matchBox .shutup .shutup-btn:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid rgba(255,255,255,.5);
    border-bottom: 0 none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: 2px;
    margin-left: 5px
}

#matchBox .backupPlay table {
    padding: 10px 0
}

.one .playBox .play span {
    padding: 0;
    display: inline
}

#home,#guest {
    float: left;
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px
}

#home {
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px;
    float: left
}

#guest {
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px;
    float: left
}

#home .name {
    text-align: center;
    color: #1286c5;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block
}

#guest .name {
    text-align: center;
    color: #1286c5;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block
}

.team-h1 {
    text-align: center
}

.team-h1 span {
    display: inline-block;
    width: 50%;
    height: 3px
}

#icons {
    line-height: 30px;
    overflow: hidden;
    padding: 10px;
    color: #999;
    width: 980px;
    margin: 0 auto
}

#icons div.title {
    background: url(/Content/images/bf_img/title.jpg) no-repeat left;
    margin: 0;
    padding: 0;
    height: 105px
}

#icons .icon {
    text-align: left;
    line-height: 24px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap;
    width: 185px;
    padding-right: 5px
}

#icons .icon img {
    margin-top: -3px;
    margin-right: 5px;
    vertical-align: middle
}

.playInfoBar {
    line-height: 22px
}

.playInfoBar .title {
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    display: block
}

.playInfoBar a {
    font-weight: normal;
    color: #fff;
    display: block;
    float: left;
    padding-right: 10px;
    padding-left: 10px
}

.playInfoBar a.on {
    color: #ca6800;
    background-color: #fff;
    font-weight: bold;
    opacity: .8
}

.team-table-title {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    position: relative;
    height: 40px;
    clear: both
}

.team-table-title .h-tools {
    display: inline-block;
    position: absolute;
    right: 10px;
    font-size: 14px
}

.team-table-title2 {
    text-align: center;
    margin-top: 10px;
    position: relative;
    height: 20px
}

.team-table-title2 span {
    position: inherit;
    bottom: -20px;
    font-weight: bold;
    font-size: 20px
}

.team-table-home {
    float: left
}

.team-table-guest {
    float: right
}

.team-table-home,.team-table-guest,.team-table-other {
    line-height: 20px
}

.team-table-home tr td,.team-table-guest tr td,.team-table-other tr td {
    padding: 3px 0
}

.team-table-home td,.team-table-guest td,.team-table-other td {
    text-align: center
}

.team-table-home .team-name,.team-table-guest .team-name {
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-top: 3px
}

.team-table-home th,.team-table-guest th,.team-table-other th {
    color: #888;
    font-weight: normal;
    line-height: 24px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap
}

.dark .team-table-home th,.dark .team-table-guest th,.dark .team-table-other th {
    background-color: #403f3f;
    border-bottom: 1px solid #525252
}

.team-div th.ll {
    border-left: 0
}

.team-div th.rl {
    border-right: 0
}

.team-home td,.home-m,.team-table-home .playInfoBar {
    background-color: #de682f!important;
    color: #fff!important;
    text-align: center;
    line-height: 28px
}

.team-guest td,.guest-m,.team-table-guest .playInfoBar {
    background-color: #2495da!important;
    color: #fff!important;
    text-align: center;
    line-height: 28px
}

.dark .team-home td,.dark .home-m,.dark .fx-home .fx-win,.dark .fx-home .fx-lose,.dark .stat .homes .stat-bar,.dark .home-bg,.dark .team-table-home .playInfoBar {
    background-color: var(--home_team)!important
}

.dark .team-guest td,.dark .guest-m,.dark .fx-guest .fx-win,.dark .fx-guest .fx-lose,.dark .stat .away .stat-bar,.dark .away-bg,.dark .stat .aways .stat-bar,.dark .away-bg,.dark .team-table-guest .playInfoBar {
    background-color: var(--away_team)!important
}

.dark .team-home-f,.dark .team-table-home .teamcolor {
    color: #c36233
}

.dark .team-away-f,.dark .team-table-guest .teamcolor,.dark .blueLink {
    color: #5cb1e6
}

.team-home2 td,.team-guest2 td {
    background-color: #b5b5b5;
    height: 1px;
    overflow: hidden
}

.team-home2 span,.team-guest2 span {
    display: none
}

.team-home td a,.team-guest td a,.home-m a,.guest-m a,.other-title td a {
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.other-title td,.team-table-other .other-title td {
    background-color: #888;
    line-height: 28px;
    color: #fff
}

.team-home-f,.team-table-home .teamcolor {
    color: #e27a48
}

.team-away-f,.team-table-guest .teamcolor,.blueLink {
    color: #3f9ed8
}

.team-table-other th select,.team-table-home th select,.team-table-guest th select {
    margin-top: 5px;
    border: 1px solid #d2d2d2
}

.team-table-other label,.team-table-home label,.team-table-guest label {
    font-size: 14px
}

.home-m b,.guest-m b {
    font-size: 14px;
    cursor: pointer
}

.home-m b:hover,.guest-m b:hover {
    text-decoration: underline
}

.rl {
    border-right: 1px solid #d8d8d8
}

.ll {
    border-left: 1px solid #d8d8d8
}

.dark .rl {
    border-right: 1px solid #525252
}

.dark .ll {
    border-left: 1px solid #525252
}

.team-table-other .no-b-l,.team-table-home .no-b-l,.team-table-guest .no-b-l {
    border-bottom: 0
}

.hbg-td1r {
    background-color: #fff!important
}

.hbg-td2r {
    background-color: #fff!important
}

.hbg-td3r {
    background-color: #fff!important
}

.hbg-td4r {
    background-color: #fff!important
}

.dark .hbg-td1r {
    background-color: #404040!important
}

.dark .hbg-td2r {
    background-color: #404040!important
}

.dark .hbg-td3r {
    background-color: #404040!important
}

.dark .hbg-td4r {
    background-color: #404040!important
}

.th-bg2 {
    font-weight: bold!important;
    background-color: #e0e0e0!important
}

.dark .th-bg2 {
    background-color: #353434!important
}

.th-bg3 {
    font-weight: bold!important
}

.bg-td2 {
    background-color: #f5f5f5
}

.lo-f2 {
    font-weight: bold
}

.prediction-info {
    line-height: 35px;
    color: #666
}

.Prediction-t {
    font-size: 14px;
    font-weight: bold
}

.team-table-other .Prediction-c {
    padding: 20px;
    line-height: 22px;
    text-align: left;
    font-size: 12px
}

.ky_tit th {
    font-size: 14px;
    line-height: 34px;
    font-weight: bold
}

.ky_tit .t15 {
    color: #e86e33;
    font-size: 16px;
    font-weight: bold
}

.ky_tit .blue {
    color: #0089f1
}

.team-div {
    overflow: hidden;
    clear: both;
    z-index: 999
}

.home-div {
    width: 49.5%;
    float: left
}

.guest-div {
    width: 49.5%;
    float: right
}

.player-list {
    padding: 10px;
    overflow: hidden;
    line-height: 28px
}

.player-row {
    float: left;
    display: inline-block;
    width: 47%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 10px;
    cursor: pointer
}

.player-row a {
    display: inline-block;
    vertical-align: -8px;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.player-row span {
    background: #e5e5e5;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    border-radius: 20px;
    line-height: 20px
}

.dark .player-row span {
    background: #565656
}

.player-row b {
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    text-align: center;
    color: #386e90
}

.home-div .Lineup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #fffcec;
    border-bottom: 1px solid #e6deb1
}

.dark .home-div .Lineup {
    background-color: #403e37;
    border-bottom: 1px solid #504d3c
}

.home-div .Lineup:before {
    display: inline-grid;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #f5d155;
    border-radius: 20px;
    margin-right: 8px
}

.dark .home-div .Lineup:before {
    background-color: #776527
}

.guest-div .Lineup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #ecf8ff;
    border-bottom: 1px solid #cbdfec
}

.dark .guest-div .Lineup {
    background-color: #4e5558;
    border-bottom: 1px solid #606e77
}

.guest-div .Lineup:before {
    display: inline-grid;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #9fcbe6;
    border-radius: 20px;
    margin-right: 8px
}

.dark .guest-div .Lineup:before {
    background-color: #546e7d
}

.Backup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8
}

.Backup:before {
    display: inline-grid;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #bdbdbd;
    border-radius: 20px;
    margin-right: 8px
}

.dark .Backup {
    background-color: #3a3a3a;
    border-bottom: 1px solid #444
}

.dark .Backup:before {
    background-color: #565656
}

.team-table-home .vv,.team-table-guest .vv {
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 514px
}

.team-table-home .vv {
    border-bottom: 2px solid #e27a48;
    color: #e27a48
}

.team-table-guest .vv {
    border-bottom: 2px solid #3f9ed8;
    color: #3f9ed8;
    text-align: right
}

.data-comp-select {
    position: absolute;
    right: 0;
    margin-top: 14px;
    text-align: left
}

.team-div.compare {
    background: #f9f9f9
}

.compare .content::after {
    content: "";
    display: block;
    clear: both
}

.compare h4 {
    background: #f0f0f0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.compare h4 span {
    flex: 1
}

.compare .fx {
    width: 46%;
    padding: 15px 20px
}

.compare .fx-div {
    border: 0!important;
    padding: 0
}

.compare .fx-line {
    height: 144px;
    margin: 0
}

.compare .fx-tb-title .win-f {
    color: #de682f
}

.compare .fx-tb-title .lose-f {
    color: #2495da
}

.dark .team-div.compare {
    background: #2f2f2f
}

.dark .compare h4 {
    background: #3a3a3a;
    color: #888;
    border-color: #444
}

.dark .compare .fx-tb-a li .fx-td-data {
    background: #383838
}

.fx {
    padding: 10px
}

.fx-div {
    overflow: hidden;
    padding-bottom: 25px;
    margin: 0 auto
}

.fx-div h3 {
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px
}

.dark .fx-div h3 {
    color: #888
}

.fx-tb-a {
    overflow: hidden;
    float: left;
    width: 100%
}

.fx-tb-a li {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px
}

.fx-tb-a li .fx-td-data {
    height: 8px;
    width: 49.5%;
    float: left;
    position: relative;
    margin: 0 1px;
    border-radius: 4px 0 0 4px
}

.fx-tb-a li .fx-td-data div {
    height: 8px;
    bottom: 0;
    position: absolute;
    border-radius: 4px 0 0 4px;
    right: 0
}

.fx-tb-a li .fx-td-data.guest {
    border-radius: 0 4px 4px 0
}

.fx-tb-a li .fx-td-data.guest div {
    right: auto;
    border-radius: 0 4px 4px 0
}

.fx-tb-a h4 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-bottom: 10px
}

.fx-line {
    height: 140px;
    width: 1px;
    overflow: hidden;
    margin: 0 10px;
    float: left
}

.fx-tb-a li .fx-tb-title {
    padding-bottom: 6px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fx-tb-a li .fx-tb-title b {
    display: block
}

.short li {
    width: 77px
}

.long li {
    width: 90px
}

.fx-tb-b {
    overflow: hidden;
    padding-bottom: 5px
}

.fx-tb-b h4 {
    font-weight: bold;
    font-size: 12px
}

.fx-tb-b li {
    display: block;
    clear: both;
    line-height: 30px
}

.fx-tb-b li .fx-td-data2 {
    height: 18px;
    float: left;
    margin: 7px 0 0 -0;
    border-radius: 0 3px 3px 0
}

.fx-tb-b li b {
    font-weight: normal
}

.fx-tb-b li b,.fx-tb-b h4 {
    width: 100px;
    text-align: center;
    float: left;
    box-shadow: 1px 1px 4px #d5d5d5;
    border: 1px solid #dedede;
    margin-bottom: -1px;
    color: #666;
    line-height: 30px
}

.dark .fx-tb-b li b,.dark .fx-tb-b h4 {
    color: #888
}

.fx-tb-b li span {
    display: inline-block;
    float: left;
    margin: 0 5px
}

.long2 li,.short2 li,.short3 li {
    width: 460px
}

.fx-logo {
    position: absolute;
    top: 185px
}

.fx-logo img {
    height: 80px;
    vertical-align: middle;
    margin: 0 20px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px 0 10px 0
}

.fx-div.fx-home,.fx-div.fx-guest {
    height: 470px;
    padding: 5px 0;
    overflow: visible;
    position: relative
}

.fx-guest .short2 {
    top: 160px
}

.fx-guest .short3 {
    top: 315px
}

.fx-guest .fx-tb-b {
    position: absolute;
    left: -70px
}

.fx-guest .win-f,.fx-guest .lose-f {
    color: #2495da;
    font-size: 14px
}

.fx-guest .fx-logo {
    right: 20px
}

.fx-home .fx-logo {
    left: 20px
}

.fx-home .fx-tb-b.short2 {
    top: 190px
}

.fx-home .fx-tb-b.short3 {
    top: 346px
}

.fx-home .fx-tb-b {
    position: absolute;
    right: 28px;
    top: 36px
}

.fx-home .fx-tb-b h4,.fx-home .fx-tb-b li b {
    display: none
}

.fx-home .fx-tb-b li .fx-td-data2 {
    float: right;
    border-radius: 3px 0 0 3px
}

.fx-home .fx-tb-b li {
    line-height: 31px
}

.fx-home .fx-tb-b li span {
    float: right
}

.fx-home .win-f,.fx-home .lose-f {
    color: #de682f;
    font-size: 14px
}

.fx-win {
    background-color: #60b723
}

.fx-lose {
    background-color: #ee6435
}

.fx-draw {
    background-color: #aaa
}

.win-f {
    color: #60b723
}

.lose-f {
    color: #ee6435
}

.draw-f {
    color: #aaa
}

.team-table-title .team-table-xq-home a {
    color: #e27a48;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 10px;
    bottom: 0
}

.team-table-title .team-table-xq-guest a {
    color: #3f9ed8;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 0
}

.vote {
    display: flex;
    font-size: 16px;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    margin: 10px 5px 5px 5px
}

.vote .teamicon {
    flex: 0 0 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.vote .teamicon img {
    width: 100%;
    height: auto
}

.vote .button {
    flex: 1
}

.vote .pItem {
    background: var(--bgcolor-1);
    border: 1px solid var(--bgcolor-3);
    width: 20%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px;
    margin: 0 auto;
    border-radius: 30px;
    display: inline-block;
    cursor: pointer
}

.vote .button.on .pItem {
    background: var(--bgcolor-3);
    color: var(--textcolor-2);
    cursor: default
}

.vote .button .o-win,.vote .button .o-draw,.vote .button .o-lose {
    color: var(--text-white)!important
}

.vote .win-f,.vote .draw-f,.vote .lose-f {
    font-weight: 700
}

.vote .win-f span,.vote .draw-f span,.vote .lose-f span {
    color: var(--textcolor-3);
    font-size: 12px;
    font-weight: normal;
    vertical-align: 1px;
    margin-left: 4px
}

.vote .ext {
    color: var(--textcolor-2);
    font-size: 12px;
    text-align: center;
    flex: 1
}

.vote-bar {
    height: 10px;
    margin: 5px 0 15px 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.vote-bar .barH {
    height: 100%;
    position: absolute;
    left: 0;
    border-right: 2px solid var(--border-2);
    border-radius: 0
}

.vote-bar .barG {
    height: 100%;
    position: absolute;
    right: 0;
    border-left: 2px solid var(--border-2);
    border-radius: 0
}

div.porletP {
    float: left;
    width: 100%;
    position: relative
}

.porletP .icon-font-reduce {
    font-size: 17px
}

.porlet_right {
    width: 100px;
    height: 25px;
    float: right;
    position: absolute;
    right: 8px;
    line-height: 25px;
    display: none
}

.porlet_right span {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    margin-right: 2px;
    float: right;
    cursor: pointer;
    background-image: url(/images/starnew.png)
}

.porlet_right .porlet_up {
    background-position: -22px top
}

.porlet_right .porlet_up:hover {
    background-position: -22px -22px
}

.porlet_right .porlet_down {
    background-position: left top
}

.porlet_right .porlet_down:hover {
    background-position: left -22px
}

.porlet_right .porlet_close {
    background-position: -44px top
}

.porlet_right .porlet_close:hover {
    background-position: -44px -22px
}

#analyMap a {
    width: 66px;
    text-align: center;
    color: #fff;
    line-height: 26px;
    margin-bottom: 2px;
    display: block
}

#analyMap a:hover,#analyMap a:first-child {
    background-color: #f60!important;
    text-decoration: none
}

.popinfo {
    padding: 20px 10px;
    margin: 0 auto;
    align-items: center;
    overflow: hidden
}

.fx20 {
    padding: 20px;
    clear: both;
    margin-bottom: 20px
}

.ky img {
    vertical-align: -4px;
    margin: 0 3px
}

.dark .stat-title,.dark .fx-c-3,.dark .fx-tb-b li b,.dark .fx-tb-b h4 {
    border: 1px solid #444;
    box-shadow: 1px 1px 6px #212121;
    background-color: #3e3e3e
}

.dark .fx-tb-b h4 {
    background-color: #2f2f2f!important
}

.pk_hdp_td {
    width: 156px
}

.pk_odd_td {
    width: 30px
}

.teaminfo_td {
    background-color: #fff7e1;
    font-weight: bold
}

#teammain2 h3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    color: #fff
}

.strength {
    display: none
}

.strength .away-bg {
    float: right
}

.strength .home-bg {
    float: left
}

.strength .bar_shade {
    transition: width 1s ease
}

.radar {
    width: 49%;
    display: inline-block
}

.radar .container {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center
}

.radar .home_score,.radar .guest_score {
    display: inline-block;
    width: 14%;
    font-weight: bold;
    font-size: 35px;
    text-align: center
}

.radar .home_score {
    color: var(--home_team)
}

.radar .guest_score {
    color: var(--away_team)
}

.radar .map {
    display: inline-block;
    width: 70%;
    height: 100%;
    margin-top: 15px
}

.bar {
    width: 49%;
    display: inline-block;
    float: right
}

.bar .options {
    text-align: center;
    margin-top: 15px
}

.bar .options span {
    background: var(--bgcolor-3);
    padding: 2px;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.bar .options li {
    color: var(--textcolor-2);
    flex: 1;
    padding: 8px 0;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block
}

.bar .options li.on {
    background: var(--bgcolor-1);
    color: var(--textcolor-1);
    font-weight: bold;
    border-radius: 20px
}

.bar .compare {
    width: 100%;
    margin: 25px auto 0 auto;
    float: none
}

.bar .team-h1 {
    margin-bottom: 15px
}

.bar .title span {
    font-weight: bolder;
    font-size: 15px
}

.bar .fx-tb-a li {
    margin-bottom: 15px
}

.bar .fx-tb-a li .fx-td-data {
    width: 28%
}

.bar .fx-td-data .home-bg,.bar .fx-td-data .away-bg {
    width: 0
}

.bar .team-h1 .home-bg,.bar .team-h1 .away-bg {
    width: 50%
}

.bar .detail {
    width: 21%;
    display: inline-block;
    float: left;
    position: relative;
    bottom: 5px
}

.survey {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.survey .tips {
    color: var(--textcolor-2);
    line-height: normal;
    padding: 5px 0
}

.survey .supportbtn {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.survey .icon {
    width: 50px;
    height: 50px;
    font-size: 12px;
    border-radius: 50%;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.survey .icon:before {
    font-size: 20px;
    margin: 2px auto;
    display: block
}

.survey .good {
    border: 1px solid #71ab49
}

.survey .bad {
    border: 1px solid #d64444
}

.survey .bad::before {
    transform: rotate(180deg)
}

.survey .on .good,.survey .on .bad {
    color: var(--text-white)
}

.summary .radar {
    width: 100%;
    margin: 0 0 10px 0
}

.summary .radar .guest_score {
    float: right;
    font-size: 25px;
    width: 9%
}

.summary .radar .home_score {
    font-size: 25px;
    width: 9%
}

.summary .radar .map {
    width: 100%;
    height: 220px
}

.summary .bar {
    float: none;
    width: 100%
}

.summary .bar .compare {
    width: 100%;
    margin-top: 15px
}

.summary .bar .team-h1 {
    margin-bottom: 10px
}

.summary .bar .options {
    margin: 0;
    text-align: left
}

.summary .bar .options li {
    background: var(--bgcolor-3);
    width: 108px;
    margin: 2px;
    border-radius: 4px
}

.summary .bar .options li.on {
    background-color: var(--second-color);
    color: var(--text-white)
}

.summary .survey .tips {
    text-align: left
}

.summary .strength .fx-tb-a li {
    margin-bottom: 10px
}

.summary .strength .fx-tb-a li .fx-td-data {
    height: 6px
}

.summary .strength .fx-tb-a .fx-td-data div {
    height: 6px
}

.draw-bg {
    background: var(--gray50)
}

.same-odds {
    display: none
}

.same-odds .bar_shade {
    height: 0;
    transition: height 1s ease
}

.same-odds .team-h1 .home-bg {
    float: left
}

.same-odds .team-h1 .away-bg {
    float: right
}

.same-odds .bar {
    width: 50%;
    margin: 10px auto;
    display: block;
    float: none
}

.same-odds .fx-vote-data .fx-tb-a {
    float: none;
    display: flex
}

.same-odds .fx-vote-data .vote {
    font-size: 14px;
    flex: 1;
    margin: 10px 0;
    display: block
}

.same-odds .fx-vote-data .vote .item {
    display: flex;
    justify-content: center;
    border-right: 1px solid var(--border-3)
}

.same-odds .fx-vote-data .vote:last-child .item {
    border: 0
}

.same-odds .fx-vote-data .vote .pItem {
    color: var(--textcolor-2);
    width: 80%;
    padding: 4px 10px;
    margin: 10px 5px 5px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: auto
}

.same-odds .fx-vote-data .ext {
    color: var(--textcolor-2);
    text-align: center;
    line-height: 20px;
    margin: 10px 0
}

.same-odds .fx-vote-data .ext b {
    margin: 0 5px
}

.same-odds .fx-vote-data .ext .ident {
    margin: 0 5px;
    display: inline-block
}

.same-odds .fx-vote-data .ext .ident i {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 2px;
    display: inline-block
}

.same-odds .fx-ht-data {
    height: 80px;
    margin: 20px 0 5px 0;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.same-odds .fx-ht-data div {
    flex: 0 0 50%;
    margin: 0 5px;
    border-bottom: 2px solid transparent;
    border-radius: 5px 5px 0 0;
    position: relative
}

.same-odds .fx-ht-data .home-bg {
    border-color: var(--home_team)
}

.same-odds .fx-ht-data .away-bg {
    border-color: var(--away_team)
}

.same-odds .fx-ht-data-w {
    width: 100%;
    font-weight: bold;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%)
}

.same-odds .home-bg .fx-ht-data-w {
    color: var(--home_team)
}

.same-odds .draw-bg .fx-ht-data-w {
    color: var(--gray50)
}

.same-odds .away-bg .fx-ht-data-w {
    color: var(--away_team)
}

.plates.same-odds .fx-vote-data .fx-tb-a {
    flex-direction: row;
    flex-wrap: wrap
}

.plates.same-odds .fx-vote-data .vote {
    flex: 0 0 50%
}

.plates.same-odds .fx-vote-data .vote:nth-child(2) .item {
    border: 0
}