@charset "utf-8";
@media screen and (max-width:1850px){
#topbar2,
#topbar {width:150px;}
 
}
@media screen and (max-width:1024px){
#topbar2,
#topbar {display: none;}
.wrapper {padding: 0px 15px 0px 15px;}
}
@media screen and (max-width:980px){
.menu_footer ul li:after{width:0px;}
.tt_from_login {margin: 20px 0% 0px 0px;} 
.tt_slide {margin: 0px 0px 0px 0px;}
.sll_pr,
.txx_sl,
.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;}
.bg_ssl {min-height: 80px;}
.sll_l {width:100%;}
.thaitheme_p{padding:10px;}
}
@media screen and (max-width:960px){

.head_phone {display:block;}



}
@media screen and (max-width:800px){
	#toTop {bottom: 70px;}
.ct_sec_r {background-image: none;}	
.ct_sec1 {background: #292a2d;
background: -moz-linear-gradient(top,  #292a2d 0%, #000000 100%);
background: -webkit-linear-gradient(top,  #292a2d 0%,#000000 100%);
background: linear-gradient(to bottom,  #292a2d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292a2d', endColorstr='#000000',GradientType=0 );

}
.head_from_pc strong {width: 100%;margin: 0px 0px 15px 0px;}	
.header {margin: 0px 0px 0px 0px;}
.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_ico_h,
.tt-line-phone,
.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_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;}
.owl-theme .owl-dots,
.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:#11141b;

}
.tt_head_menu{width:100%;margin: 0px;}
.tt_head_menu ul li.hide_ppc,
.tt_head_menu ul li.hide_pp,
.tt_head_menu ul li.h_m{display: block;}
.tt_head_menu ul li.ico-hi,    
.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;}
.tt_head_menu ul li{display: block;float:left;width:50%;padding:3px 0px 7px 0px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;margin:0px 0px 0px 0px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

}
.tt_head_menu ul li.ico-new {margin:0px 0px 0px 0px;}
.tt_head_menu ul li.ico-new a{color:#000!important;animation: none; -webkit-animation: none;}
.tt_head_menu ul li:last-child a,
.tt_head_menu ul li a{float:left;width:100%;color:#000;text-shadow: none;text-align: center;padding:5px 0px 5px 0px;white-space :nowrap;}
.tt_head_menu ul li:hover a,
.tt_head_menu ul li.current-menu-item a,
.tt_head_menu ul li:hover a{color:#000;text-shadow: 1px 1px 0 #FFF;}
.tt_head_menu ul li:hover a{background-color:transparent !important;}
.tt_head_menu .ico-new a::before {
 
    right: 5px;
    top: -12px;

	
}
.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;}
.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;}
.tt_from_lg {width:100%;margin-right:0px;}
.tt_from_lg .tt_from_u,
.tt_from_lg .tt_from_p{float:left;margin: 5px 0px 0px 0px;width:100%;height: 40px;padding: 10px 0px 10px 0px;font-size: 14px;background-color:#FFF;text-align: center;border: 1px solid #999;}
.tt_from_lg .tt_captcha{float:left;margin: 15px 0px 0px 0%;width:60%;height: 40px;padding: 10px 0px 10px 0px;font-size: 14px;background-color:#f2f2f2;text-align: center;border: 2px solid #999;}
.captcha_img{float:left;margin: 15px 0px 0px 3%;width:37%;height: 40px;font-size: 28px;line-height:40px;}
.captcha_img img {margin-top: 10px;}
.tt_submit {width:100%;margin: 15px 0px 15px 0px;padding: 10px 0px 15px 0px;height: auto;font-size: 20px;-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;animation: walk-cyclet3 0.5s steps(5) infinite; -webkit-animation: walk-cyclet3 0.5s steps(5) infinite;border-radius: 2px;}
	
@-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:#f9f9f9;background:-moz-linear-gradient(top, #f9f9f9 17%, #cccccc 100%);background:-webkit-linear-gradient(top, #f9f9f9 17%,#cccccc 100%);background:linear-gradient(to bottom, #f9f9f9 17%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0);}
.menu_list span {color:#333;font-size: 16px;border-right: 1px solid #ccc;padding: 8px 0px 8px 0px;text-align: center;background:#f9f9f9;background:-moz-linear-gradient(top, #f9f9f9 17%, #cccccc 100%);background:-webkit-linear-gradient(top, #f9f9f9 17%,#cccccc 100%);background:linear-gradient(to bottom, #f9f9f9 17%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0);}



.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;}
.ct_sec1 {padding-top: 0px;}
.ct_sec_r {border-radius: 0px;}
.sll_l_mc {display: block;}
.fixpc,
.sll_lx,
.tt_clip {
	display: none;
}


.bx_clip video {width:100%;height: auto;}
.tt-bx1,.tt-bx2,.tt-bx3 {width: 100%;margin: 0px 0% 15px 0%;padding: 0px 0px 20px 0px;}
.tt-bx3 {margin: 0px 0% 0px 0%;}
.owl-theme .owl-nav { top: 20%;} 
.sec_link  {margin-bottom:10px;}
.ct_sec_l,
.tt_head_r {float: left;width:100%;}
.fxc_sl {display: none;}  
.tt_s2,
.tt_s1,
.sll_rx,  
.ct_sec_r {float: left;width:100%;}
.ct_sec_l{padding: 20px 0px 20px 20px;}
.head_from_pc .tt_from_p,
.head_from_pc .tt_from_u {width:100%;margin-right: 0%;margin-bottom: 10px;text-align: center;}   
.head_from_pc .tt_submit {margin:0px 0px 0px 0px;width:100%;padding: 10px 0px 15px 0px;height: 40px;}
.tt_s2 {padding: 0px 0px 0px 0px;border-left: 0;}   
.bg_fcv {padding: 10px;}
img.wp-image-67.alignright {width:100%;}
.tt_head_mr a {float: left;width:25%;margin-bottom: 10px;}
.tt_head_mr {text-align:center;} 
.tt_head_mr a:hover .tt_img1x{display: inline-block;}
.tt_head_mr a:hover .tt_img2x {display:none;}
.tt_head_r {background-color: #13181e;border-top: 4px solid #222;}
.tt_shows_menu {float: left;display: inline-block;width:25%;margin-top: 13px;display: block;font-size: 52px;color: #c09d46;line-height: 5px;}
.tt_shows_menu span {float: left;width:100%;font-family: thaisanslite_r1;font-size: 18px;color: #b0b0b0;line-height: 20px;}
.bg_aar.active {display: block;}
.fl_cl,
.fr_cl {width:100%;}
.thaitheme_read .tt_from_list.recaptcha {padding: 0px;}
.thaitheme_read .tt_from_submit {float: left;width:100%;}
.fl_cl .tt_txt_seo {padding: 15px 10px 15px 10px;}
.fl_cl.page_cl {width:100%;} 
.fr_cl.page_cr {margin-top: 10px;}
.fix_footer2 {display: block;}
.head_from_pc .tt_from_lgh{width:100%;}
.fr_btn {width:100%;margin-left: 0px;margin-top: 10px;}
.btn_ht.b_bank { margin-right: 0px;}
.btn_ht {width: 49%;}



}
@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: 80%;min-height: 100px;padding: 0% 0% 0% 20%;}
.tt_slide_page {margin: 10px 0px 0px 0px;}
.tt_full .wpcf7{width:100%;}
.thaitheme_read{padding:10px;}
.tt_r.tt_rc {margin-top: 15px;}
.head_from_pc .tt_from_p,
.head_from_pc .tt_from_u {height: 35px;}
.tt_head2{padding: 0px 5px 0px 5px;}
.tt_head1 {padding: 0px 5px 0px 5px;}
.tt_tab_pro span{font-size: 20px; line-height: 20px;}
.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next{top:22%;}
.ct_bank img  {width:100%;}
.tt_sec4 {padding: 25px 10px 25px 10px;}
.tt_sec63x {width:100%;margin: 20px 0% 0% 0%;padding: 0px 20px 0px 20px;}
.tt_sec61x {padding: 0px 20px 0px 20px;}
.tt_4cx {width:100%;margin: 10px 0% 10px 0%;}
}

@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){
.tt_content.mccx {padding: 0px 10px 10px 10px;}	
.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.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_gamex.casino9,
.head_phone,
.bx_clip,
.tt-date,
.tt_list.sbo .tt_dsc p,
.post-sm3xx.tt5x{display: none;}
.tt_slide {width: 100%;max-height: 250px;margin: 5px 0px 0px 0px;}
.head_from_m {max-width: 300px;}
.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_home_bx {width: 100%;text-align: center;}
.head_phone-m {display:block;}
.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_gamex {width: 45.5%;margin: 0px 2% 10px 2%;}
.tt_list_gamex.sport4,
.tt_list_gamex.sport1 {margin: 0px 2% 10px 2%;}

.ct_sec_l a {float: left; margin-right: 0%;display: inline-block;width:96%;margin-bottom: 10px;}
.thaitheme_read p.xcc1 img.alignleft,
.tt_txt_seo p.xcc1 img.alignleft {float: none;display: inline-block;}
.xcc2,
.xcc1 {width: 100%;text-align: center;}
.xcc1 a {width: 100%;text-align: center;}



} 
@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,
.tt_slide {float: left;width: 100%;}
.copyright_footer {margin-top: 20px;}
.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;} 
.owl-theme .owl-nav { top: 15%;} 

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

.head_from_m {max-width: 270px;}
.owl-theme .owl-nav { top: 8%;} 
}