.nav-dayselect{text-align:right;position:absolute;top:-5px;right:0;}
.nav-dayselect input{
    border:none;border:1px solid #aaa;height:36px;width:160px;background:#f8f8f8;
    text-align:center;font-family:"Kanit",Tahoma,Arial;font-size:1rem;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.nav-dayselect input::placeholder{color:#bbb;}
.nav-dayselect img{max-height:32px !important;vertical-align:top;margin-left:2px;cursor:pointer;}

.tmatch-content{padding:0 0;border:1px solid #111;}
.tmatch-league{
    padding:4px 4px;font-size:0.9rem;background:#a3492b;color:#fff;
    font-family:"Kanit-medium",Tahoma,Arial;font-weight:normal;
}
.tmatch-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;
}
.tmatch-league .league-img img{vertical-align:top;}

.tmatch-row{
    display:flex;position:relative;background:#e6cbbf;font-size:0.85rem;
}
.tmatch-row.r-topic{background:#fb8248;color:#111;}
.tmatch-row.r-topic .tmatch-col{padding:2px 4px;font-weight:bold;}
.tmatch-row.r-topic .tmatch-col.col-team{padding-top:0;padding-bottom:0;}
.tmatch-row.r-topic .tmatch-col.col-team .home, .tmatch-row.r-topic .tmatch-col.col-team .rate,
.tmatch-row.r-topic .tmatch-col.col-team .away{padding:2px 4px;}
.tmatch-col{padding:6px 4px;text-align:center;border:1px solid #fff;}
.tmatch-col:first-child{border-left:none;}
.tmatch-col:last-child{border-right:none;}
.tmatch-col.col-time{width:5%;}
.tmatch-col.col-sod{width:5%;}
.tmatch-col.col-team{width:40%;display:flex;padding-top:0;padding-bottom:0;}
.tmatch-col.col-team .home{width:43%;padding:6px 4px;}
.tmatch-col.col-team .rate{width:14%;border-left:2px solid #fff;border-right:2px solid #fff;padding:6px 4px;}
.tmatch-col.col-team .away{width:43%;padding:6px 4px;}
.tmatch-col.col-team .home.active, .tmatch-col.col-team .away.active{background:#b2f1fa;}
.tmatch-col.col-half{width:6%;}
.tmatch-col.col-full{width:6%;}
.tmatch-col.col-tded{width:22%;}
.tmatch-col.col-channel{width:12%;}
.tmatch-col.col-channel img{display:inline-block;margin-right:3px;max-height:18px;}
.tmatch-col.col-stats{width:4%;}
.tmatch-col.col-stats img{max-height:17px;}

.live-time{color:#da0303;font-size:0.85rem;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){
    .tmatch-row.r-topic .tmatch-col.col-half span{display:none;}
    .tmatch-row.r-topic .tmatch-col.col-full span{display:none;}
    .tmatch-row.r-topic .tmatch-col.col-half:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .tmatch-row.r-topic .tmatch-col.col-full:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}

    .tmatch-col{font-size:0.7rem;}
    .tmatch-col.col-team .rate{font-size:0.7rem;padding-top:2px;}
    .tmatch-col .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){
    .tmatch-row{flex-wrap:wrap;}
    .tmatch-row.r-topic{font-size:0.7rem;}
    .tmatch-row.r-topic .tmatch-col.col-team span{display:none;}
    .tmatch-row.r-topic .tmatch-col.col-half span{display:none;}
    .tmatch-row.r-topic .tmatch-col.col-full span{display:none;}
    .tmatch-row.r-topic .tmatch-col.col-team:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;line-height:18px;}
    .tmatch-row.r-topic .tmatch-col.col-half:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .tmatch-row.r-topic .tmatch-col.col-full:before{display:inline-block;width:100%;content:attr(data-column);font-size:0.7rem;}
    .tmatch-col{padding:2px 5px;border:1px solid #ddd;border-left:none;border-top:none;}
    .tmatch-col.col-time{width:13%;order:1;font-size:0.7rem;}
    .tmatch-col.col-sod{width:13%;order:2;}
    .tmatch-col.col-half{width:10%;order:4;}
    .tmatch-col.col-full{width:10%;border-right:none;order:5;}
    .tmatch-col.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;
    }
    .tmatch-col.col-team .home{
        display:flex;flex-wrap:wrap;justify-content:flex-start;
        width:80%;text-align:left;padding-right:0;padding:2px 4px;
    }
    .tmatch-col.col-team .rate{
        width:20%;text-align:right;border-left:none;border-right:none;
        padding:3px 2px 2px 2px;
    }
    .tmatch-col.col-team .away{
        display:flex;flex-wrap:wrap;justify-content:flex-start;
        width:80%;text-align:left;padding-left:4px;padding:2px 4px;
    }
    .tmatch-col.col-channel{width:26%;order:7;}
    .tmatch-col.col-channel img{max-height:15px;}
    .tmatch-col.col-tded{width:54%;order:8;font-size:0.7rem;line-height:18px;}
    .tmatch-col.col-stats{width:20%;order:9;border-right:none;}
    .tmatch-col.col-stats img{max-height:15px;}
    .tmatch-col.col-channel, .tmatch-col.col-tded, .tmatch-col.col-stats{padding:0 4px;}
    .tmatch-col.col-team .fx-team{order:3;}
    .tmatch-col.col-team .fx-tbhome{order:2;margin-left:2px;}
    .tmatch-col.col-team .fx-tbaway{margin-left:2px;}
    .tmatch-col .score-note{display:none;}
    
    .tmatch-col .ft-score1, .tmatch-col .ft-score2{display:block;line-height:19px;font-size:0.8rem;}
    .tmatch-col .ht-score1, .tmatch-col .ht-score2{display:block;line-height:19px;font-size:0.8rem;}
    .tmatch-col .sc-dash{display:none;}
    .live-time{font-size:0.7rem;}

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