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

@media screen and (max-width:1024px) {
    #topbar2,
    #topbar {
        display: none
    }
    .wrapper {
        padding: 0 10px
    }
}

@media screen and (max-width:980px) {
    .menu_footer ul li:after {
        width: 0
    }
    .arr_right:after,
    .arr_left:after,
    .arr_hl,
    .bg_h {
        display: none
    }
    .head_phone {
        display: block
    }
    .wrapper {
        padding: 0
    }
    .tt-social {
        margin-top: 0
    }
    .footer {
        margin-bottom: 0
    }
    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0
    }
    .tt-fxpc {
        position: relative
    }
    .fixpc {
        margin-top: 0
    }
    .tt_txt_seo h3 {
        line-height: 26px;
        margin: .2em 0
    }
    .tt_txt_seo {
        padding: 5px 0
    }
    .header_bg {
        margin-top: 0;
        max-height: 100%
    }
    .header {
        position: relative;
        top: 0
    }
}

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

@media screen and (max-width:800px) {
    .tt_slide {
        padding: 0
    }
    .header {
        margin: 0
    }
    .wrapper {
        padding: 0;
        overflow: hidden
    }
    .post-sm {
        width: 50%
    }
    .post-hl {
        width: 100%;
        background-color: transparent;
        margin: 10px 0 0 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: 0 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
    }
    .nav_m {
        min-height: 45px;
        position: fixed;
        top: 0;
        left: 0;
        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: 0;
        top: 0;
        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: 0;
        top: 0;
        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: 0;
        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: 0 0 1px;
        border-radius: 0;
        margin: 0 0 1px
    }
    .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: 0;
        top: 0;
        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 0 15px 15px
    }
    .tt_head_menu ul li.menu-item-has-children {
        width: 250px;
        padding: 7px 0 0;
        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 0 0
    }
    .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: 0;
        left: 0;
        width: 250px;
        position: relative;
        background-color: #555;
        border: 0;
        margin: 0;
        padding: 0
    }
    .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: 0;
        padding: 0
    }
    .tt_head_menu ul li.hide-pc {
        display: block;
        white-space: nowrap
    }
    .tt_head_menu.active ul,
    .tt_head_menu.active {
        left: 0;
        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: 0
    }
    .tt_from_login {
        float: left;
        width: 100%;
        padding: 10px 10px 0;
        background: #222;
        margin: 0
    }
    .ct_lang {
        display: none;
        float: left;
        width: 100%;
        padding: 10px;
        margin: 0;
        background-color: #000
    }
    .h_fr_lb,
    .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: 0;
        margin: 10px 0 0;
        width: 100%;
        height: 40px;
        padding: 5px 0;
        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 0 0 0%;
        width: 60%;
        height: 40px;
        padding: 10px 0;
        text-align: center;
        border: 2px solid #eee
    }
    .captcha_img {
        float: left;
        margin: 15px 0 0 3%;
        width: 37%;
        height: 40px;
        font-size: 28px;
        line-height: 40px
    }
    .captcha_img img {
        margin-top: 10px
    }
    .tt_submit {
        width: 100%;
        margin: 15px 0 20px;
        color: #fff;
        padding: 10px 0;
        height: auto;
        font-size: 22px;
        line-height: 24px;
        border-radius: 0;
        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, #9c700d 0%, #cda30a 35%, #fcdb00 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: 0 auto;
        width: 60%;
        position: fixed;
        left: 0;
        right: 0;
        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: 0
    }
    .from_pc,
    .tt_head_menu,
    .logo_pc {
        display: none
    }
    .logo_pccc {
        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)
    }
    .tt_label {
        float: left;
        margin: 10px 0 0;
        font-size: 16px;
        color: #333
    }
    .head_from {
        padding: 0
    }
    .logo_pc {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }.logo_pccc {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
    .login_head_m {
        display: block
    }
    .nav_mobile {
        float: left;
        width: 100%;
        display: block;
        border-bottom: 2px solid #999
    }
    .nav_mobile ul li {
        float: left;
        width: 33.333%;
        color: #fff;
        line-height: 18px;
        font-family: thaisanslite_r1;
        font-size: 18px;
        border-right: 1px solid #e6c900;
        padding: 8px 0;
        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, #030a19 17%, #17214b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cccccc', GradientType=0)
    }
    .menu_list span {
        color: #333;
        font-size: 18px;
        border-right: 1px solid #ccc;
        padding: 8px 0;
        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)
    }
    .head_from_m {
        max-width: 400px;
        margin: 0 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 0 7px 10px;
        border: 1px solid #c6c6c6;
        background-color: #fff;
        box-shadow: none
    }
    .tt_from_login_m {
        padding: 15px 0 0
    }
    .head_from_m .captcha_img {
        height: 35px
    }
    .head_from_m .captcha_img img {
        margin-top: 7px
    }
    .head_from_m .tt_submit {
        margin: 15px 0 20px
    }
    .bar {
        margin: 30px 0 10px
    }
    .tx-login {
        width: 100%;
        text-align: center;
        padding: 7px 0 10px;
        background: #000;
        color: #fff;
        display: inline-block;
        font-family: thaisanslite_r1;
        font-weight: 700;
        font-size: 20px;
        line-height: 20px
    }
    .menu_list.first {
        margin: 0% 0% 5px 2%
    }
    .bbn_pc,
    .menu_list.mmc {
        display: none
    }
    .footer {
        padding: 20px 0
    }
    .from_post input.tt_from_p2,
    .from_post input.tt_from_u1 {
        width: 100%;
        margin-bottom: 7px
    }
    .tx-login {
        text-align: center;
        padding: 7px 0 10px
    }
    .from_post .tt_submit2 {
        width: 100%;
        text-align: center;
        padding: 10px 25px
    }
    .tt_from_login {
        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)
    }
    .tt_home_bx img,
    .tt_home_bx {
        float: left;
        width: 100%
    }
    .tt_txt_seo {
        margin-bottom: 10px
    }
    .tt_home_bx.cx22 {
        margin-bottom: 20px
    }
    .tt_top_nav {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }
    .tt_top_nav ul {
        text-align: center
    }
    .head_r {
        padding: 0;
        margin-top: 0;
        border-radius: 0;
        border: 0
    }
    .h_fr {
        position: relative;
        left: 0
    }
    .tt_ref,
    .tt_slide {
        float: left;
        width: 100%
    }
    .tlcx.mt-5 {
        margin-top: 0
    }
    .tt_ref .img_fr img {
        width: 30%
    }
    .img1 {
        margin: 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: 0;
        right: 0
    }
    .tt_full.fp .wpcf7 {
        float: left;
        width: 100%
    }
    .tt_full.fp #wpcf7-f81-p12-o2.wpcf7 {
        margin: 50px 0
    }
    .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 0 0
    }
    .tt_full .wpcf7 {
        width: 100%
    }
    .thaitheme_read {
        padding: 0 0 20px
    }
    .owl-theme .owl-nav {
        bottom: 65%
    }
    .tlcx {
        font-size: 20px;
        line-height: 20px
    }
    @media screen and (max-width:584px) {
        .head_from {
            padding: 0
        }
        .tt_from_login.active {
            width: 80%
        }
        .social-sharing {
            display: none
        }
        .tt_top_nav {
            width: 100%
        }
        .tt_top_nav ul {
            text-align: center
        }
        .tt_txt_seo {
            padding: 10px 0
        }
    }
    @media screen and (max-width:480px) {
        .sec-center {
            padding: 10px;
            background-color: #f2f2f4;
            border: 0
        }
        .right_ct .banner_hover {
            width: 100%
        }
        .tt_full.nav_m img {
            width: 60%;
            margin-top: 6px
        }
        .menu_list {
            width: 48%;
            margin: 0% 0% 15px 1%;
            min-height: 150px
        }
        .tt_rc {
            float: left;
            width: 100%;
            padding: 0%
        }
        .tt_from_login.active {
            width: 90%
        }
        .tt_top_nav ul li:last-child,
        .tt_live {
            display: none
        }
        .head_from_m {
            max-width: 300px
        }
        .copyright_footer {
            margin-top: 20px;
            padding: 5px 10px
        }
        .banner_footer {
            margin-bottom: 0
        }
        .aat {
            margin-top: 5px
        }
        .owl-theme .owl-nav {
            top: 15%
        }
        .home .tt_content,
        .tt_content {
            padding: 10px
        }
        .tt_ref .img_fr img {
            width: 60%
        }
        .tt_list_game {
            float: left;
            width: 100%;
            margin: 5px 0% 10px 1.5%
        }
    }
    @media screen and (max-width:384px) {
        .tt_rc {
            float: left;
            width: 100%;
            padding: 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: 0
        }
        .nav_mobile ul li {
            white-space: nowrap
        }
        .list_game {
            width: 45.5%;
            margin: 10px 2% 15px
        }
    }
    @media screen and (max-width:320px) {
        .head_from_m {
            max-width: 270px
        }
    }
}