.tded-ballscore{padding:5px 12px 15px 12px;}

.ballscore-box{margin-top:10px;margin-bottom:30px;}
.ballscore-head{
    display:flex;width:60%;margin:0 auto;background:#232323;padding:5px 0;position:relative;
    margin-top:20px;transform: skew(-25deg);
}
.h-guru{width:50%;text-align:left;transform:skew(25deg);}
.h-guru .z-logo{
    position:absolute;left:20px;top:-10px;overflow:hidden;border:2px solid #fff;
    display:inline-block;vertical-align:middle;width:42px;height:42px;
    border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;
}
.h-guru .z-logo img{display:inline-block;vertical-align:top;width:100%;}
.h-guru .z-name{color:#fff;padding-left:70px;font-weight:500;font-size:0.9rem;}
.h-date{width:50%;text-align:right;padding-right:15px;color:#fff;transform:skew(25deg);}
.h-date h2{font-size:0.9rem;font-weight:400;}

.ballscore-rows{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px;}
.ballscore-cols{
    width:49%;background:#fff;padding:0;text-align:center;overflow:hidden;border:1px solid #fed000;
    border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;
}
.ballscore-title{
    font-size:0.9rem;font-weight:500;color:#232323;padding:4px 0;
    background:#fed000;
}
.ballscore-content{padding:8px;}
.bsc-matchs{
    display:flex;flex-direction:row;flex-wrap:wrap;background:#fdf1ba;padding:6px;
    border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;
}
.bsc-matchs .bsc-pg{width:100%;padding:4px 0;font-size:1rem;font-weight:500;}
.bsc-matchs .bsc-team{width:38%;text-align:center;padding:4px 0;}
.bsc-matchs .bsc-score{width:24%;text-align:center;padding:4px 0;}
.bsc-matchs .bsc-txshow{
    width:100%;text-align:center;padding:4px 0;
    color:#d78708;font-weight:600;font-size:1.05rem;
}
.bsc-matchs .t-logos{
    display:inline-block;vertical-align:middle;width:80px;height:80px;
    overflow:hidden;border:2px solid #fff;padding:8px;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.bsc-matchs .t-logos img{display:inline-block;vertical-align:top;width:100%;}
.bsc-matchs .vs{font-weight:600;font-size:1.65rem;color:#d30404;}

@media screen and (min-width:280px) and (max-width:589px){
    .tded-ballscore{padding:5px 0 15px 0;}

    .ballscore-head{width:100%;transform: skew(0deg);}
    .h-guru{transform:skew(0deg);}
    .h-guru .z-logo{left:10px;}
    .h-guru .z-name{font-size:0.75rem;padding-left:60px;}
    .h-date{transform:skew(0deg);font-size:0.75rem;}
    .h-date h2{font-size:0.75rem;}
    .ballscore-rows{flex-wrap:wrap;}
    .ballscore-cols{width:100%;margin-bottom:10px;}
    .bsc-matchs .t-logos{width:70px;height:70px;}
    
}