@charset "utf-8";
/* CSS Document */
 ul.breadcrumb {
     padding: 10px 16px;
     list-style: none;
     background-color: #eee;
}
 ul.breadcrumb li {
     display: inline;
     font-size: 11px;
}
 ul.breadcrumb li+li:before {
     padding: 8px;
     color: black;
     content: "/\00a0";
}
 ul.breadcrumb li a {
     color: #0275d8;
     text-decoration: none;
}
 ul.breadcrumb li a:hover {
     color: #01447e;
     text-decoration: underline;
}
 .BPTheme_widget .tt-l.tt_txt_seo {
    margin-bottom: 10px;
    border: 2px solid #6F716E;
}
 .bx_clip {
    background-color:#000;
    border: 2px solid #6f716e;
}
 .tt-social .tt-date {
    float:left;
    padding: 6px 0px 0px 10px;
    margin-left: 0px;
    font-size:12px;
}
 .tt_home_bx-r {
    width:49%;
    overflow: hidden;
}
 .ct_bank {
    position: relative;
}
 .tt_bank_btn {
    width:11%;
    min-height: 80px;
    margin: 0% 2% 0% 0%;
    display: inline-block;
}
 .link_bank {
    width: 78%;
    position:absolute;
    right: 0;
    bottom: 10px;
    z-index: 1100;
    text-align: left;
}
 .head_phone {
    float:left;
    width: 100%;
    display:none;
}
 .h-line {
    float:left;
    width: 50%;
    min-height: 65px;
}
 .h-phone {
    float:left;
    width: 50%;
    min-height: 65px;
}
 .h-line a {
    display: block;
    width: 100%;
    min-height: 80px;
    background-image: url(/m/img/images/line@.jpg);
    background-size: 100% 80px;
    background-position: center center;
    background-repeat: no-repeat;
}
 .h-phone a {
    display: block;
    width: 100%;
    min-height: 80px;
    background-image: url(/m/img/images/bbm.jpg);
    background-size: 100% 80px;
    background-position: center center;
    background-repeat: no-repeat;
}
 .h-line {
     background: #28a745;
     background: -moz-linear-gradient(top, #34d058 17%, #28a745 100%);
     background: -webkit-linear-gradient(top, #34d058 17%,#28a745 100%);
     background: linear-gradient(to bottom, #34d058 17%,#28a745 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34d058', endColorstr='#28a745',GradientType=0 );
}
 .h-phone {
     background: #222222;
     background: -moz-linear-gradient(top, #222 17%, #111 100%);
     background: -webkit-linear-gradient(top, #222 17%,#111 100%);
     background: linear-gradient(to bottom, #222 17%,#111 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 );
}
 a{
    color: #e6e6e6;
    outline:none;
    text-decoration:none;
}
 .tt_l, .tt-l{
    float:left;
}
 .tt_full{
    width:100%;
}
 .tt-full{
    width:100%;
}
 .tt-dt{
    background-color:#1B1B1B;
}
 .tt-dl{
    background-color:#1B1B1B;
}
 .tt-content{
    min-height:50px;
    padding: 9px;
}
 .link-top {
    min-height: 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
 .link-top a {
    margin: 0% 1% 0% 1%;
}
 .link-top a .tt_img_hover, .link-top a:hover .tt_img_df{
    display: none;
}
 .link-top a:hover .tt_img_hover{
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/*==================================================*/
 @media screen and (max-width:800px){
    .tt_left , .tt_right{
        float:left;
        width:100%;
        padding:15px 5px 15px 5px;
        min-height:300px;
    }
     .banner_hover{
        text-align:center;
    }
     .tt_list.banner_hover{
        text-align:left;
    }
     .tt_img_hover{
        display:none;
    }
     body{
        background-image:none!important;
    }
     .ct_left {
        width:100%;
        padding:15px 0px 15px 0px;
    }
     .logo-m {
        display: block;
        float:left;
        width:100%;
        text-align: center;
    }
     .link-top a {
        float:left;
        width:31.2%;
        text-align: center;
    }
     .link-top a img{
        width:100%;
    }
}
 **/
 @media screen and (max-width:1024px){
     .topbar-left, #topbar {
        display: none;
    }
     .wrapper {
        padding: 0px 15px 0px 15px;
    }
}
 @media screen and (max-width:980px){
     .menu_footer ul li:after{
        width:0px;
    }
     .tt_slide_page {
        max-height: 230px;
    }
     .tt_from_login {
        margin: 20px 0% 0px 0px;
    }
     .tt_slide {
        margin: 0px 0px 0px 0px;
    }
     .tt_head_menu.menu_right {
        margin: -42px 0px 0px 0%;
    }
     .sec-arr {
        display: none;
    }
     .tt-social {
        background-color:#FFF;
        margin-top: 0px;
    }
     .footer {
        margin-bottom: 0px;
    }
     .head_phone {
        display:block;
    }
     .nav_mobile {
        float: left;
        width:100%;
        display: block;
    }
     .nav_mobile ul li {
        float: left;
        width:25%;
        color:#333;
        font-size: 13px;
        border-right: 1px solid #ccc;
        padding: 8px 0px 8px 0px;
        text-align: center;
         background: #cc0000;
         background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%);
         background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%);
         background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 );
    }
     .menu_list span {
        color:#333;
        font-size: 16px;
        border-right: 1px solid #ccc;
        padding: 8px 0px 8px 0px;
        text-align: center;
         background: #cc0000;
         background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%);
         background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%);
         background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 );
    }
     .logo_m {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        background-color:#060D13;
    }
     .head-m {
        display: block;
    }
     .social_footer, .head-pc, .logo_pc{
        display: none;
    }
     .scr_h {
        padding: 10px 10px 10px 10px;
    }
     .head-m ul li a {
        font-family: thaisanslite_r1;
        font-size: 18px;
         line-height: 18px;
        white-space :nowrap;
    }
     .tt_add span {
        width: 100%;
    }
     #comments ol.commentlist li.comment {
        width: 98%;
        margin: 1.5% 0% 1.5% 1%;
    }
}
 @media screen and (max-width:900px){
     .header {
        margin: 0px 0px 0px 0px;
    }
     .tt_from_login_m, .nav_m {
        display: block;
    }
     .wrapper {
        padding: 10px 10px 10px 10px;
        overflow: hidden;
    }
     .post-sm {
        width: 50%;
    }
     .post-hl {
        width: 100%;
        background-color: transparent;
        margin: 10px 0px 0px 10px;
    }
     .post-hl:hover {
        background-color:transparent;
    }
     .post-sm .tt_img, .post-hl .tt_img{
        width: 25%;
    }
     .post-hl .title p {
        display: none;
    }
     .post-sm {
        float: left;
        width: 100%;
        margin: 5px 0% 5px 10px;
    }
     .post-hl .title, .post-sm .title{
        float: right;
        width: 73%;
        padding:0px 10px 10px 10px;
    }
     .post-hl .title h3 {
        color: #000;
    }
     .post-sm .title h3 {
        font-size: 16px;
        color: #000;
    }
     .nav_lang {
         width:120px;
    }
     .banner_stb img, .banner_bank img, .banner_hover img, .right_ct, .left_ct {
        width: 100%;
    }
     .wrapper_c {
        overflow: hidden;
    }
     .tt_fb {
        display: none;
    }
     .right_ct .banner_hover {
        width: 33.3333%;
    }
     .tt_content {
        padding: 10px 10px 15px 10px;
    }
     .tt_slide {
        padding: 5px 0px 5px 0px;
        width: 100%;
        max-height: 250px;
        overflow: hidden;
    }
     .tt_live {
        float: left;
        width: 100%;
        display: none;
    }
     .nav_m {
        min-height: 45px;
        position:fixed;
        top: 0px;
        left: 0px;
        z-index: 1000;
        border-bottom: 2px solid #000;
        background-color:#FFF;
    }
     .nav_m a {
        float: left;
        width: 100%;
        text-align: center;
    }
     .nav-toggle {
         position:absolute;
        left: 0px;
        top: 0px;
        height: 45px;
         width: 56px;
        font-size: 24px;
        color: #000;
        cursor: pointer;
        text-align: center;
    }
     .nav-toggle strong {
        font-size: 12px;
        top: 27px;
        position:absolute;
        left: 10px;
    }
     .user-toggle {
         position:absolute;
        right: 0px;
        top:0px;
        height: 45px;
         width: 56px;
        font-size: 24px;
        color: #000;
        cursor: pointer;
        text-align: center;
    }
     .user-toggle strong {
        font-size: 12px;
        top: 27px;
        position:absolute;
        left: 5px;
    }
     .nav_top {
        margin-top: 30px;
    }
     .tt_head_menu ul li.hied_pc, .owl-theme.owl-loaded .owl-controls .owl-dots{
        display: none!important;
    }
     .logo_m {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        background-color:#060D13;
    }
     .head-m {
        display: block;
    }
     .social_footer, .head-pc, .logo_pc{
        display: none;
    }
     .tt_head_menu {
        min-height: 10px;
    }
     .nav_menu {
        width: 100%;
        margin: 0px;
    }
     .tt_from_login {
        float:left;
        width:100%;
        padding: 10px 10px 0px 10px;
    }
     .ct_lang {
        float:left;
        width:100%;
        padding: 10px 10px 10px 10px;
        margin: 0px 0px 0px 0px;
    }
     .menu_list.first, .menu_list.center, .menu_list {
        width: 32%;
        margin: 0% 0% 15px 1%;
        min-height: 180px;
    }
     .menu_list.first ul li a, .menu_list.center ul li a {
        width:100%;
    }
     .use_lang, .tt_btn_lang{
        float: left;
        width:100%;
        font-size: 16px;
    }
     .tt_btn_lang .tt_tx {
        width:95%;
        height: 18px;
    }
     .nav_lang {
         width:100%;
        top: 40px;
        font-size: 16px;
        border: 1px solid #ddd;
    }
     .nav_lang a {
        padding: 15px 10px 15px 10px;
    }
     .banner_h{
        display: none;
    }
     .header {
        min-height: 60px;
        background-image: none;
        background: #12171B;
    }
     .tt_label {
        float:left;
        margin: 10px 0px 0px 0px;
        font-size: 16px;
        color:#333;
    }
     .fb_box, .social-sharing {
        display: none;
    }
     .head_from {
        padding: 15px 15px 15px 15px;
    }
     .logo_pc{
        width:100%;
        text-align: center;
        margin-bottom: 10px;
    }
     .bar {
        margin: 30px 0px 10px 0px;
    }
     .tt_from_box select.wpcf7-form-control, .tt_from_box textarea.wpcf7-textarea, .tt_from_box input.wpcf7-text{
        padding:7px 10px 7px 10px;
        background:#f9f9f9;
    }
     .tt_tab3, .tt_tab2, .tt_tab1{
        padding:8px 0px 8px 0px;
    }
     .tt_clip {
        display: none;
    }
     .tt_submit {
        background: #A57E39;
    }
     .tt_rc .hied_pc, .tt_txt_news {
        display: none;
    }
     .tt_top_nav{
        width: 100%;
        text-align: center;
    }
     .tt_txt {
        width: 100%;
    }
     .tt-social {
        background-image: none;
        padding: 2px 0px 0px 0px;
        text-align: center;
    }
     .tt_top_nav ul li a{
        padding: 0px 10px 0px 10px;
        font-size: 18px;
         line-height: 18px;
        font-weight: bold;
    }
     .tt_head_menu ul li.hide_pc{
        display: block;
    }
     .tt_btn_slide {
        position: relative;
        right: 0px;
        top: 0%;
        width: 100%;
    }
     .tt_btn_slide a {
        float: left;
        width: 32.3333333%;
        margin: 0px 1.5% 0px 0px;
    }
     .tt_btn_slide a.last {
        margin: 0px 0% 0px 0px;
    }
     .tt_ag_bt {
        margin-bottom:5px;
    }
     .sec-center {
        padding: 10px 10px 10px 10px;
    }
}
 @media screen and (max-width:728px){
     .tt_slide {
        max-height: 190px;
        padding: 0px 0px 0px 0px;
    }
}
 @media screen and (max-width:620px){
     .tt_slide {
        max-height: 170px;
    }
     .tt_list.sbo .tt_img {
        width:40%;
    }
     .tt_list.sbo .tt_dsc {
        width:57%;
    }
     .wpcf7 form .wpcf7-response-output{
        width:90%;
        left:0px;
        right:0px;
    }
     .tt_full.fp .wpcf7{
        float:left;
        width:100%;
    }
     .tt_full.fp #wpcf7-f81-p12-o2.wpcf7 {
        margin: 50px 0px 50px 0px;
    }
     .tt_lc {
        width: 100%;
        min-height: 300px;
    }
     .tt_rc {
        float: left;
        width: 100%;
        min-height: 100px;
        padding: 0% 0% 0% 0%;
    }
     .tt_slide_page {
        margin: 10px 0px 0px 0px;
    }
     .tt_full .wpcf7{
        width:100%;
    }
     .thaitheme_read{
        padding:0px 0px 20px 0px;
    }
     .sec-center {
        background-color: #131313;
        padding: 0px;
         border: 0;
    }
     .sec-center {
        padding: 10px 10px 0px 10px;
    }
}
 @media screen and (max-width:584px){
     .tt_slide {
        max-height: 170px;
    }
     .head_from {
        padding: 10px;
    }
     .tt_from_login.active{
        width:80%;
    }
     .tt_btn_lang .tt_tx {
        width:90%;
    }
}
 @media screen and (max-width:480px){
     .sec-center {
        display: none!important;
        padding: 10px 10px 0px 10px;
    }
     .right_ct .banner_hover {
        width: 100%;
    }
     .tt_full.nav_m img {
        width: 60%;
        margin-top: 6px;
    }
     .tt_col_a , .tt_col_c {
        width: 49%;
        margin: 0px 2% 10px 0px;
    }
     .tt_col_b, .tt_col_d{
        width: 49%;
        margin: 0px 0px 10px 0px;
    }
     .menu_list.first, .menu_list.center, .menu_list {
        width: 94.4%;
        margin: 0% 0% 25px 2.9%;
        min-height: 0px;
    }
     .menu_list span{
        font-size:14px;
    }
     .tt_rc {
        float: left;
        width: 100%;
        padding: 0% 0% 0% 0%;
    }
     .tt_from_login.active{
        width:90%;
    }
     .tt_list_game.sport7, .tt_list_game.sport8, .tt-date, .tt_list.sbo .tt_dsc p, .post-sm3xx.tt5x{
        display: none;
    }
     .tt_slide {
        width: 100%;
        max-height: 255px;
    }
     .head_from_m {
        max-width: 300px;
    }
     .menu_footer ul li, .post-sm3xx {
        width: 49%;
    }
     .post-sm3xx.tt2x {
        margin-right: 0px;
    }
     .tt_col_c {
        width: 100%;
        margin-right: 0;
    }
     .tt_col_c img {
        width: 100%;
    }
     .tt_list_step .img_step {
        width: 40%;
    }
     .tt_list_step .dsc_step {
        width: 56%;
    }
     .tt_list_step .dsc_step strong {
        margin: 0px 0px 10px 0px;
    }
     .menu_footer ul li {
        float: left;
        text-align: left;
    }
     .menu_footer ul li a{
        padding:5px 10px 5px 10px;
        line-height: 18px;
        width: 100%;
    }
     .tt_home_bx, .tt_top_nav {
        width: 100%;
    }
     .tt_top_nav ul{
        text-align: center;
    }
     .tt_content {
        padding: 10px 0% 15px 0%;
    }
     .thaitheme_read{
        padding:20px 15px 20px 15px;
    }
     .owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{
        top:36%;
    }
     .list_game {
        width: 45.5%;
        margin: 10px 2% 15px 2%;
    }
     .tt_list_game {
        float: left;
        width: 46%;
        margin: 5px 0% 5px 3%;
    }
     .slpc, .tt_list_game.sport9 {
        display: none;
    }
     .sec-m, .tt_ga .tt_list_game.sport4, .slm, .tt_list_game.casino10{
        display: block;
    }
}
 @media screen and (max-width:384px){
     .tt_slide {
        max-height: 240px;
    }
     .tt_col_a , .tt_col_b {
        width: 100%;
        margin: 0px 0% 10px 0px;
    }
     .tt_rc {
        float: left;
        width: 100%;
        padding: 0% 0% 0% 0%;
    }
     .tt_full .tt_live.banner_hover, .tt_slide {
        float: left;
        width: 100%;
    }
}
 @media screen and (max-width:320px){
     .tt_slide {
        max-height: 220px;
    }
}