@charset "utf-8";
@media screen and (max-width:1050px){

 
}
@media screen and (max-width:1024px){
#topbar2,
#topbar {display: none;}
.wrapper {padding: 0px 0px 0px 0px;}
}
@media screen and (max-width:980px){
.menu_footer ul li:after{width:0px;}
.tt_from_login {margin: 20px 0% 0px 0px;} 
.txx_sl,
.head_phone,
.live_bx,
.tt-social,
.tt-date {display: none;}
.tt-fxpc {position: relative;}
.fixpc {margin-top: 0px;}
.txx_sls {width: 100%;padding:2px 15px 5px 15px;}
.tt_head_menu ul li a{padding:4px 16px 5px 16px;}
.cover {margin: 0px 0px 0px 0px;}  
.head_mc {display: block;} 
.tt_slide.slide_h {margin: -10px 0px -10px 0px;} 


}
@media screen and (max-width:960px){




}
@media screen and (max-width:980px){
.b_login {padding: 0;border: 0;}	
.ct_bank {position: relative;margin: 0px 0px -20px 0px;}	
body {padding: 66px 0px 0px 0px;}	
.header {margin: 0px 0px 0px 0px;}
.tt_head_menu.pcc {display: none;}
.logo_h_m,
.tt_head_menu.mcc,
.tt_from_login.mobile,
.tt_from_login_m,
.nav_m {display: block;}
.wrapper {padding: 0px 0px 0px 0px;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%;}
.tt_mh,
.logo_h,
.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: 0px 0px 10px 0px;width: 100%;background-color:#000;overflow: hidden;margin-top: -8px;margin-bottom: -10px;}
.tt_live {float: left;width: 100%;margin: 0px 0px 0px 0px;}
.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;}
#toTop,
.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;
padding: 0px 0px 0px 0px;
background-color:#040404;

}
.tt_head_menu{width:100%;margin: 0px;position: relative;}
.logo_pc,
.tt_head_menu ul li:after{display: none;}
.tt_head_menu ul{left:0px;padding:0px;z-index:9999;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background: #000;}
.tt_head_menu ul li{display: block;float:left;width:33.3333%;border-right: 1px solid #000;border-top: 1px solid #000;border-bottom: 1px solid #000;margin:0px 0px -1px 0px;
background: #222;

    


}   
.tt_head_menu ul li.show_m,
.tt_head_menu ul li.hipc {display: block;}
.tt_head_menu ul li.ico-new {margin:0px 0px 0px 0px;}
.tt_head_menu ul li.ico-new a{color:#fff!important;animation: none; -webkit-animation: none;}
.tt_head_menu ul li a{float:left;width:100%;font-size: 18px;color:#eee;text-shadow: none;text-align: center;padding:12px 0px 12px 0px;white-space :nowrap;border: 0;border-radius: 0px;background: #222;}    
.tt_head_menu ul li.ico-new:hover a {color:#fff!important;}
.tt_head_menu .ico-new a::before {
 
    right: 5px;
    top: -12px;

	
}
.tt_head_menu ul li.current-menu-item a,
.tt_head_menu ul li:hover a {background: #222;color:#eee;}
.tt_head_menu {min-height: 10px;}
.nav_menu   {width: 100%;margin: 0px;}
.tt_from_login {float:left;width:100%;padding: 0px 10px 0px 10px;margin: 0px 0px 0px 0px;}
.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;}
.imghvr-fold-right img,
.imghvr-fold-right,
.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{width:100%;border: 0;margin: 0px 0% 0px 0px;padding: 10px 10px 10px 10px;}
.tt_from_lg {float: left;width:100%;margin-right:0px;border: 0;padding: 0px 10px 10px 10px;}
.tt_from_lg .tt_from_u, 
.tt_from_lg .tt_from_p{float:left;margin: 5px 0px 0px 0px;height: 38px;width:100%;padding: 10px 0px 10px 0px;font-size: 14px;background-color:#FFF;text-align: center;border: 1px solid #999;}
.tt_submit {width:100%;height: 45px;line-height: 22px;margin: 10px 0px 0px 0px;}  
.tt_from_lg strong {width:100%;margin: 15px 0px 10px 0px;}
	
@-webkit-keyframes walk-cycle3 {
  0% {opacity:1; }
  100% {opacity:0;}
  /* Must be full height of sprite or skipping will happen.*/
}

@keyframes walk-cycle3 {
  0% {opacity:1; }
  100% {opacity:0; }
  /* Must be full height of sprite or skipping will happen.*/
}
@-webkit-keyframes walk-cyclet3 {
  0% {background-color: #001731; }
  100% {background-color: #0075C9;}
  /* Must be full height of sprite or skipping will happen.*/
}

@keyframes walk-cyclet3 {
  0% {background-color: #001731; }
  100% {background-color: #0075C9; }
  
}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none!important;
-moz-appearance: none!important;
appearance: none!important;
}
.tt_from_login{
border: 2px solid #ccc;
background: #efefef;
background: -moz-linear-gradient(top,  #efefef 0%, #c6c6c6 100%);
background: -webkit-linear-gradient(top,  #efefef 0%,#c6c6c6 100%);
background: linear-gradient(to bottom,  #efefef 0%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c6c6c6',GradientType=0 );

}


.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: 0px 15px 15px 15px;}
.logo_pc{width:100%;text-align: center;margin-bottom: 10px;}
.login_head_m {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:#222222;}




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

a.more,
.tt_head_menu ul li.menu-item-85,
.tt_clip {
	display: none;
}


.bx_clip video {width:100%;height: auto;}

.head_phone-m {display:block;}


.head_sec {padding: 5px 10px 10px 10px;}   
.tt_link_dooball .link_time {width: 100%;text-align: center;}        
.tt_link_dooball .link_teem {width: 100%;}
.tt_link_dooball .link_teem .name_teem.teema, 
.tt_link_dooball .link_teem .name_teem {width: 45%;text-align: center;}
.tt_link_dooball .link_teem .vs_teem {width: 10%;text-align: center;}
.tt_link_dooball .link_teem .img_teem {float: left;width: 10%;text-align: center;}
.tt_link_dooball .link_teem .img_teem img{max-width: 30px;}
.tt_link_dooball .link_teem h3 {float: left;width: 80%;}
.tt_link_dooball .link_leek{width: 100%;text-align: center;}
.tt_link_dooball .link_chanel{width: 100%;display: none;}
.tt_link_dooball .link_live {width: 100%;min-height: 0px;}

.b_register {width:49%;}
.b_bank {width:49%;}
.b_ht {padding: 0px 10px 10px 10px;}
.c2xr,
.c2xl {float: left;width: 100%;margin-bottom: 20px;}
.btn_main_menu,
.fix_footer {display: block;}
.tt_head_menu{display: none;}
.tt_head_menu.tt_open {display: block;}
.footer {padding: 0px 0px 100px 0px;}
.tt_list.sbo2x.sport3,
.tt_list.sbo2x{width:100%;margin: 0% 0% 10px 0%;}
.tt_list.sbo2x.sport2,
.tt_list.sbo2x.sport6 {margin: 0% 0% 20px 0%;}
.tt_list.sbo2x .tt_dsc h3 {min-height:55px;font-size:18px;}
.tt_head_r {width:100%;}
.logo_pc_f img{max-width:50%;}
.menu_footer ul li a {padding: 7px 14px 7px 14px;}
.b_fh.mb-10 {margin-bottom: 0px!important;}
.logo_h_m {width:40%;}
.logo_h_m img{max-width:120px;}
.tt_full.sbm {width:49%!important;margin: 0% 2% 10px 0%;}
.tt_full.sbm_2x {width:49%!important;margin: 0% 0% 10px 0%;}

}
@media screen and (max-width:728px){

}
@media screen and (max-width:620px){

.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: 10px;}
.tt_rc {float: left;width: 100%;min-height: 100px;padding: 0% 0% 0% 0%;}  
.tt_full .wpcf7{width:100%;}
.thaitheme_read{padding:0px 0px 20px 0px;}
.tt_r.tt_rc {margin-top: 15px;}
.head_from_pc .tt_from_p,
.head_from_pc .tt_from_u {height: 35px;}
 #gallery-1 .gallery-item {width:33%!important;}
.list_bn {width: 32.5%;}
.list_bn.tt3x {margin-right: 0px;}
.ct_game {margin-bottom: 20px;}
}

@media screen and (max-width:584px){

.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 {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.tt1x{width: 94.4%;margin: 2% 0% 25px 2.9%;min-height: 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:20px;}
.tt_rc {float: left;width: 100%;padding: 0% 0% 0% 0%;margin-top: 0px;}
.tt_from_login.active{width:90%;}
.tt_list.sbo2x p,
.hi_m,
.head_phone,
.bx_clip,
.tt-date,
.tt_list.sbo .tt_dsc p,
.post-sm3xx.tt5x{display: none;}

.head_from_m {max-width: 300px;}
.post-sm3xx  {width: 49%;}
.post-sm3xx.tt2x {margin-right: 0px;} 
.tt_col_c {width: 49%;margin: 0px 2% 5px 0px;}
.tt_col_c.last2x {margin: 0px 0% 5px 0px;}
 .tt_home_bx {width: 100%;text-align: center;}

.tt_home_bx.bx1 {margin-bottom: 15px;}
.tt_ag_bt.mb-15 {margin-bottom: 0px;}
.tt_from_submit .tt_line_from,
.tt_from_submit input.wpcf7-submit {float: left;width: 93%;margin:0px 3.5% 10px 3.5%;text-align: center;padding:10px 35px;}
.tt_from_submit{max-height:100px;}
.tt_list_game {float: left;width: 48.3%;margin: 5px 0% 10px 1.5%;}
.spc,
.tt_list_game.sport5 ,
.tt_list_game.sport6 ,
.tt_list_game.sport7 ,
.tt_list_game.sport8 {display: none;}
.tt_list_game.sport1 {margin: 5px 0% 10px 1.5%;}
.tt_txt_seo{margin-top: 3px;}
.tt_txt_seo,
.tt_ag_bt.mmv {margin-bottom: 0px;}
.tt_rc.vvz {margin-top: -10px;}
.head_mc {display: block;}

.tt_r.tt_rc div.tt_l.tt_full.mb-10 img {width: 100%;}

.menu_footer li {float: left;width: 50%;text-align: center;}
.logo_pc_f {float: left;width: 100%;text-align: center;padding: 0px 15px 0px 15px;}
.tt_txt_seo3 {float: left;width: 100%;padding: 0px 10px 0px 10px;}
.tt_list.sbo4x{width:48.5%;margin: 1% 2% 1% 0%;} 
.tt_list.sbo4x.g4x {margin-right: 2%;}
.tt_list.sbo4x.g2x {margin-right: 0%;}
.smc {display: block;}
.menu_footer2 {float: left;width: 100%;text-align: center;padding: 20px 0px 7px 0%;}
.menu_footer2 ul li {float: left;width: 50%;}
.menu_footer2 ul li a {border: 0;}
.menu_footer2 span {padding: 0px 0px 10px 0px;margin-bottom: 15px;}
.copyright_footer {text-align: center;}
.menu_footer2 {padding: 5px 0px 7px 0%;}
.owl-theme .owl-nav [class*="owl-"] {font-size: 32px;}
.owl-theme .owl-nav {top: 20%;}
.tt_list.sbo2x .tt_img {width: 45%;}
.tt_list.sbo2x .tt_dsc {width: 52%;}
} 
@media screen and (max-width:384px){
.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,

.nav_mobile ul li {font-size: 12px;white-space :nowrap;}
.list_game {width: 45.5%;margin: 10px 2% 15px 2%;}
.tt_home_bx {width:100%;}
.bx_clip {display: none;} 


}
@media screen and (max-width:320px){

.head_from_m {max-width: 270px;}
}