.tbp-menus{
    float:left;width:24%;margin-right:1%;overflow:hidden;
    border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;
}
.tbp-menus .menus-topic{background:#434343;text-align:left;position:relative;}
.tbp-menus .menus-topic a{
    display:block;border-bottom:1px solid #999;color:#fff;padding:5px 0 5px 14px;
}
.tbp-menus .menus-topic::before{
    position:absolute;top:10px;left:10px;color:#fff;
    content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;
}
.tbp-menus .menus-topic.active::before{content:"\f0d7";left:8px;}
.tbp-menus .menus-pgname{display:none;position:relative;background:#f2f2f2;}
.tbp-menus .menus-pgname.active{display:block;}
.tbp-menus .menus-pgname.active a.active{font-weight:500;color:#0662be;background:#ddd;}
.tbp-menus .menus-pgname a{
    display:block;position:relative;border-bottom:1px solid #ccc;padding:6px 0 6px 25px;
    color:#232323;
}
.tbp-menus .menus-pgname a:hover{background:#ddd;}


.tbp-content{float:left;width:75%;}
.tbp-name{
    font-weight:500;font-size:20px;line-height:26px;text-align:left;padding:0;margin:0;
    padding:8px 0 4px 0;display:block;width:100%;color:#397a41;
    border-bottom:1px dotted #434343;
}
.tbp-name .tbp-pglogo{
    display:inline-block;vertical-align:middle;width:32px;height:32px;overflow:hidden;
    margin-right:3px;padding:2px;border:1px solid #397a41;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.tbp-name .tbp-pglogo img{display:inline-block;vertical-align:top;height:28px;width:auto;max-width:none;}

.tbp-updated{padding:1px 5px 1px 0;text-align:right;color:#999;background:#f2f2f2;}

.tbp-season{margin-top:10px;}
.tbp-season .sea-label{float:left;width:15%;padding-right:5px;text-align:right;}
.tbp-season .sea-button{float:left;width:85%;padding:0;text-align:left;}
.tbp-season .sea-button .btn-season{
    display:inline-block;vertical-align:middle;padding:0 12px;margin:0 5px 5px 0;
    background:#999;color:#fff;text-align:center;font-size:13px;
    border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;
}
.tbp-season .sea-button a .btn-season{background:#06be61;color:#fff;}

.tbp-ranking{
    text-align:center;border:1px solid #397a41;border-right:none;overflow:hidden;
    border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;
}
.tbp-ranking .box-num{
    display:inline-block;vertical-align:middle;width:18px;height:18px;
    font-size:12px;color:#fff;line-height:18px;margin-top:-2px;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.tbp-ranking .tbp-gname{margin-top:12px;}
.tbp-ranking .tbp-rows{border-top:1px solid #397a41;}
.tbp-ranking .tbp-rows.bg1{background:#effdf3;}
.tbp-ranking .tbp-rows.tr-toper{
    border-top:none;overflow:hidden;
    background: rgba(70,240,152,1);
    background: -moz-linear-gradient(-45deg, rgba(70,240,152,1) 0%, rgba(6,190,98,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(70,240,152,1)), color-stop(100%, rgba(6,190,98,1)));
    background: -webkit-linear-gradient(-45deg, rgba(70,240,152,1) 0%, rgba(6,190,98,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(70,240,152,1) 0%, rgba(6,190,98,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(70,240,152,1) 0%, rgba(6,190,98,1) 100%);
    background: linear-gradient(135deg, rgba(70,240,152,1) 0%, rgba(6,190,98,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46f098', endColorstr='#06be62', GradientType=1 );
}
.tbp-ranking .tbp-rows.tr-toper .tbp-col{
    border-right:1px solid #397a41;overflow:hidden;white-space:nowrap;
    font-size:12px;color:#397a41;line-height:34px;
}
.tbp-ranking .tbp-rows.tr-toper .tbp-col.last{border-right:none;}
.tbp-ranking .tbp-rows.tr-toper.toper-title{border-bottom:1px solid #397a41;}
.tbp-ranking .tbp-rows.tr-toper.toper-title .tbp-col{
    width:32.5%;height:22px;line-height:20px;font-size:11px;font-weight:600;color:#397a41;
}
.tbp-ranking .tbp-rows.tr-toper.toper-title .tbp-col.home{width:22.5%;}
.tbp-ranking .tbp-rows.tr-toper.toper-title .tbp-col.away{width:22.5%;}
.tbp-ranking .tbp-rows.tr-toper.toper-title .tbp-col.all{width:22.5%;}

.tbp-ranking .tbp-col{
    float:left;width:4.5%;font-size:13px;height:34px;line-height:34px;
    white-space:nowrap;overflow:hidden;padding:0;border-right:1px solid #397a41;
    
}
.tbp-ranking .tbp-col.last{border-right:none;}
.tbp-ranking .tbp-col.tb-team{
    width:23.5%;padding-left:8px;font-size:14px;text-align:left;text-overflow:ellipsis;
}
.tbp-ranking .tbp-col.tb-team a{color:#0662be;}
.tbp-ranking .tbp-col.tb-team .team-logo{
    display:inline-block;vertical-align:middle;overflow:visible;height:38px;width:38px;
    margin-right:8px;margin-top:2px;margin-bottom:2px;border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;
}
.tbp-ranking .tbp-col.tb-team .team-logo img{height:38px;width:38px;max-width:38px;vertical-align:middle;object-fit:contain;display:inline-block;}
.tbp-ranking .tbp-rows.nohome.tr-toper .tbp-col{width:7%;}
.tbp-ranking .tbp-rows.nohome.tr-toper .tbp-col.tb-team{width:37%;}
.tbp-ranking .tbp-rows.nohome .tbp-col{width:7%;}
.tbp-ranking .tbp-rows.nohome .tbp-col.tb-team{width:37%;}

.tbp-noted{
    font-size:13px;font-style:italic;color:#f00;text-align:left;padding:5px 0 5px 8px;
    border-bottom:1px solid #eee;
}
.tbp-noted.none{display:none;}

.tbp-colors{padding:10px 0 10px 8px;font-size:12px;}
.tbp-colors .item-color{
    display:inline-block;vertical-align:top;width:23%;margin-bottom:4px;text-align:left;
}
.tbp-colors .item-color .color-label{
    display:inline-block;vertical-align:top;width:20px;height:20px;
    line-height:20px;font-size:13px;margin-right:5px;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.tbp-colors .item-color span{display:inline-block;vertical-align:middle;}



@media screen and (min-width: 590px) and (max-width: 889px){
    .tbp-content{float:left;width:73%;}
    .tbp-menus{float:left;width:26%;}
    
    .tbp-season .sea-label{width:20%;}
    .tbp-season .sea-button{width:80%;}
    
    .tbp-ranking .tbp-rows.tr-toper.toper-title{display:none;}
    .tbp-ranking .tbp-rows .z-home,.tbp-ranking .tbp-rows .z-away{display:none;}
    .tbp-ranking .tbp-col{width:10%;}
    .tbp-ranking .tbp-col.tb-team{width:30%;}
    .tbp-ranking .tbp-col.tb-team .team-logo{display:none;}
    
    .tbp-colors .item-color{width:32%;margin:0 0 3px 0;}
    
    .tbp-menus .menus-topic{font-size:14px;}
}

@media screen and (min-width: 280px) and (max-width: 589px){
    .tbp-content{float:none;width:100%;}
    .tbp-menus{float:none;width:100%;margin-left:0;margin-top:10px;}

    .tbp-name{font-size:18px;line-height:20px;}
    .tbp-name .tbp-pglogo{margin-right:6px;}
    .tbp-name .text-name{display:inline-block;vertical-align:middle;width:85%;}
    
    .tbp-season .sea-label{width:22%;font-size:13px;}
    .tbp-season .sea-button{width:78%;}
    .tbp-season .sea-button .btn-season{font-size:12px;}
    
    .tbp-ranking .tbp-rows.tr-toper.toper-title{display:none;}
    .tbp-ranking .tbp-rows .z-home,.tbp-ranking .tbp-rows .z-away{display:none;}
    .tbp-ranking .tbp-col{width:10%;}
    .tbp-ranking .tbp-col.tb-team{width:30%;font-size:13px;}
    .tbp-ranking .tbp-col.tb-team .team-logo{display:none;}
    
    .tbp-colors .item-color{display:block;width:100%;margin:0 0 3px 0;}
}