.matchpg-tb{padding:0;border:1px solid #111 !important;}
.matchpg-league{
    padding:4px 4px;font-size:0.9rem;background:#a3492b;color:#fff;
    font-family:"Kanit-medium",Tahoma,Arial;font-weight:normal;
}
.matchpg-league .league-img{
    display:inline-block;vertical-align:middle;width:22px;height:22px;
    padding:2px;margin-right:8px;margin-top:-2px;overflow:hidden;background:#fff;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.matchpg-league .league-img img{vertical-align:top;}

.matchpg-tr{
    display:flex;position:relative;font-size:0.85rem;
}
.matchpg-tr.tr-topic{color:#111;}
.matchpg-tr.tr-topic .matchpg-td{
    padding:2px 4px;font-weight:bold;border-color:#fff !important;
    background:#fb8248;
}
.matchpg-tr.tr-topic .matchpg-td.col-team{padding-top:0;padding-bottom:0;}
.matchpg-tr.tr-topic .matchpg-td.col-team .home, .matchpg-tr.tr-topic .matchpg-td.col-team .rate,
.matchpg-tr.tr-topic .matchpg-td.col-team .away{padding:2px 4px;border-color:#fff !important;}
.matchpg-td{
    padding:6px 4px;text-align:center;background:#e6cbbf;border-color:#fff !important;
    border-left:2px solid;border-bottom:2px solid;
}
.matchpg-td:first-child{border-left:none;}
.matchpg-td:last-child{border-right:none;}
.matchpg-td.col-time{width:5%;}
.matchpg-td.col-sod{width:5%;}
.matchpg-td.col-team{width:38%;display:flex;padding-top:0;padding-bottom:0;}
.matchpg-td.col-team .home{width:43%;padding:6px 4px;}
.matchpg-td.col-team .rate{width:14%;border-left:2px solid #fff;border-right:2px solid #fff;padding:6px 4px;}
.matchpg-td.col-team .away{width:43%;padding:6px 4px;}
.matchpg-td.col-team .home.active, .matchpg-td.col-team .away.active{background:#b2f1fa;}
.matchpg-td.col-team .t-logo{
    display:inline-block;vertical-align:middle;width:19px;height:19px;
    overflow:hidden;background:#fff;padding:1px;margin-top:-2px;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.matchpg-td.col-team .t-logo img{width:100%;display:inline-block;vertical-align:top;}
.matchpg-td.col-team .home .t-logo{margin-left:5px;}
.matchpg-td.col-team .away .t-logo{margin-right:5px;}
.matchpg-td.col-half{width:6%;}
.matchpg-td.col-full{width:6%;}
.matchpg-td.col-channel{width:17%;}
.matchpg-td.col-channel img{display:inline-block;margin-right:3px;max-height:16px;}
.matchpg-td.col-tded{width:19%;}
.matchpg-td.col-stats{width:4%;}
.matchpg-td.col-stats img{max-height:16px;}

.bg-score{background:#f8e003;color:#141414;}
.bg-score.none{background:none;color:#141414;}
.bg-tded.win1{background:#da0303;color:#fff;}
.bg-tded.win2{background:#f07878;}
.bg-tded.lost1{background:#5357c3;}
.bg-tded.lost2{background:#a8abfa;}
.bg-tded.draw{background:#09ca09;color:#fff;}
.bg-tded.post{background:#07ffff;}
.t-card{
    display:inline-block;vertical-align:middle;width:12px;height:13px;
    font-size:0.7rem;line-height:12px;margin:-2px 2px 0 2px;text-align:center;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.t-card.yellow{background:#f8e003;color:#141414;}
.t-card.red{background:#da0303;color:#fff;}
.t-card.none{display:none;}
.live-time{color:#da0303;font-size:0.8rem;font-weight:bold;}
.live-time.half{color:#ca8908;}
.live-time img{display:inline-block;vertical-align:top;margin:3px 0 0 2px;max-height:3px;}
.score-note{font-size:0.65rem;color:#f35858;font-weight:normal;}
.score-full{color:#f00;font-size:1rem;font-weight:bold;}
.score-full a{color:#f00;}

.pop-scoreup{
    position:absolute;z-index:99999;top:33px;left:40%;margin:0;
    display:block;width:380px;background:#fff;font-size:0.8rem;color:#111;
}
.pop-scoreup::before{
    position:absolute;top:-10px;right:0;left:0;width:0;height:0;content:' ';margin:0 auto;
    border:5px solid transparent;border-bottom-color:#a3492b;
}
.pop-scoreup a.btn-info-hide,.pop-scoreup a.btn-info-hide:hover{
    display:inline-block;position:absolute;right:-5px;top:-5px;
    height:18px;width:18px;line-height:16px;
    font-family:"Kanit-medium",Tahoma,Arial;color:#fff !important;font-size:1.1rem;
    background:#b61919;text-align:center;padding:0;margin:0;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.pop-scoreup img {
    display:inline-block;max-height:13px !important;vertical-align:middle !important;
    line-height:14px;margin-top:-1px !important
}
.pop-scoreup table{width:100%;}
.pop-scoreup table, .pop-scoreup th, .pop-scoreup td{font-weight:500;border-collapse:collapse;}
.pop-scoreup table th{
    background:#a3492b;color:#fff;padding:3px 5px;font-size:0.8rem;
    border:1px solid #ddd;border-top:none;
}
.pop-scoreup table td{
    vertical-align:middle;padding:2px 5px;font-weight:normal;border:1px solid #ddd;
}
.pop-scoreup table td.col-min{width:10%;text-align:center;}
.pop-scoreup table td.col-home{width:45%;text-align:left}
.pop-scoreup table td.col-away{width:45%;text-align:right}
.pop-scoreup .stats-header {
    background:#f2f2f2;padding:3px 5px;border-left:1px solid #ddd;border-right:1px solid #ddd;
    font-family:"Kanit-medium",Tahoma,Arial;font-size:0.9rem;text-align:center;
}
.pop-scoreup table td.col-first {width:25%;text-align:center}
.pop-scoreup table td.col-mid {width:50%;text-align:center;background:#f2f2f2;}
.pop-scoreup table td.col-three {width:25%;text-align:center;}
.pop-scoreup .break-word{word-break:break-all;}

@media screen and (min-width:550px) and (max-width:849px){
    .matchpg-tr.tr-topic .matchpg-td.col-half span{display:none;}
    .matchpg-tr.tr-topic .matchpg-td.col-full span{display:none;}
    .matchpg-tr.tr-topic .matchpg-td.col-half:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .matchpg-tr.tr-topic .matchpg-td.col-full:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}

    .matchpg-td{font-size:0.7rem;}
    .matchpg-td .score-note{left:40px;}
    .score-full{font-size:0.7rem;}

    .pop-scoreup{width:350px;left:35%;}
}

@media screen and (min-width:280px) and (max-width:549px){
    .matchpg-tr{flex-wrap:wrap;border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;}
    .matchpg-tr.tr-topic{font-size:0.7rem;border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;}
    .matchpg-tr.tr-topic .matchpg-td.col-team span{display:none;}
    .matchpg-tr.tr-topic .matchpg-td.col-half span{display:none;}
    .matchpg-tr.tr-topic .matchpg-td.col-full span{display:none;}
    .matchpg-tr.tr-topic .matchpg-td.col-team:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;line-height:18px;}
    .matchpg-tr.tr-topic .matchpg-td.col-half:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .matchpg-tr.tr-topic .matchpg-td.col-full:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .matchpg-td{padding:2px 5px;border:1px solid #ddd;border-left:none;border-top:none;}
    .matchpg-td.col-time{width:13%;order:1;font-size:0.7rem;}
    .matchpg-td.col-sod{width:13%;order:2;}
    .matchpg-td.col-half{width:10%;order:4;}
    .matchpg-td.col-full{width:10%;border-right:none;order:5;}
    .matchpg-td.col-team{
        width:54%;order:3;
        padding-left:0;padding-right:0;padding-top:2px;
        font-size:0.75rem;position:relative;display:flex;flex-wrap:wrap;
    }
    .matchpg-td.col-team .home{
        display:flex;flex-wrap:wrap;justify-content:flex-start;
        width:80%;text-align:left;padding:2px 4px;
    }
    .matchpg-td.col-team .rate{
        width:20%;text-align:right;border-left:none;border-right:none;
        padding:3px 2px 2px 2px;
    }
    .matchpg-td.col-team .away{
        display:flex;flex-wrap:wrap;justify-content:flex-start;
        width:80%;text-align:left;padding-left:0;padding:2px 4px;
    }
    .matchpg-td.col-channel{width:26%;order:7;}
    .matchpg-td.col-channel img{max-height:15px;}
    .matchpg-td.col-tded{width:54%;order:8;}
    .matchpg-td.col-stats{width:20%;order:9;border-right:none;}
    .matchpg-td.col-stats img{max-height:15px;}
    .matchpg-td.col-channel, .matchpg-td.col-tded, .matchpg-td.col-stats{padding:0 4px;}
    .matchpg-td.col-team .fx-team{order:3;}
    .matchpg-td.col-team .fx-tbhome{order:2;margin-left:2px;}
    .matchpg-td.col-team .fx-tbaway{margin-left:2px;}
    .matchpg-td .vs{display:none;}
    .matchpg-td .score-note{display:none;}
    
    .matchpg-td .ft-score1, .matchpg-td .ft-score2{display:block;line-height:19px;font-size:0.8rem;}
    .matchpg-td .ht-score1, .matchpg-td .ht-score2{display:block;line-height:19px;font-size:0.8rem;}
    .matchpg-td .sc-dash{display:none;}
    .matchpg-td .bg-scft{background:none;margin:0 auto 0 auto;font-size:0.8rem;color:#aaa;line-height:19px;}
    .live-time{font-size:0.7rem;}

    .pop-scoreup{top:38px;right:0;width:280px;left:auto;}
}