body{
    background:#f2f2f2;color:#232323;padding:0;margin:0;
    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:#232323;cursor:pointer;text-decoration:none;}
a:hover,a:active{color:#232323;text-decoration:none;}
a:hover{transition:0.4s;}

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

.banner-float.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;
}

.banner-float.bottom .banner-items{margin:0;}
.banner-float.bottom .btn-close{display:inline-block;width:120px;margin:0 0 0 auto;cursor:pointer;}

.container{width:1060px;max-width:100%;margin:0 auto;padding:0;}
.container.white{background:#fff;}
.container.main{padding-bottom:15px;min-height:600px;}
.head1{
    text-align:center;padding:15px 0 0 0;font-size:1.6rem;font-weight:600;color:#d78708;
    line-height:32px;
}
.head2{
    text-align:center;padding:8px 0 0 0;font-size:1.3rem;font-weight:600;color:#232323;
}
.head3{
    text-align:center;padding:6px 0 0 0;font-size:1.1rem;font-weight:500;color:#232323;
}
.nav-tdate{
    display:flex;flex-direction:row;text-align:center;padding:6px 15px;background:#eee;
    margin:8px 8px 0 8px;border-left:1px solid #fff;border-right:1px solid #fff;
    font-size:0.95rem;
    border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:20px;
}
.nav-tdate h2, .nav-tdate h3{font-weight:500;font-size:0.95rem;line-height:normal;}
.nav-tdate .btn-tdate{width:33.33%;font-weight:500;}
.nav-tdate .btn-tdate.l{text-align:left;}
.nav-tdate .btn-tdate.c{color:#999;}
.nav-tdate .btn-tdate.r{text-align:right;}

.nav-socials{position:fixed;bottom:35px;right:10px;}
.nav-socials .socials-title{
    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.7rem;
    border-radius:14px;-khtml-border-radius:14px;-moz-border-radius:14px;
}
.nav-socials .socials-title::after{
    position:absolute;bottom:-12px;right:10px;width:0;height:0;content:' ';
    border:6px solid transparent;border-top-color:#ccc;
}
.nav-socials .btn-socials{
    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%;
}
.nav-socials .btn-socials img{max-height:18px;}
.nav-socials .btn-socials.facebook{background:#0674e2;}
.nav-socials .btn-socials.line{background:#05be05;}
.nav-socials .btn-socials.twitter{background:#199ef7;}
.naver-text{
    margin:8px 12px;text-align:left;background:#f8f8f8;font-size:0.8rem;font-weight:300;
    padding:10px;
}
.naver-text.down{margin-bottom:0;}
.not-found{padding:80px 0;text-align:center;font-size:1.1rem;color:#aaa;}
.text-odds{color:#d30404;}
.text-selected{text-decoration:underline;}
.text-icons{
    display:inline-block;vertical-align:middle;margin-left:5px;width:16px;height:16px;margin-top:-3px;
    font-weight:400;font-size:0.7rem;color:#fff;line-height:17px;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}
.text-icons.win{background:#04d839;}
.text-icons.draw{background:#908e9c;}
.text-icons.lost{background:#d30404;}
.text-icons.post{background:#d78708;}

/* Head section */
.header-bg{background:#fff;}
.head-section{padding:10px 0;}
.head-section .container{display:flex;align-items:center;}
.head-logo{width:20%;text-align:left;}
.head-logo img{max-height:60px;}
.head-menu{width:80%;font-size:1rem;}
.head-menu ul{display:flex;justify-content:flex-end;gap:5px 25px;text-align:center;}
.head-menu a:hover, .head-menu a.active{
    text-decoration:underline;text-decoration-color:#fee24b;text-underline-position:under;
    text-decoration-thickness:2px;
}

.second-menu{background:#232323;padding:10px 0;}
.second-menu ul{display:flex;justify-content:center;gap:0 30px;}
.second-menu a{color:#fff;}
.second-menu a:hover, .second-menu a.active{color:#fee24b;}
.second-menu li.emo{background:none;}
.second-menu li.emo img{max-height:26px;}
.second-menu li.emo a{display:inline-block;padding:0 0;margin:0 5px 0 20px;}

.foot-section{background:#232323;text-align:center;padding:20px;color:#aaa;}
.foot-section .foot-textlink{font-size:0.8rem;}
.foot-section .foot-textlink a{
    color:#aaa;display:inline-block;vertical-align:middle;margin:0 10px 3px 0;
    text-decoration:underline;
}


@media all and (max-width:799px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 799px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 799px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 799px), only screen and (min-device-pixel-ratio: 2) and (max-width: 799px), only screen and (min-resolution: 192dpi) and (max-width: 799px), only screen and (min-resolution: 2dppx) and (max-width: 799px) {
    .btn-mobiles{
        display:block;position:absolute;top:6px;right:5px;z-index:9999;
        padding:0;cursor:pointer;width:32px;height:30px;
    }
    .btn-mobiles:after{
        display:block;border-top:3px solid #fee24b;border-bottom:3px solid #fee24b;
        content:''; position:absolute;height:2px;padding-top:3px;
        width:100%;right:14%;top:4px;
    }
    .btn-mobiles:before {
        display:block;content:'';border-bottom:3px solid #fee24b;position:absolute;
        height:3px;width:100%;right:14%;top:17px;
    }
    
    .head-section{padding:6px 0;}
    .head-logo{width:100%;}
    .head-logo img{max-height:40px;}
    
    .head-menu ul{position:absolute;margin-top:0;height:0px;left:-1200px;}
    .head-menu ul.active{
        display:block;position:absolute;top:0;left:0;width:80%;max-width:260px;z-index:99999;
        height:100%;min-height:800px;padding:0 0;background:#232323;
        opacity:0.92;filter:alpha(opacity=92);
        
        transition:left 0.6s cubic-bezier(0.3, 0.05, 0.05, 0.90);
        -o-transition:left 0.6s cubic-bezier(0.3, 0.05, 0.05, 0.90);
        -ms-transition:left 0.6s cubic-bezier(0.3, 0.05, 0.05, 0.90);
        -moz-transition:left 0.6s cubic-bezier(0.3, 0.05, 0.05, 0.90);
        -webkit-transition:left 0.6s cubic-bezier(0.3, 0.05, 0.05, 0.90);
    }
    .head-menu li{display:block;width:100%;line-height:30px;font-size:0.9rem;}
    .head-menu li a{
        display:block;padding:3px 20px;color:#fff;text-align:left;
        border-bottom:1px solid #444;
        border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;
    }
    .head-menu li a:hover, .head-menu li a.active{
        background:#444;color:#fff;text-decoration:none;border-left:4px solid #fee24b;
        border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;
    }
}

@media screen and (min-width:800px) and (max-width:1159px){
    .container{padding-left:5px;padding-right:5px;}
}

@media screen and (min-width:590px) and (max-width:799px){
    .banner-float.left .banner-items{width:80px;}
    .banner-float.right .banner-items{width:80px;}
    .banner-float.bottom{bottom:5px;}
    .btn-close img{max-height:18px;}
    .container{padding-left:5px;padding-right:5px;}

    .naver-text{margin:8px 0;}
    .nav-tdate{margin:8px 0 0 0;}
}

@media screen and (min-width:280px) and (max-width:589px){
    body{padding-bottom:63px;}
    
    .banner-float.left .banner-items{width:65px;}
    .banner-float.right .banner-items{width:65px;}
    .banner-float.bottom{bottom:5px;}
    .btn-close img{max-height:14px;}
    .container{padding-left:5px;padding-right:5px;}
    .nav-socials{display:flex;width:100%;top:auto;bottom:35px;right:auto;left:0;}
    .nav-socials .socials-title{display:none;}
    .nav-socials .btn-socials{
        width:33.33%;height:28px;line-height:28px;padding:0;text-align:center;
        border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;
    }
    .nav-socials .btn-socials img{max-height:16px;}

    .second-menu{padding:6px 0;}
    .second-menu ul{gap:4px 8px;flex-wrap:wrap;}
    .second-menu a{padding:3px 5px;font-size:0.8rem;text-align:center;}
    .second-menu li.emo img{max-height:22px;}

    .naver-text{margin:8px 0;}
    .nav-tdate{margin:8px 0 0 0;}
    .nav-tdate{flex-wrap:wrap;}
    .nav-tdate h3{font-size:0.8rem;}
    .nav-tdate .btn-tdate{width:100%;order:3;}
    .nav-tdate .btn-tdate.l{width:50%;order:1;}
    .nav-tdate .btn-tdate.r{width:50%;order:2;}
    .nav-tdate .btn-tdate.c{margin-top:3px;}
    .nav-tdate .btn-tdate .tx{display:none;}

    .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;}
}

.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;}