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

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

#topbar {display: none;}
.wrapper {padding: 0px 10px 0px 10px;}
}
@media screen and (max-width:980px){
.menu_footer ul li:after{width:0px;}
.arr_right:after,
.arr_left:after,
.ico_app,
.arr_hl,
.bg_h {display: none;}
.head_phone {display:block;}
.wrapper {padding: 0px 0px 0px 0px;}
.tt-social{margin-top: 0px;}
.footer {margin-bottom: 0px;}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px;
}
.tt-fxpc {position: relative;}
.fixpc {margin-top: 0px;}


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

}
@media screen and (max-width:800px){
.tt_slide {padding: 0px 0px 0px 0px;}
.header {margin: 0px 0px 0px 0px;}
.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%;}
.forgot,
.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%;}
.home .tt_content,
.tt_content {padding: 10px 10px 10px 10px;}

.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-loaded .owl-controls .owl-dots{display: none!important;}
.tt_head_menu ul li:after{display: none;}
.tt_head_menu ul{left:-300px;position:fixed;top:45px;padding:0px;z-index:9999;width:250px;height:100%;background-color:#111;-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;overflow-y:scroll;}
.tt_head_menu ul li{display: block;float:left;width:250px;padding:7px 25px 7px 10px;background-color:#333;margin:0px 0px 1px 0px;border-radius:0px;margin:0px 0px 1px 0px;}
.tt_head_menu ul li a{float:left;font-size:16px;width:100%;line-height:22px;color:#FFF;text-shadow: none;}
.tt_head_menu ul li .fa{font-size:32px;}
.tt_head_menu .shows_btn{display:block;position:absolute;right:0px;top:0px;float:right;width:40px;height:50px;text-align:center;font-size:30px;background-color:#111;cursor:pointer;}
.tt_head_menu ul li ul.thaitheme-sub-menu li a{border-bottom:0;}
.tt_head_menu ul li.current-menu-item,
.tt_head_menu ul li.menu-item-has-children,
.tt_head_menu ul li:hover,
.tt_head_menu ul li,
.tt_head_menu ul li.current-menu-item:after{border:0;}
.tt_head_menu ul li:hover,
.tt_head_menu ul li.current-menu-item{background-color:#000;}
.tt_head_menu ul li .fa{right:8px;top:8px;}
.tt_head_menu ul li.menu-item-has-children a{padding:5px 0px 15px 15px;}
.tt_head_menu ul li.menu-item-has-children{width:250px;padding:7px 0px 0px 0px;overflow:hidden;}
.tt_head_menu .fa.fa-chevron-down,
.tt_head_menu ul li ul.thaitheme-sub-menu li ul.thaitheme-sub-menu,
.tt_head_menu ul li ul.thaitheme-sub-menu,
.tt_head_menu ul li:hover .thaitheme-sub-menu{display:none;}
.tt_head_menu ul li ul.thaitheme-sub-menu li a{border-top:0;background-color:#555;width:250px;margin:1px 0px 0px 0px;}
.tt_head_menu ul li.tt_open .thaitheme-sub-menu{display:block;visibility:visible;opacity:1;filter:alpha(opacity=1);}
.tt_head_menu ul li ul.thaitheme-sub-menu{float:left;top:0px;left:0px;width:250px;position:relative;background-color:#555;border:0;margin:0px;padding:0px;}
.tt_head_menu ul li ul.thaitheme-sub-menu li{float:left;width:250px;background-color:#222;}
.tt_head_menu ul li:hover .thaitheme-sub-menu{top:0px;padding:0px}
.tt_head_menu ul li.mccv {display: block;white-space :nowrap;color:transparent !important;}
.nav_mobile  ul li.mccv a{color:transparent !important;}
.tt_head_menu ul li.hide-pc{display: block;white-space :nowrap;}
.tt_head_menu.active ul,
.tt_head_menu.active{left:0px;visibility:visible;}
.tt_head_menu ul li:hover a,
.tt_head_menu ul li.current-menu-item a{color:#FFF;background-color:#000;text-decoration: 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;background: #222;margin: 0px;}
.ct_lang  {display: none;float:left;width:100%;padding: 10px 10px 10px 10px;margin: 0px 0px 0px 0px;background-color:#000;}
#menu-item-338, 
.aat,
.tt_lih {display: none;}
.menu_list.center,
.menu_list {width: 48%;margin: 0% 0% 15px 1%;min-height: 180px;}
.menu_list.center ul li a {width:100%;}

.tt_from_lg .tt_from_u,
.tt_from_lg .tt_from_p{float:left;border-radius: 0px;margin: 10px 0px 0px 0px;width:100%;height: 40px;padding: 5px 0px 5px 0px;text-align: center;border: 1px solid #888;font-size:14px;box-shadow: none;background-color: #FFF;}
.tt_from_lg .tt_captcha{float:left;margin: 15px 0px 0px 0%;width:60%;height: 40px;padding: 10px 0px 10px 0px;text-align: center;border: 2px solid #eee;}
.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: 10px 0px 20px 0px;color:#FFF;padding: 10px 0px 10px 0px;height: auto;font-size: 22px;line-height: 24px;border-radius: 0px;
background: #dd0c12;
background: -moz-linear-gradient(top,  #dd0c12 0%, #c80104 35%, #b10008 100%);
background: -webkit-linear-gradient(top,  #dd0c12 0%,#c80104 35%,#b10008 100%);
background: linear-gradient(to bottom,  #dd0c12 0%,#c80104 35%,#b10008 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0c12', endColorstr='#b10008',GradientType=0 );
}
.tt_submit:hover {
	background: #dd0c12;
background: -moz-linear-gradient(top,  #dd0c12 0%, #c80104 35%, #b10008 100%);
background: -webkit-linear-gradient(top,  #dd0c12 0%,#c80104 35%,#b10008 100%);
background: linear-gradient(to bottom,  #dd0c12 0%,#c80104 35%,#b10008 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0c12', endColorstr='#b10008',GradientType=0 );


}
.tt_from_login.active{display: block;margin: 0px auto;width:60%;position:fixed;left: 0px;right: 0px;top: 20%;z-index: 1000;border-radius: 10px;
background: #1e202c;
background: -moz-linear-gradient(top,  #1e202c 0%, #17161c 35%, #17161c 100%);
background: -webkit-linear-gradient(top,  #1e202c 0%,#17161c 35%,#17161c 100%);
background: linear-gradient(to bottom,  #1e202c 0%,#17161c 35%,#17161c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e202c', endColorstr='#17161c',GradientType=0 );


}
.from-m,
.tx-login{display: block;}
.head_r, 
.head_l,
.logo_m {display: block;float:left;width:100%;padding: 0px 0px 0px 0px;}
.tt_head_menu,
.logo_pc {display: none;}
.logo_m{border-bottom: 2px solid #222;text-align: center;
background: #1e202c;
background: -moz-linear-gradient(top,  #1e202c 0%, #17161c 35%, #17161c 100%);
background: -webkit-linear-gradient(top,  #1e202c 0%,#17161c 35%,#17161c 100%);
background: linear-gradient(to bottom,  #1e202c 0%,#17161c 35%,#17161c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e202c', endColorstr='#17161c',GradientType=0 );


}
.header  {min-height: 60px;background-image: none;
background: #1e202c;
background: -moz-linear-gradient(top,  #1e202c 0%, #17161c 35%, #17161c 100%);
background: -webkit-linear-gradient(top,  #1e202c 0%,#17161c 35%,#17161c 100%);
background: linear-gradient(to bottom,  #1e202c 0%,#17161c 35%,#17161c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e202c', endColorstr='#17161c',GradientType=0 );


}
.login_ac {width:100%;}
.tt_label {float:left;margin: 10px 0px 0px 0px;font-size: 16px;color:#333;}
.head_from {padding: 0px 0px 0px 0px;}
.logo_pc{width:100%;text-align: center;margin-bottom: 10px;}
.login_head_m {display: block;}
.nav_mobile {float: left;width:100%;display: block;border-bottom: 1px solid #a2b7f8;border-top: 1px solid #a2b7f8;border-left: 1px solid #a2b7f8;}
.nav_mobile ul li {float: left;width:33.333%;color:#000;line-height: 18px;font-family:thaisanslite_r1;font-size:18px;border-right: 1px solid #a2b7f8;padding: 8px 0px 8px 0px;text-align: center;
font-weight: bold;
background: #7b99d5;
background: -moz-linear-gradient(top,  #7b99d5 0%, #6e88c1 35%, #5e75ab 100%);
background: -webkit-linear-gradient(top,  #7b99d5 0%,#6e88c1 35%,#5e75ab 100%);
background: linear-gradient(to bottom,  #7b99d5 0%,#6e88c1 35%,#5e75ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b99d5', endColorstr='#5e75ab',GradientType=0 );


}
.nav_mobile ul li a{color:#000;}
.menu_list span {color:#000;font-size: 18px;border-right: 1px solid #a2b7f8;padding: 8px 0px 8px 0px;text-align: center;
font-weight: bold;
background: #7b99d5;
background: -moz-linear-gradient(top,  #7b99d5 0%, #6e88c1 35%, #5e75ab 100%);
background: -webkit-linear-gradient(top,  #7b99d5 0%,#6e88c1 35%,#5e75ab 100%);
background: linear-gradient(to bottom,  #7b99d5 0%,#6e88c1 35%,#5e75ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b99d5', endColorstr='#5e75ab',GradientType=0 );


}

.head_from_m {max-width: 400px;margin: 0px auto;}
.head_from_m .tt_from_lg .tt_captcha,
.head_from_m .tt_from_lg .tt_from_u,
.head_from_m .tt_from_lg .tt_from_p{text-align: left;height: 35px;padding: 7px 0px 7px 10px;border: 1px solid #C6C6C6;background-color: #FFF;box-shadow: none;}
.tt_from_login_m {padding: 15px 0px 0px 0px;}
.head_from_m .captcha_img{height: 35px;}
.head_from_m .captcha_img img {margin-top: 7px;}
.head_from_m  .tt_submit { margin: 15px 0px 20px 0px;	}
.bar {margin: 30px 0px 10px 0px;}
.tx-login{width:100%;text-align: center;padding:7px 0px 10px 0px;background:#000;color:#fff;display: inline-block;font-family: thaisanslite_r1;font-weight: bold;font-size: 20px;line-height: 20px;}


.menu_list.first {margin: 0% 0% 5px 2%;}
.bbn_pc,
.menu_list.mmc {display: none;}
.footer { padding: 20px 0px 20px 0px;}
.from_post input.tt_from_p2,
.from_post input.tt_from_u1{width:100%;margin-bottom: 7px;}
.tx-login{text-align: center;padding:7px 0px 10px 0px;}
.from_post .tt_submit2 {width:100%;text-align: center;padding:10px 25px;}
.tt_from_login {
background: #060c0c;	
}
.tt_from_lg {width:100%;}
.regis_h {width:100%;height: 60px;padding: 10px 0px 0px 0px;background-color:#eee;}



}
@media screen and (max-width:728px){
.tt_slide {max-height: 300px;padding: 0px 0px 0px 0px;}
.fixmc {display: block;}  
}
@media screen and (max-width:620px){
.tt_slide {max-height: 270px;}
.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: 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:0px 0px 20px 0px;}
.menu_footer ul li{width:33.33%;}
.menu_footer ul li a{padding:5px 0px 5px 0px;}
}

@media screen and (max-width:584px){
.tt_slide {max-height: 260px;}
.head_from {padding: 0px;}
.tt_from_login.active{width:80%;}
.social-sharing  {display: none;}
.tt_top_nav {width: 100%;}
.tt_top_nav ul {text-align: center;}


}
@media screen and (max-width:480px){
.sec-center {padding: 10px 10px 10px 10px;background-color: #f2f2f4;border: 0;}
.right_ct .banner_hover {width: 100%;}
.tt_full.nav_m img {width: 60%;margin-top: 6px;}
.tt_col_a ,
.tt_col_c ,

.tt_col_d{width: 100%;margin: 0px;} 
.tt_col_b{width: 100%;margin: 10px 0px 10px 0px;} 
/*--.tt_slide {width: 100%;} 
.tt_live{float: left;width: 80%;margin: 0% 0% 15px 10%;} */
.menu_list {width: 48%;margin: 0% 0% 15px 1%;min-height: 150px;}
.tt_rc {float: left;width: 90%;padding: 0% 0% 0% 10%;}
.tt_from_login.active{width:90%;}
.tt_live {display: none;}
.tt_slide {width: 100%;max-height: 240px;margin: 0px 0px 0px 0px;}
.head_from_m {max-width: 300px;}
.copyright_footer {margin-top: 20px;padding: 5px 10px 5px 10px;}
.banner_footer {margin-bottom: 0px;}
.aat {margin-top: 0px;}
.owl-theme .owl-nav {top: 5%; }
.aatb,
.head_phone {display: none;}
.head_phone-m {display: block;}
.menu_footer ul li{width:50%;padding-left: 20px;}
.menu_footer  {text-align: left;}
.slft {padding: 10px 10px 10px 10px;}  
}
@media screen and (max-width:384px){
.tt_slide {max-height: 210px;}
.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%;}
.menu_list.first,
.menu_list.center,
.menu_list {width: 94.4%;margin: 0% 0% 25px 2.9%;min-height: 0px;}
.nav_mobile ul li {white-space :nowrap;}
.list_game {width: 45.5%;margin: 10px 2% 15px 2%;}
.owl-theme .owl-nav {top: 2%; } 





}
@media screen and (max-width:320px){
.tt_slide {max-height: 220px;}
.head_from_m {max-width: 270px;}
}