.scoreranks-row{display:flex;}

.scoretb-menu{width:20%;margin-right:1%;}
.scoretb-menu .h-country{background:#222;border-bottom:1px solid #0c0c0c;position:relative;}
.scoretb-menu .h-country a{display:block;padding:6px 0 6px 13px;color:#fff;}
.scoretb-menu .h-country::before{
    position:absolute;top:13px;left:8px;display:inline-block;width:10px;height:8px;
    content:'';background:url("../images/drop-right.png") no-repeat;
}
.scoretb-menu .h-country.active::before{left:6px;background:url("../images/drop-down.png") no-repeat;}
.scoretb-menu .h-programs{display:none;position:relative;background:#f1f1f1;font-size:0.8rem;}
.scoretb-menu .h-programs.active{display:block;font-family:"Kanit-medium",Tahoma,Arial;}
.scoretb-menu .h-programs.active a.active{border-left:3px solid #4dc403;color:#4dc403;}
.scoretb-menu .h-programs a{
    display:block;padding:8px 0 8px 15px;position:relative;
    border-bottom:1px solid #0c0c0c;color:#202020;
}
.scoretb-menu .h-programs a:hover{background:#ddd;}

.scoretb-ranks{width:79%;}
.scoretb-head{display:flex;align-items:center;margin-bottom:3px;}
.scoretb-head .h-league{
    width:75%;padding:0;font-family:"Kanit-medium",Tahoma,Arial;
    font-weight:normal;font-size:1.1rem;color:#fff;
}
.scoretb-head .h-league .pg-logo{
    display:inline-block;overflow:hidden;vertical-align:middle;width:25px;height:25px;
    background:#fff;margin-right:3px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.scoretb-head .h-league .pg-logo img{width:100%;vertical-align:top;}
.scoretb-head .h-update{
    width:25%;text-align:right;padding:3px 0;
    font-family:"Kanit-light",Tahoma,Arial;font-size:0.75rem;color:#aaa;
}

.scoretb-naver{display:flex;font-size:0.75rem;padding:3px 0 3px 0;margin-bottom:5px;}
.scoretb-naver .naver-text{width:12%;text-align:right;padding-right:6px;}
.scoretb-naver .naver-btn{width:88%;text-align:left;}
.scoretb-naver .naver-btn .btn-years{
    display:inline-block;vertical-align:middle;padding:0 14px;margin:2px 5px 2px 0;
    text-align:center;background:#444;color:#999;font-size:0.7rem;
    border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;
}
.scoretb-naver .naver-btn a .btn-years{background:#c43d03;color:#fff;}


.scoretb-box{
    overflow:hidden;border-left:1px solid;border-right:1px solid;
    border-top-left-radius:6px;-khtml-border-top-left-radius:6px;-moz-border-top-left-radius:6px;
    border-top-right-radius:6px;-khtml-border-top-right-radius:6px;-moz-border-top-right-radius:6px;
}
.scoretb-box .pg-group{font-family:"Kanit-medium",Tahoma,Arial;margin-top:8px;}
.scoretb-box, .scoretb-box .ranks-row.ranks-topic, .scoretb-box .ranks-row.ranks-topic.top-title, 
.scoretb-box .ranks-cols{border-color:#333 !important;}
.scoretb-box .ranks-row{display:flex;background:#222;color:#aaa;}
.scoretb-box .ranks-row.ranks-topic{
    border-bottom:1px solid;
    background: rgba(77,196,3,1);
    background: -moz-linear-gradient(top, rgba(77,196,3,1) 0%, rgba(54,130,4,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,196,3,1)), color-stop(100%, rgba(54,130,4,1)));
    background: -webkit-linear-gradient(top, rgba(77,196,3,1) 0%, rgba(54,130,4,1) 100%);
    background: -o-linear-gradient(top, rgba(77,196,3,1) 0%, rgba(54,130,4,1) 100%);
    background: -ms-linear-gradient(top, rgba(77,196,3,1) 0%, rgba(54,130,4,1) 100%);
    background: linear-gradient(to bottom, rgba(77,196,3,1) 0%, rgba(54,130,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc403', endColorstr='#368204', GradientType=0 );
}
.scoretb-box .ranks-row.ranks-topic.top-title{border-top:1px solid;}
.scoretb-box .ranks-row.ranks-topic.top-title .ranks-cols{width:32.5%;font-size:0.7rem;padding:5px 0;}
.scoretb-box .ranks-row.ranks-topic.top-title .ranks-cols.home{width:22.5%;}
.scoretb-box .ranks-row.ranks-topic.top-title .ranks-cols.away{width:22.5%;}
.scoretb-box .ranks-row.ranks-topic.top-title .ranks-cols.all{width:22.5%;}
.scoretb-box .ranks-row.ranks-topic .ranks-cols{
    font-size:0.7rem;color:#fff;white-space:nowrap;padding:2px 0;border-bottom:none;
}
.scoretb-box .ranks-row.ranks-topic .ranks-cols:first-child{border-left:none;}
.scoretb-box .ranks-row.ranks-topic .ranks-cols.last{border-right:none;}
.scoretb-box .ranks-row.ranks-topic .ranks-cols.team{text-align:center;justify-content:center;}

.scoretb-box .ranks-row.no-stadium.ranks-topic .ranks-cols{width:7%;}
.scoretb-box .ranks-row.no-stadium.ranks-topic .ranks-cols.team{width:37%;}
.scoretb-box .ranks-row.no-stadium .ranks-cols{width:7%;}
.scoretb-box .ranks-row.no-stadium .ranks-cols.team{width:37%;}
.scoretb-box .ranks-cols{
    width:4.5%;font-size:0.75rem;white-space:nowrap;padding:6px 0;overflow:hidden;text-align:center;
    border:1px solid;border-top:none;border-left:none;
    display:flex;align-items:center;flex-wrap:wrap;justify-content:center;
}
.scoretb-box .ranks-cols.last{border-right:none;}
.scoretb-box .ranks-cols.team{
    width:23.5%;font-size:0.8rem;text-overflow:ellipsis;text-align:left;padding-left:4px;
    justify-content:flex-start;color:#fff;
}
.scoretb-box .ranks-cols.team .team-img{
    display:inline-block;overflow:hidden;vertical-align:middle;
    height:16px;width:16px;margin-right:5px;background:#fff;padding:2px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.scoretb-box .ranks-cols.team .team-img img{width:100%;vertical-align:top;}
.scoretb-box .ranks-cols .bg-orders{
    display:inline-block;vertical-align:middle;font-size:0.7rem;color:#fff;text-align:center;
    width:16px;height:17px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}

.scoretb-note{font-size:0.75rem;color:#c43d03;padding:8px 0;}
.scoretb-color{font-size:0.75rem;padding:8px 0;}
.scoretb-color .color-items{display:inline-block;vertical-align:top;margin-bottom:4px;width:23%;}
.scoretb-color .color-items span{display:inline-block;vertical-align:middle;}
.scoretb-color .color-items .bg-color{
    width:16px;height:17px;line-height:16px;margin-right:5px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.scoretb-icon{display:block;width:100%;}
.scoretb-icon .icon-items{
    display:inline-block;font-size:0.5rem;color:#fff;text-align:center;
    width:10px;height:11px;line-height:10px;margin-right:3px;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.scoretb-icon .icon-items.win{background:#4dc403;}
.scoretb-icon .icon-items.draw{background:#747379;}
.scoretb-icon .icon-items.lost{background:#ca0303;}

@media screen and (min-width: 590px) and (max-width: 919px){
    .scoretb-menu{width:25%;}
    .scoretb-ranks{width:74%;}

    .scoretb-head{flex-wrap:wrap;}
    .scoretb-head .h-league{width:100%;font-size:1rem;}
    .scoretb-head .h-update{width:100%;}
    
    .scoretb-naver .naver-text{width:20%;}
    .scoretb-naver .naver-btn{width:80%;}
    
    .scoretb-box .ranks-row.ranks-topic.top-title{display:none;}
    .scoretb-box .ranks-row .ranks-cols.i-home,.scoretb-box .ranks-row .ranks-cols.i-away{display:none;}
    .scoretb-box .ranks-cols{width:10%;}
    .scoretb-box .ranks-cols.team{width:30%;}
    .scoretb-box .ranks-cols.team .team-img{display:none;}
    
    .scoretb-color .color-items{width:32%;margin:0 0 3px 0;}
    
    .scoretb-menu .h-country{font-size:13px;}
    .scoretb-menu .h-programs{font-size:13px;}
}

@media screen and (min-width: 280px) and (max-width: 589px){
    .scoreranks-row{flex-wrap:wrap;}
    .scoretb-ranks{order:1;width:100%;margin-right:0;}
    .scoretb-menu{order:2;width:100%;margin-right:0;margin-top:10px;}

    .scoretb-head{flex-wrap:wrap;}
    .scoretb-head .h-league{width:100%;font-size:1rem;}
    .scoretb-head .h-update{width:100%;}
    
    .scoretb-naver .naver-text{width:22%;}
    .scoretb-naver .naver-btn{width:78%;font-size:12px;}
    
    .scoretb-box .ranks-row.ranks-topic.top-title{display:none;}
    .scoretb-box .ranks-row .ranks-cols.i-home,.scoretb-box .ranks-row .ranks-cols.i-away{display:none;}
    .scoretb-box .ranks-cols{width:10%;}
    .scoretb-box .ranks-cols.team{width:30%;font-size:0.7rem;}
    .scoretb-box .ranks-cols.team .team-img{display:none;}
    
    .scoretb-color .color-items{display:block;width:100%;margin:0 0 3px 0;}
}