@-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;}
html{font-family:"Tahoma", Arial;font-size:15px;font-weight:normal;}
body{background:#fff;color:#111;font-size:0.95rem;}
body > img{display:none;}
body > iframe{display:none;}

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

.body-main{margin-top:60px;min-height:400px;}
.container{width:1120px;max-width:100%;padding:0;margin:0 auto;background:#fff;}
.h1-tded{
    font-family:"Kanit-medium",Tahoma,Arial;font-size:1.7rem;color:#111;
    text-align:center;margin-bottom:8px;font-weight:normal;
    text-shadow: 2px 2px 3px rgba(102,102,102,0.43);
}
.h2-tded{
    font-family:"Kanit-medium",Tahoma,Arial;font-size:1.2rem;color:#111;
    text-align:center;margin:8px 0 0 0;
}
.i-results{
    display:inline-block;vertical-align:middle;height:13px;width:13px;line-height:13px;
    font-family:"Kanit",Tahoma,Arial;font-size:0.68rem;color:#fff;text-align:center;
    margin-left:5px;margin-top:-2px;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.i-results.win{background:#4dc403;}
.i-results.draw{background:#777;}
.i-results.lost{background:#eb1f1f;}
.i-results.post{background:#352b6b;}
.page-empty{padding:60px 0;text-align:center;color:#666;}
.tips-seo{
    display:flex;border:1px solid #f2f2f2;overflow:hidden;
    background:#f8f8f8;margin-bottom:10px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.tips-seo .note-tips{
    width:8%;background:#a32b2b;font-family:"Kanit-medium",Tahoma,Arial;color:#fff;text-align:center;
    padding:10px 20px;display:flex;justify-content:center;align-items:center;
}
.tips-seo .tx-tips{width:92%;padding:12px 15px;color:#555;font-size:0.9rem;line-height:18px;}
.nav-breadcrumb{
    padding:6px 0;font-family:"Kanit",Tahoma,Arial;font-size:0.85rem;color:#666;
    border-bottom:1px dotted #eee;margin-bottom:10px;overflow:hidden;
}
.nav-breadcrumb a{font-family:"Kanit-medium",Tahoma,Arial;}
.nav-breadcrumb a:hover{text-decoration:underline;}
.nav-breadcrumb ol{display:flex;padding:0;margin:0;}
.nav-breadcrumb li{position:relative;margin-right:20px;}
.nav-breadcrumb li::after{
    position:absolute;top:1px;right:-12px;color:#ccc;
    content:" / ";font-size:0.85rem;
}
.nav-breadcrumb li:last-child:after{display:none;}
.nav-datebar{
    display:flex;text-align:center;border:1px solid #f2f2f2;background:#f8f8f8;padding:5px 8px;
    font-family:"Kanit",Tahoma,Arial;font-size:0.9rem;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.nav-datebar h2, .nav-datebar h3{
    font-family:"Kanit-medium",Tahoma,Arial;font-weight:normal;
    padding:0;margin:0;font-size:0.95rem;
}
.nav-datebar .btn-daybar{width:35%;}
.nav-datebar .btn-daybar.l{text-align:left;}
.nav-datebar .btn-daybar.c{width:30%;}
.nav-datebar .btn-daybar.r{text-align:right;}
.npages-naver{
    font-family:"Kanit",Tahoma,Arial;text-align:center;border-top:1px solid #ddd;
    margin-top:20px;padding:6px 10px;
}
.npages-naver .arrow{font-size:0.95rem;}
.npages-naver .btn-npage{
    display:inline-block;vertical-align:top;width:26px;height:26px;line-height:24px;margin-right:6px;
    font-size:0.85rem;color:#999;background:#333;border:1px solid #333;
}
.npages-naver .btn-npage.nav-text{width:80px;}
.npages-naver .btn-npage.active,
.npages-naver .btn-npage:hover{background:#a32b2b;border:1px solid #a32b2b;color:#fff;}
.npages-naver .text{
    display:inline-block;height:26px;line-height:18px;padding:0 10px;
    font-size:1.5rem;color:#999;margin-right:6px;
}
.npages-naver .btn-npage.disable{border:1px solid #333;color:#666;cursor:default;}
.npages-naver .btn-npage.disable:hover{
    background:#333;color:#666;border:1px solid #333;cursor:default;
}
.pages-article{padding:0 0 20px 0;}
.pages-article iframe{max-width:100%;display:block;margin:5px auto;}
.team-selected{text-decoration:underline;}
.team-odds{color:#f00;font-weight:bold;}
.tmatch-noter{margin-top:12px;margin-bottom:12px;border:1px solid #eee;border-bottom:none;}
.tmatch-noter .bg-cktded{height:18px;}
.tmatch-noter .noter-h{
    padding:3px 10px;background:#dd7638;
    font-family:"Kanit-medium",Tahoma,Arial;font-size:1.15rem;color:#fff;
}
.tmatch-noter .noter-main, .tmatch-noter .noter-row, .tmatch-noter .noter-row.l{border-color:#eee !important;}
.tmatch-noter .noter-main{display:flex;flex-wrap:wrap;}
.tmatch-noter .noter-row{
    display:flex;width:50%;border-bottom:1px solid;padding:4px 10px;font-size:0.8rem;
}
.tmatch-noter .noter-row.full{width:100%;}
.tmatch-noter .noter-row.full .noter-col.left{width:12.1%;}
.tmatch-noter .noter-row.full .noter-col.mid{width:5%;}
.tmatch-noter .noter-row.full .noter-col.right{width:70%;}
.tmatch-noter .noter-row .noter-col.left{width:25%;text-align:left;}
.tmatch-noter .noter-row .noter-col.mid{width:10%;text-align:center;}
.tmatch-noter .noter-row .noter-col.right{width:65%;text-align:left;}
.tmatch-noter .noter-row .bg-cktded{display:block;}

.bg-cktded.win1{background:#ff0000;}
.bg-cktded.win2{background:#fe6161;}
.bg-cktded.lost1{background:#5357c3;}
.bg-cktded.lost2{background:#a8abfa;}
.bg-cktded.draw{background:#36d501;}
.bg-cktded.post{background:#07ffff;}
.t-card{
    display:inline-block;vertical-align:middle;width:12px;height:13px;
    font-size:0.65rem;line-height:11px;margin:-2px 2px 0 2px;text-align:center;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.t-card.yellow{background:#fde831;color:#111;border:1px solid #ecd506;}
.t-card.red{background:#e91313;color:#fff;border:1px solid #a50404;}
.t-card.none{display:none;}
.text-final{color:#da0303;font-size:0.8rem;font-weight:bold;}

.fix-topview{
    position:fixed;top:0;right:0;left:0;z-index:99999;margin:0 auto;padding:0;
    background:#fff;
    -webkit-box-shadow: 0px 3px 13px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 13px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 13px -7px rgba(0,0,0,0.75);
}
.fix-topview .container{background:none;}
.main-topview{display:flex;}
.main-logo{width:8%;padding-right:15px;position:relative;}
.main-logo a{
    position:absolute;top:-5px;left:0;display:block;background:#fff;padding:8px;
    border:2px solid #a32b2b;border-top:none;
    border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;

}
.main-logo img{max-height:65px;}
.main-menu{width:92%;}
.main-menu ul{display:flex;justify-content:flex-end;}
.main-menu li{display:block;padding:12px 14px;position:relative;}
.main-menu li a{font-family:"Kanit",Tahoma,Arial;font-size:0.96rem;color:#111;}
.main-menu li a:hover,.main-menu li a.active{color:#b61919;}
.main-menu li a.active::before{
    content:' ';height:0;width:0;position:absolute;left:4px;top:19px;
    border:5px solid transparent;border-left-color:#b61919;
}

.balltded-match{margin-bottom:20px;}
.balltded-zean4{margin-bottom:20px;}
.balltded-row{margin-bottom:20px;}
.balltded-teng{
    background:#f8f8f8;padding:10px;border:1px solid #e0e5eb;
    border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;
    -webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.35);
}
.balltded-score{
    background:#a32b2b;padding:10px 6px;margin-top:20px;
    border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;
}
.balltded-score .h2-tded{color:#fff;font-weight:normal;}
.balltded-step{margin-bottom:20px;}

footer{background:#333;padding:8px 12px;color:#999;font-size:0.85rem;}
footer a{color:#fff;}
footer .others-link{color:#ddd;text-align:center;padding:5px 0;}
footer .others-link a{color:#fff;text-decoration:underline;}
footer .footer-copy{text-align:center;color:#ddd;padding-bottom:6px;padding-top:10px;}
footer .social-contact{margin-bottom:5px;}
footer .social-contact img{max-height:26px;margin-right:8px;}
.footer-row{display:flex;border-bottom:1px solid #666;padding:0 0 10px 0;}
.footer-col.l{width:40%;}
.footer-col.r{width:60%;padding-left:25px;}
.footer-menu{display:flex;flex-wrap:wrap;align-items:flex-start;}
.footer-menu li{width:20%;white-space:nowrap;padding:0 0 4px 10px;font-family:"Kanit",Tahoma,Arial;}
.footer-menu li a.active{text-decoration:underline;}

@media screen and (min-width:850px) and (max-width:1119px){
    .container{padding:0 5px;}
    .main-menu li{padding:8px 8px;}
    .main-menu li a{font-size:0.82rem;}
    .main-menu li a.active::before{top:13px;left:0;}
}

@media screen and (min-width:550px) and (max-width:849px){
    .body-main{margin-top:80px;}
    .container{padding:0 1%;}
    .fix-topview .container{padding:0 0;}
    .h1-tded{font-size:1.5rem;}
    .tips-seo .note-tips{width:15%;}
    .tips-seo .tx-tips{width:85%;}

    .main-topview{flex-wrap:wrap;}
    .main-logo{width:15%;background:#a32b2b;}
    .main-logo a{position:static;text-align:center;}
    .main-logo img{max-height:50px;}
    .main-menu{width:85%;background:#a32b2b;}
    .main-menu ul{flex-wrap:wrap;justify-content:flex-start;}
    .main-menu li{padding:2px 5px;width:25%;text-align:left;white-space:nowrap;overflow:hidden;}
    .main-menu li a{font-size:0.85rem;color:#fff;}
    .main-menu li a:hover{color:#fff;text-decoration:underline;}
    .main-menu li a.active{text-decoration:underline;color:#fff;}
    .main-menu li a.active::before{display:none;}
    .footer-row{flex-wrap:wrap;}
    .footer-col.l{width:100%;}
    .footer-col.r{width:100%;margin-top:8px;padding-left:0;}
}

@media screen and (min-width:280px) and (max-width:549px){
    .body-main{margin-top:75px;}
    .container{padding:0 1%;}
    .fix-topview .container{padding:0 0;}
    .h1-tded{font-size:1.3rem;}
    .h2-tded{font-size:1.1rem;font-weight:normal;}
    .nav-breadcrumb li{white-space:nowrap;text-overflow:ellipsis;}
    .nav-datebar{flex-wrap:wrap;}
    .nav-datebar h2, .nav-datebar h3{font-size:0.85rem;}
    .nav-datebar .btn-daybar{width:50%;font-size:0.85rem;}
    .nav-datebar .btn-daybar.l{text-align:left;order:1;}
    .nav-datebar .btn-daybar.c{width:100%;order:3;text-align:center;}
    .nav-datebar .btn-daybar.r{text-align:right;order:2;}
    .tips-seo{margin-bottom:6px;}
    .tips-seo .note-tips{width:15%;padding:6px 6px;}
    .tips-seo .tx-tips{width:85%;padding:6px 6px;color:#555;font-size:0.8rem;}
    .t-card{width:10px;height:12px;font-size:0.55rem;line-height:10px;}

    .balltded-teng{padding:10px 0;}
    .main-topview{flex-wrap:wrap;}
    .main-logo{width:100%;text-align:center;display:none;}
    .main-menu{width:100%;text-align:center;padding:4px 4px;padding-top:2px;background:#a32b2b;}
    .main-menu ul{flex-wrap:wrap;justify-content:flex-start;}
    .main-menu li{padding:1px 2px;width:25%;text-align:left;white-space:nowrap;overflow:hidden;}
    .main-menu li a{font-size:0.75rem;color:#fff;}
    .main-menu li a:hover{color:#fff;text-decoration:underline;}
    .main-menu li a.active{text-decoration:underline;color:#fff;}
    .main-menu li a.active::before{display:none;}
    .footer-row{flex-wrap:wrap;}
    .footer-col.l{width:100%;}
    .footer-col.r{width:100%;margin-top:6px;padding-left:0;}
    .footer-menu{gap:4px;}
    .footer-menu li{width:23.5%;padding:0 0 4px 0;font-size:0.7rem;}
}