.tded-ballteng{padding:5px 12px 15px 12px;}
.tded-ballteng .bg-scorer{background:#cdf8f9;}
.tded-ballteng .bg-tdedteng.win1{background:#d30404;color:#232323;}
.tded-ballteng .bg-tdedteng.win2{background:#db7f7f;color:#232323;}
.tded-ballteng .bg-tdedteng.draw{background:#8a8789;color:#232323;}
.tded-ballteng .bg-tdedteng.lost1{background:#5bc152;color:#232323;}
.tded-ballteng .bg-tdedteng.lost2{background:#aff7a0;color:#232323;}
.tded-ballteng .bg-tdedteng.post{background:#00ffff;color:#232323;}
.tded-ballteng .card{
    display:inline-block;vertical-align:middle;width:11px;height:13px;text-align:center;
    margin:0 1px 0 3px;font-family:"Tahoma",Arial;font-size:0.6rem;font-weight:normal !important;
    line-height:13px;
    border-radius:1px;-khtml-border-radius:1px;-moz-border-radius:1px;
}
.tded-ballteng .card.red{background:#d30404;color:#fff;}
.tded-ballteng .card.yellow{background:#f2fe4b;color:#232323;}
.tded-ballteng .card.none{display:none;}
.tded-ballteng .score-full{color:#d30404;font-size:0.7rem;font-weight:600;}
.tded-ballteng .score-half{color:#d78708;font-size:0.7rem;font-weight:600;}

.ballteng-head{
    margin:8px 0 0 0;padding:4px;text-align:left;
    font-family:"Kanit",Tahoma,Arial;font-size:1rem;font-weight:500;color:#d78708;
}
.ballteng-head .teng-logo{
    display:inline-block;vertical-align:middle;width:20px;height:20px;overflow:hidden;
    margin:-5px 3px 0 0;text-align:center;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.ballteng-head .teng-logo img{vertical-align:top;width:100%;}

.ballteng-rows{
    display:flex;flex-direction:row;background:#fdf1ba;font-family:Tahoma,Arial;font-size:0.8rem;
    border-left:1px solid #fff;border-right:1px solid #fff;
}
.ballteng-rows.header{font-family:"Kanit",Tahoma,Arial;font-weight:500;background:#fed000;}
.ballteng-rows.header .ballteng-cols.tdeds{color:#232323;}
.ballteng-cols{
    text-align:center;position:relative;
    padding:3px 6px;border:1px solid #fff;border-left:none;border-top:none;
}
.ballteng-cols.times{width:6%;}
.ballteng-cols.lives{width:4%;}
.ballteng-cols.teams{width:46%;display:flex;flex-direction:row;padding:0 6px;align-items:stretch;}
.ballteng-cols.teams .teams-cols{width:44%;padding:3px 0;text-align:right;padding-right:8px;}
.ballteng-cols.teams .teams-cols.away{text-align:left;padding-right:0;padding-left:8px;}
.ballteng-cols.teams .dash-team{display:none;color:#0d0d0d;}
.ballteng-cols.teams .rate-cols{width:12%;border-left:1px solid #fff;border-right:1px solid #fff;padding:3px 0;}
.ballteng-cols .logo-team{
    display:inline-block;vertical-align:middle;width:20px;height:20px;
    margin-left:3px;overflow:hidden;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.ballteng-cols.teams .teams-cols.away .logo-team{margin-left:0;margin-right:3px;}
.ballteng-cols .logo-team img{display:inline-block;vertical-align:top;width:100%;}
.ballteng-cols.halfs{width:8%;}
.ballteng-cols.fulls{width:8%;position:relative;}
.ballteng-cols.fulls .score-note{
    display:inline-block;position:absolute;right:-8px;top:-6px;
    font-weight:400;font-size:0.85rem;color:#d30404;
}
.ballteng-cols.tdeds{width:22%;color:#d74a08;}
.ballteng-cols.stats{width:6%;border-right:none;}
.ballteng-cols.stats img{max-height:18px;}
.ballteng-cols .m-time{color:#4871e4;font-size:0.7rem;font-weight:600;}
.ballteng-cols .m-time.half{color:#fab226;font-size:0.7rem;font-weight:600;}
.ballteng-cols .m-time img{
    display:inline-block;vertical-align:top;margin:4px 0 0 2px;max-height:3px;
}
.ballteng-cols .bg-score{
    display:block;background:#232323;margin:0 auto 0 auto;
    font-size:13px;color:#fff;width:50px;max-width:100%;
    position:relative;border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;
}
.ballteng-cols .bg-score.none{background:none;color:#262626;}
.ballteng-cols .bg-score .m-note{
    display:inline-block;position:absolute;right:-8px;top:-6px;
    font-weight:400;font-size:0.85rem;color:#df251e;
}


.ballteng-howto{margin-top:20px;}
.ballteng-howto .howto-topic{
    padding:4px 10px;background:#232323;
    font-family:"Kanit",Tahoma,Arial;color:#fff;font-weight:500;
}
.ballteng-howto .howto-topic img{max-height:18px;margin-right:4px;}
.ballteng-howto .howto-detail{
    display:flex;flex-direction:row;flex-wrap:wrap;
    border-left:1px solid #fff;border-right:1px solid #fff;
}
.ballteng-howto .howto-rows{
    width:50%;display:flex;border-bottom:1px solid #fff;padding:4px 10px;background:#f2f2f2;
    font-size:0.8rem;
}
.ballteng-howto .howto-rows.l{border-left:1px solid #fff;}
.ballteng-howto .howto-rows.full{width:100%;}
.ballteng-howto .howto-rows.full .r-title{width:12.1%;}
.ballteng-howto .howto-rows.full .r-middle{width:5%;}
.ballteng-howto .howto-rows.full .r-result{width:70%;}
.ballteng-howto .howto-rows .r-title{width:25%;text-align:left;}
.ballteng-howto .howto-rows .r-middle{width:10%;text-align:center;}
.ballteng-howto .howto-rows .r-result{width:65%;text-align:left;}
.ballteng-howto .howto-rows .bg-tdedteng{display:block;}

@media screen and (min-width:590px) and (max-width:799px){
    .tded-ballteng{padding:5px 0 15px 0;}

    .ballteng-cols{font-size:0.75rem;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .tded-ballteng{padding:5px 0 15px 0;}
    
    .ballteng-rows{flex-wrap:wrap;}
    .ballteng-rows.header{border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;font-weight:400;}
    .ballteng-rows.header .ballteng-cols.tv, .ballteng-rows.header .ballteng-cols.stats{border-top:1px solid #ddd;}
    .ballteng-rows.header .ballteng-cols.teams{display:flex;flex-wrap:nowrap;justify-content:space-between;}
    .ballteng-rows.header .ballteng-cols.teams .teams-cols.home, 
    .ballteng-rows.header .ballteng-cols.teams .teams-cols.away{display:block;width:50%;text-align:center;}
    .ballteng-rows.header .ballteng-cols .rate-cols{display:none;}
    .ballteng-cols.times{width:18%;}
    .ballteng-cols.lives{width:11%;}
    .ballteng-cols.halfs{width:11%;}
    .ballteng-cols.fulls{width:11%;border-right:none;}
    .ballteng-cols.teams{width:49%;}
    .ballteng-cols.tdeds{width:78%;}
    .ballteng-cols.stats{width:22%;}
    .ballteng-cols.teams{font-size:0.8rem;position:relative;display:flex;flex-wrap:wrap;}
    .ballteng-cols.teams .teams-cols.home{
        display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;
        width:78%;text-align:left;padding-right:0;
    }
    .ballteng-cols.teams .rate-cols{
        position:absolute;top:4px;right:0;justify-content:flex-end;
        font-size:0.7rem;width:35px;text-align:right;border-left:none;border-right:none;
    }
    .ballteng-cols.teams .teams-cols.away{
        display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;
        width:78%;text-align:left;padding-left:0;
    }
    .ballteng-cols.teams .m-vs{display:none;}
    .ballteng-cols.teams .pg-team1{order:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .ballteng-cols.teams .f-cards{order:2;}
    
    .ballteng-cols .score1, .ballteng-cols .score2{display:block;line-height:19px;font-size:0.8rem;}
    .ballteng-cols .h-score1, .ballteng-cols .h-score2{display:block;line-height:19px;font-size:0.8rem;}
    .ballteng-cols .sc-dash{display:none;}
    .ballteng-cols .bg-score{background:none;margin:0 auto 0 auto;font-size:0.8rem;color:#232323;}
    .ballteng-cols .logo-team{display:none;}
}