.table-h2{
    background:#a32b2b;color:#fff;padding:5px 10px;font-size:1.1rem;
    font-family:"Kanit-medium",Tahoma,Arial;font-weight:normal;
}
.table-h2 .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;
}
.table-h2 .league-img img{vertical-align:top;}

.table-row{display:flex;padding-bottom:20px;}
.table-columns.left{width:79%;}
.table-columns.right{width:20%;margin-left:1%;border:1px solid #ddd;}

.table-naver{display:flex;padding:5px 0;font-family:"Kanit",Tahoma,Arial;font-size:0.75rem;}
.table-naver .tbnav-left{width:70%;text-align:left;}
.table-naver .tbnav-right{width:30%;text-align:right;}
.table-naver .tbnav-right .btn-select{
    display:inline-block;vertical-align:middle;padding:1px 10px 1px 10px;
    background:#fb8248;color:#fff;margin:0 0 3px 3px;
    border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.table-naver .tbnav-right .btn-select.active{background:#ddd;color:#111;}
.table-naver .btn-tbnav{
    display:inline-block;vertical-align:middle;padding:1px 10px 1px 10px;
    background:#ddd;color:#999;margin:0 0 3px 3px;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.table-naver a .btn-tbnav{background:#b61919;color:#fff;}

.table-tbpoint{
    margin:5px auto 0 auto;border:1px solid #ddd;overflow:hidden;
}
.table-tbpoint .tb-hgroup{font-family:"Kanit-medium",Tahoma,Arial;text-align:left;}
.table-tbpoint .bg-ranks{
    display:inline-block;vertical-align:middle;width:3px;height:100%;
    position:absolute;left:0;top:0;
}
.table-tbpoint .tbpoint-row{
    display:flex;border-top:1px solid #ddd;
    font-family:"Kanit",Tahoma,Arial;font-size:0.85rem;
}
.table-tbpoint .tbpoint-row.bg1{background:#e9e9e9;}
.table-tbpoint .tbpoint-row.tb-header{
    border-top:none;font-family:"Kanit-bold",Tahoma,Arial;
}
.table-tbpoint .tbpoint-row.tb-header .tbpoint-cols{font-size:0.85rem;}
.table-tbpoint .tbpoint-row.tb-header .tbpoint-cols.team{text-align:center;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead{border-bottom:1px solid #ddd;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead .tbpoint-cols{padding:3px 0;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead .tbpoint-cols.no{width:32.5%;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead .tbpoint-cols.home{width:22.5%;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead .tbpoint-cols.away{width:22.5%;}
.table-tbpoint .tbpoint-row.tb-header.tb-tophead .tbpoint-cols.all{width:22.5%;}
.table-tbpoint .tbpoint-row.tb-small.tb-header .tbpoint-cols{width:7%;}
.table-tbpoint .tbpoint-row.tb-small.tb-header .tbpoint-cols.team{width:37%;text-align:center;}
.table-tbpoint .tbpoint-row.tb-small .tbpoint-cols{width:7%;}
.table-tbpoint .tbpoint-row.tb-small .tbpoint-cols.team{width:37%;}
.table-tbpoint .tbpoint-cols{
    width:4.5%;padding:6px 4px;text-align:center;position:relative;
}
.table-tbpoint .tbpoint-cols.brd{border-right:1px solid #ddd;}
.table-tbpoint .tbpoint-cols.no{width:5%;}
.table-tbpoint .tbpoint-cols.team{
    width:23%;text-align:left;padding-left:8px;
    border-left:1px solid #ddd;border-right:1px solid #ddd;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.table-tbpoint .tbpoint-cols.team .team-img{
    display:inline-block;vertical-align:middle;width:20px;height:20px;background:#fff;
    border:1px solid #ddd;margin-right:8px;overflow:hidden;padding:2px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.table-tbpoint .tbpoint-cols.team .team-img img{display:inline-block;vertical-align:top;}
.table-tbpoint .tbpoint-cols.point{font-family:"Kanit-bold",Tahoma,Arial;}

.table-navnote{
    display:flex;padding:6px 0;font-family:"Kanit-light",Tahoma,Arial;
    font-size:0.85rem;color:#999;
}
.table-navnote .navnote-l{width:50%;text-align:left;}
.table-navnote .navnote-r{width:50%;text-align:right;}

.table-navcolor{padding:6px 0;border-top:1px solid #ddd;}
.table-navcolor .navcolor-cols{
    display:inline-block;margin:0 10px 3px 0;width:23%;vertical-align:top;text-align:left;
    font-family:"Kanit",Tahoma,Arial;font-weight:300;font-size:0.8rem;
}
.table-navcolor .navcolor-cols .n-title{
    display:inline-block;vertical-align:middle;width:4px;height:14px;
}
.table-navcolor .navcolor-cols .n-detail{vertical-align:middle;text-align:left;margin-left:3px;}

.table-columns.right{font-family:"Kanit",Tahoma,Arial;}
.table-columns.right .pg-country{display:block;position:relative;font-family:"Kanit-medium",Tahoma,Arial;}
.table-columns.right .pg-country a{
    display:block;width:100%;padding:6px 15px 6px 20px;text-align:left;
    background:#f8f8f8;color:#111;border-bottom:1px solid #ddd;
}
.table-columns.right .pg-country::before{
    position:absolute;top:10px;left:12px;color:#111;
    content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;
}
.table-columns.right .pg-country.active::before{content:"\f0d7";left:10px;color:#111;}
.table-columns.right .pg-league{display:none;}
.table-columns.right .pg-league.active{display:block;}
.table-columns.right .pg-league a{
    display:block;padding:8px 10px 8px 30px;border-bottom:1px solid #ddd;
    background:#fff;
}
.table-columns.right .pg-league .pg-name a{color:#343434;}
.table-columns.right .pg-league .pg-name h3{font-size:0.9rem;font-weight:500;}
.table-columns.right .pg-league .pg-name a span{position:relative;left:-0.5rem;}
.table-columns.right .pg-league .pg-name a.active{color:#a32b2b;text-decoration:underline;}
.table-columns.right .pg-league .pg-name a:hover{color:#a32b2b;}

.table-columns .btn-menuranks{
    display:none;text-align:center;padding:5px 0;margin-bottom:2px;
    color:#a32b2b;cursor:pointer;
}
.table-columns .btn-menuranks i{
    display:inline-block;font-size:1rem;margin-left:5px;vertical-align:top;
    margin-top:1px;
}
.table-columns .btn-menuranks i.left{
    margin-right:5px;margin-left:0;font-size:1.2rem;vertical-align:middle;
    margin-top:-3px;
}

@media screen and (min-width:550px) and (max-width:849px){
    .table-row{flex-wrap:wrap;}
    .table-columns.left{order:2;width:100%;padding-top:0px;}
    .table-columns.right{order:1;width:100%;padding-top:5px;margin-left:0;margin-bottom:5px;}
    .table-columns.right .btn-menuranks{display:block;}
    .table-columns.right .table-columns-ul{display:none;}
    .table-columns.right .table-columns-ul.active{display:block;}
    
    .table-naver .tbnav-left{width:50%;}
    .table-naver .tbnav-right{width:50%;}

    .table-tbpoint .tbpoint-cols{font-size:0.8rem;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .table-row{flex-wrap:wrap;}
    .table-columns.left{order:2;width:100%;padding-top:0px;}
    .table-columns.right{order:1;width:100%;margin-left:0;margin-bottom:5px;}
    .table-columns.right .btn-menuranks{display:block;}
    .table-columns.right .table-columns-ul{display:none;}
    .table-columns.right .table-columns-ul.active{display:block;}

    .table-naver{flex-wrap:wrap;}
    .table-naver .tbnav-left{width:100%;text-align:left;}
    .table-naver .tbnav-right{width:100%;text-align:left;margin-top:3px;}
    
    .table-tbpoint{margin:8px auto 0 auto;}
    .table-tbpoint .tbpoint-row.tb-header.tb-tophead{display:none;}
    .table-tbpoint .tbpoint-cols.home,.table-tbpoint .tbpoint-cols.away{display:none;}
    .table-tbpoint .tbpoint-cols{width:10%;}
    .table-tbpoint .tbpoint-cols.no{width:10%;}
    .table-tbpoint .tbpoint-cols.team{width:30%;font-size:0.8rem;}
    .table-tbpoint .tbpoint-cols.team .team-img{display:none;}

    .table-tbpoint .tbpoint-row.tb-small.tb-header .tbpoint-cols{width:10%;}
    .table-tbpoint .tbpoint-row.tb-small.tb-header .tbpoint-cols.team{width:30%;}
    .table-tbpoint .tbpoint-row.tb-small .tbpoint-cols{width:10%;}
    .table-tbpoint .tbpoint-row.tb-small .tbpoint-cols.team{width:30%;}
    
    .table-navnote{flex-wrap:wrap;font-size:0.8rem;}
    .table-navnote .navnote-l{width:100%;text-align:left;padding-left:4px;}
    .table-navnote .navnote-r{width:100%;text-align:left;margin-top:3px;padding-left:4px;}

    .table-navcolor .navcolor-cols{display:block;margin:0 0px 3px 0;width:100%;}
}