body{
    background:#fff;color:#333;padding:0;margin:0;padding-bottom:43px;
    font-family:"Kanit",Tahoma,Arial;font-size:15px;font-weight:400;
}
body > img{display:none;}
body > iframe{display:none;}
@-ms-viewport {width:device-width;}@-o-viewport {width:device-width;}@viewport {width:device-width;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

ul{padding:0;margin:0;}li{list-style:none;}form{padding:0;margin:0;}
img{vertical-align:middle;border:0;max-width:100%;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}p{padding:0;margin:0;}
a{color:#207ce5;cursor:pointer;text-decoration:none;}
a:hover,a:active{color:#207ce5;text-decoration:none;}
a:hover{transition:0.3s;}

.ads-box{padding:8px 0;}
.ads-box .ads-cols{text-align:center;margin:6px auto 0 auto;}
.ads-box .ads-cols .btn-close{display:inline-block;cursor:pointer;margin:0;}
.ads-fixed.left{
    position:fixed;left:0;top:45px;overflow:hidden;padding:0;display:inline-block;
    z-index:99998;text-align:left;
}
.ads-fixed.left .ads-cols{float:left;width:120px;margin:0;padding:0;}
.ads-fixed.left .btn-close{cursor:pointer;}
.ads-fixed.right{
    position:fixed;right:0;top:45px;overflow:hidden;z-index:99998;text-align:right;
    display:inline-block;
}
.ads-fixed.right .ads-cols{float:right;width:120px;margin:0;}
.ads-fixed.right .btn-close{float:right;cursor:pointer;}

.ads-fixed.bottom{
    position:fixed;bottom:0;right:0;left:0;width:1000px;max-width:100%;overflow:hidden;
    z-index:99999;text-align:center;margin:0 auto;
}
.ads-fixed.bottom .ads-cols{margin:0;}
.ads-fixed.bottom .btn-close{display:inline-block;width:120px;margin:0 0 0 auto;cursor:pointer;}
.bg-gray{background:#f5f5f5;}
.container{display:block;margin:0 auto;padding:0;width:1110px;max-width:100%;}
.n-shared{position:fixed;right:10px;bottom:50px;}
.n-shared .label-share{
    position:relative;width:70px;padding:3px 10px;margin-left:auto;margin-bottom:8px;
    width:45px;height:35px;line-height:30px;
    border:1px solid #ddd;background:#fff;color:#999;font-size:0.8rem;
    border-radius:16px;-khtml-border-radius:16px;-moz-border-radius:16px;
}
.n-shared .label-share::after{
    position:absolute;bottom:-12px;right:10px;width:0;height:0;content:' ';
    border:6px solid transparent;border-top-color:#eee;
}
.n-shared .btn-shared{
    display:block;width:45px;height:45px;line-height:40px;
    padding:3px 8px;margin:5px 0 0 auto;text-align:center;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.n-shared .btn-shared img{max-height:18px;}
.n-shared .btn-shared.facebook{background:#0674e2;}
.n-shared .btn-shared.line{background:#05be05;}
.n-shared .btn-shared.twitter{background:#199ef7;}
.n-dater{
    display:flex;padding:6px 10px;margin-top:6px;background:#e0ecff;
    border-top:1px dashed #207ce5;border-bottom:1px dashed #207ce5;
}
.n-dater .btn-dater{width:33.33%;text-align:center;}
.n-dater .btn-dater h2, .n-dater .btn-dater h3{font-weight:normal;font-size:0.9rem;}
.n-dater .btn-dater.c{color:#666;}
.n-dater .btn-dater.l{text-align:left;}
.n-dater .btn-dater.r{text-align:right;}
.topic-h1{
    font-size:1.7rem;font-weight:600;padding:0;margin:15px 0 0 0;text-align:center;
    color:#207ce5;
}
.topic-h2{
    font-size:1.2rem;font-weight:600;padding:0;margin:10px 0 0 0;text-align:center;
    color:#333;
}
.tx-odds{color:#cf1a1a;}
.tx-gettded{text-decoration:underline;}
.tx-seo{
    font-size:0.75rem;background:#f5f5f5;padding:10px 15px;border:1px solid #eee;
    border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;
}
.tx-seo.bottom{margin:10px auto;}
.tx-empty{padding:60px 0;text-align:center;font-size:1.2rem;color:#aaa;}
.tx-tded{
    display:inline-block;font-weight:500;font-size:0.6rem;color:#fff;text-align:center;justify-content:center;
    width:16px;height:16px;line-height:17px;margin-left:6px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.tx-tded.win{background:#0dd40d;}
.tx-tded.draw{background:#2b3445;}
.tx-tded.lost{background:#e72e29;font-weight:normal;}
.tx-tded.post{background:#666;font-weight:normal;}

.top-bgmain{
    -webkit-box-shadow: 0px 1px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 16px -8px rgba(0,0,0,0.75);
}
.top-main{display:flex;align-items:center;padding:2px 5px;}
.top-main .tmain-logo{width:20%;}
.top-main .tmain-logo img{max-height:55px;}
.top-main .tmain-menu{width:80%;}
.top-main .tmain-menu ul{display:flex;justify-content:flex-end;align-items:center;text-align:center;}
.top-main .tmain-menu li{border-right:1px solid #f2f2f2;}
.top-main .tmain-menu a{display:block;padding:10px 25px;font-weight:500;color:#333;position:relative;}
.top-main .tmain-menu a:hover{background:#f9f9f9;}
.top-main .tmain-menu a.active{text-decoration:underline;}
.top-main .tmain-menu a.active::before{
    position:absolute;top:17px;left:10px;width:0;height:0;content:' ';
    border:5px solid transparent;border-left-color:#3abfef;
}
.top-main .tmain-menu li.icon{padding:5px 15px;border-right:none;}
.top-main .tmain-menu li.icon img{max-height:32px;}
.top-main .tmain-menu li.icon a{padding:0 0;}
.top-main .tmain-menu li.icon a:hover{background:none;}

.bmain-menu{
    position:fixed;z-index:9999;bottom:0;left:0;margin:0 auto;width:100%;
    text-align:left;
    background: rgba(58,191,239,1);
    background: -moz-linear-gradient(-45deg, rgba(58,191,239,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(58,191,239,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(-45deg, rgba(58,191,239,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(58,191,239,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(58,191,239,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(135deg, rgba(58,191,239,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abfef', endColorstr='#207ce5', GradientType=1 );
}
.bmain-menu{display:flex;justify-content:center;align-items:flex-start;text-align:center;}
.bmain-menu li a{display:block;padding:10px 25px;font-weight:500;color:#fff;}
.bmain-menu li:hover, .bmain-menu li a.active{background:#207ce5;}

.footer{display:flex;flex-wrap:wrap;align-items:center;background:#242424;color:#aaa;font-size:0.85rem;}
.footer a{color:#fff;}
.footer a:hover{color:#aaa;}
.footer .foot-left{width:35%;padding:10px 15px;}
.footer .foot-left img{max-height:50px;}
.footer .foot-right{width:65%;padding:10px 15px 10px 60px;}
.footer .foot-right .ul-footlink{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:flex-end;}
.footer .foot-copy{width:100%;padding:10px;text-align:center;border-top:1px solid #444;}


@media screen and (min-width:800px) and (max-width:1109px){
    .container.mid-main{padding:0 0.5%;}

    .top-main .tmain-menu a{padding:8px 12px;}
    .top-main .tmain-menu a.active::before{left:2px;}
}

@media screen and (min-width:590px) and (max-width:799px){
    .ads-fixed.left .ads-cols{width:80px;}
    .ads-fixed.right .ads-cols{width:80px;}
    .ads-fixed.bottom{bottom:5px;}
    .btn-close img{max-height:18px;}
    .container.mid-main{padding:0 1%;}

    .top-main .tmain-menu a{padding:6px 8px;font-size:0.75rem;}
    .top-main .tmain-menu a.active::before{top:11px;left:0;}
    .top-main .tmain-menu li.icon{padding:6px 2px;}
    .top-main .tmain-menu li.icon img{max-height:28px;}
}

@media screen and (min-width:280px) and (max-width:589px){
    body{padding-bottom:63px;}

    .ads-fixed.left .ads-cols{width:65px;}
    .ads-fixed.right .ads-cols{width:65px;}
    .ads-fixed.bottom{bottom:0;}
    .btn-close img{max-height:14px;}
    .container.mid-main{padding:0 1%;}
    .n-shared{display:flex;width:100%;right:auto;left:0;bottom:33px;}
    .n-shared .label-share{display:none;}
    .n-shared .btn-shared{
        width:33.33%;padding:0px 0px;height:30px;line-height:30px;text-align:center;margin-bottom:0px;
        border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;
    }
    .n-shared .btn-shared img{width:18px;}
    .n-dater{flex-wrap:wrap;}
    .n-dater .btn-dater{width:50%;font-size:0.85rem;}
    .n-dater .btn-dater h2, .n-dater .btn-dater h3{font-weight:normal;font-size:0.85rem;}
    .n-dater .btn-dater.c{width:100%;order:3;}
    .n-dater .btn-dater.l{order:1;}
    .n-dater .btn-dater.r{order:2;}
    .topic-h1{font-size:1.3rem;}
    .topic-h2{font-size:1.05rem;}
    .tx-seo{padding:8px 8px;}
    
    .top-main{flex-wrap:wrap;position:relative;padding:0;}
    .top-main .tmain-logo{width:100%;text-align:left;padding:3px 5px;}
    .top-main .tmain-logo img{max-height:50px;}
    .top-main .tmain-menu{width:100%;background:#207ce5;}
    .top-main .tmain-menu ul{flex-wrap:wrap;}
    .top-main .tmain-menu li{width:33.33%;border-bottom:1px solid #f2f2f2;}
    .top-main .tmain-menu a{padding:5px 8px;font-weight:400;font-size:0.7rem;color:#fff;}
    .top-main .tmain-menu a:hover{background:#3abfef;}
    .top-main .tmain-menu a.active::before{top:8px;left:5px;}
    .top-main .tmain-menu li.icon{width:auto;position:absolute;right:-10px;top:0;border-bottom:none;}
    .top-main .tmain-menu li.icon a{padding:0 0;}
    .top-main .tmain-menu li.icon img{max-height:28px;}

    .bmain-menu li{width:25%;border-left:1px solid #207ce5;}
    .bmain-menu li:first-child{border-left:none;}
    .bmain-menu li a{padding:8px 0;font-weight:400;font-size:0.75rem;white-space:nowrap;}
}