body{
    background: #000;
}
@keyframes ts {
    0%{
        background-color: #1dc21e;
    }
        /* YOU CAN ADD MORE COLORS IN THE KEYFRAMES IF YOU WANT
        50%{
          background-color: #55d66b;
          border: 5px solid #126620;
        }
        */
    50%{
       background-color: #ff0000;
    }
}
.t5{
    animation: ts 1s infinite;
}
.alert-error-form{
    background-color: red;
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.count-otp{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 1px;
}
.re-otp{
    color: green;
    text-decoration: none;
    font-weight: bold;
}
.cd-register-success{
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
label{
    font-family: TH ;
}
h1{
    font-family: TH ;
}
h2{
    font-family: TH ;
}
h3{
    font-family: TH ;
}
h4{
    font-family: TH ;
}
h5{
    font-family: TH ;
}
span{
    font-family: TH ;
}
a{
    font-family: TH ;
}
input{
    font-family: TH ;
}
button{
    font-family: 'Mitr', sans-serif;
}
div{
    font-family: TH ;
}
@font-face {  
    font-family: Supers ;  
    src: url(../fonts/Superspace.ttf ) format("truetype");  
}
@font-face {  
      font-family: georgia1 ;  
      src: url(../fonts/georgia.ttf ) format("truetype");  
}
@font-face {  
      font-family: DB ;  
      src: url(../fonts/DB-Adman-X.ttf ) format("truetype");  
}
@font-face {  
    font-family: TH ;  
    src: url(../fonts/THSarabun.ttf ) format("truetype");  
}
.georgia1 { font-family: georgia1 , verdana, helvetica, sans-serif; }
.Supers { font-family: Supers , verdana, helvetica, sans-serif; }
.TH { font-family: TH , verdana, helvetica, sans-serif; }
.DB { font-family: DB , verdana, helvetica, sans-serif; }

/*.dropdown:hover>.dropdown-menu {
    display: block;
}*/
.pad-b-1{
    padding-bottom: 1%;
}

#popup {
    display:none;
    position:fixed;
    margin:0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2147483643;
    width: 100%;
    height: 100%;
    background-color: #000000e0;
}
#popup .panel-1{
    position: absolute;
    left: 67%;
    padding-top: 2%;
}
#popup .panel-1 img{
    cursor: pointer;
    width: 100%;
}
#popup .popup1{
    padding-top: 2%;
}
#popup .popup1 img{
    width: 40%;
}
#popup .panel-footer{
    text-align: center;
    margin-top: -3%;
}
#popup .panel-footer button{
    font-size: 25px;
    background: #ffc107;
    border: 2px solid #ffc107;
    box-shadow: 0px 10px 2px -5px #a17902;
    border-radius: 56px;
    padding: 5px 50px;
    color: #000;
}
#popup .panel-footer button:hover{
    box-shadow: 0 0 10px #fff;
}

.txt-otp{
    color: #00ff14;
    font-weight: 900;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
}
 
.navbar .dropdown-menu {
   border:none;
   background-color: #1c1c1cc9 !important;
}
 
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 769px) { 
    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top:0px;
        padding-bottom:0px;
        margin-left: -30px;
    }
    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    .navbar .nav-item {
        padding: 10px 10px;
        margin: 0;
    }
    /* makes the dropdown full width  */
    .navbar .dropdown {
        position:static;
    }
    .navbar .dropdown-menu {
        width:100%;
        left:0;
        right:0;
        /*  height of nav-item  */
        top:97%;
   
        display:block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.3s linear;
    }
    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display:block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0.2s, opacity 0.3s linear;
    }
    .navbar .dropdown-menu {
        border: 1px solid rgba(0,0,0,.15);
        background-color: #fff;
    }
}
/*.bg-vdo{
    background-image: url(https://ufabetcompany.com/frontend/img/bg-vdo1.png);
    background-size: cover;
    background-repeat: round;
}*/
.bg-slip{
    background-image: url(../img/spot-bg1.png);
    background-size: cover;
    background-repeat: round;
}

.img-menu{
    width: 70% !important;
    height: auto !important;
    margin-left: 0px !important;
    border-radius: 10px !important;
}

.d-2{
    width: 100%; 
    background-color: transparent;
    color: #000; 
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15%;
    padding-right: 15%;
}
.d-2 .row{
    text-align: center;
    justify-content: center;
}
.d-2 .d-3{
    font-size: 20px !important;
    width: 25%;
}
.d-2 .d-3:hover{
    text-shadow: 0 0 15px #fff;
}
.d-5{
    width: 100%; 
    background-color: transparent;
    color: #000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.d-5 .row{
    text-align: center;
    justify-content: center;
}
.d-5 .d-6{
    font-size: 20px !important;
    width: 20%;
}
.d-5 .d-6:hover{
    text-shadow: 0 0 15px #fff;
}

.bg-2{
    background-image: url(../img/bg-2-1.png);
    background-size: cover;
    background-repeat: round;
}
.nav-link{
    display: block;
    padding: .5rem 10px;
}
.row{
    margin: 0px;
    padding: 0px;
}
.header{
    color: #fff;
    z-index: 50;
    position: relative;
}
.header .head-top{
    padding: 10px 40px;
    background-color: #1c1c1c;
}
.header .head-top .top1{
    width: 50%;
}
.header .head-top .top2{
    width: 50%;
}.header .head-top .top1-1{
    font-family: DB;
    font-size: 28px;
    color: #cbb055;
    text-decoration: none;
}
.header .head-top .top2-1:hover{
    text-shadow: 0 0 10px #cbb055;
}
.header .t-regis{
    float: right;
}
.header .t-regis a{
    text-decoration: none;
}
.header .t-regis2{
    color: #cbb055; 
    font-weight: bold; 
    font-size: 25px;
}
.header .head-top .right .row{
    text-align: right;
    float: right;
}
.header .head-top .right .log1{
    width: 150px;
    border-radius: 10px;
    background-color: #676767;
    padding: 7px;
    color: #fff;
    border: none;
    font-size: 20px;
}
.header .head-top .right .log2{
    width: 130px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #676767;
    padding: 7px;
    color: #fff;
    border: none;
    font-size: 20px;
}
.header .head-top .right .re-1{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #676767;
    padding: 7px;
    color: #fff;
    border: none;
}
.header .head-top .right .re-2{
    color: #cbb055;
    border-left: 1px solid #cbb055;
    padding-left: 10px;
    font-size: 20px;
}
.header .top2 .l1{
    padding-top: 7px;
}
.header .top2 .t1{
    font-size: 15px;
    color: #cbb055;
    border: 2px solid #cbb055;
    box-shadow: 0 0 5px #cbb055;
    text-shadow: 0 0 5px #cbb055;
}
.header .top2 .t1:hover{
    box-shadow: 0 0 10px #fff;
}
.header .top2 .t2{
    font-size: 20px;
    color: #fff;
    padding-left: 10px;
    margin-left: 5px;
    background-color: #1dc21e;
    text-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px rgb(0, 204, 0);
}
.header .top2 .t2:hover{
    box-shadow: 0 0 10px #fff;
}
.header .head-menu{
    background-color: #000;
}
.header .head-menu p{
    font-size: 28px;
}
.header .pic-lo {
    width: 15%;
}
.header .head-menu .h-menu img{
    width: 80%;
    margin-left: 30px;
}
.header .h-menu{
    text-align: left;
    width: 100%;
}
.header ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.header .h-menu a{
    font-family: DB;
    font-size: 28px;
    color: #cbb055;
}
.header .h-menu a:hover{
    text-shadow: 0 0 5px #fff;
}
.header .dropdown-menu {
    background: #000;
}
.header .input-group {
    width: auto;
}
.banner{
    /*box-shadow: 0 7px 43px #6f4900;*/
}
.banner .w-100 {
    /*height: 600px;*/
    height: auto;
}
.main-content .main-1{
    padding-top: 30px;
    padding-left: 30px;
}
.main-content .main-1 h4{
    color: #cbb055;
    text-shadow: 0 0 10px #cbb055;
    font-family: 'Mitr', sans-serif;
}
.main-content .main-1 .txt-d1{
    font-family: "Mitr", sans-serif;
    color: #cbb055;
    font-size: 30px;
    text-shadow: 0 0 10px #cbb055
}
.main-content .main-1 img{
    width: 15%;
}
.main-content2 .main-con1 img {
    width: 14%;
}
.main-content .main-2{
    padding-left: 5%;
    padding-right: 5%;
}
.main-content .main-2 .main-de{
    width: 25%;
}
.main-content .main-2 .main-de1{
    width: 30%;
    text-align: center;
}
.main-content .main-2 .main-de1 img{
    width: 85%;
}
.main-content .main-2 .main-de2{
    width: 70%;
    text-align: center;
}
.main-content .main-2 .main-de2 h3{
    font-family: "Mitr", sans-serif;
    color: #cbb055;
    font-size: 18px;
    text-shadow: 0 0 10px #cbb055;
}
.main-content .main-2 .main-de2 h6{
    font-family: DB;
    color: #fff;
    font-size: 20px;
    border-right: 1.5px solid #cbb055;
    padding-left: 5%;
    text-align: left;
}
.main-content .hearder-new{
    text-align: center;
    padding-top: 50px;
    color: #cbb055;
}
.main-content .hearder-new h3{
    font-size: 40px;
    color: #ffc107;
    font-family: 'Mitr' , sans-serif;
    text-shadow: 0 0 3px #fff;
}
.main-content .mini-content{
    padding-left: 5%;
    padding-right: 5%;
}
.main-content .new{
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}
.main-content .h{
    width: 100%;
}
.main-content .mini-content .new-sport{
    border: 2px solid #fff;
    box-shadow: 0 0 20px 1px #e0bb00;
    width: 100%;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    background: #000;
}
.main-content .box-txt{
    padding-top: 20px;
    padding-bottom: 20px;
}
.main-content .box-content{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.main-content .txt-new{
    color: #fff;
    font-size: 25px;
}
.main-content .txt-news{
    font-size: 25px;
    color: #ffc107;
    font-family: 'Mitr' , sans-serif;
    text-align: center;
}
.main-content .new a{
   text-decoration: none;
}
.main-content .btn-detail a{
    font-size: 25px;
    color: #fff;
    text-decoration: none;
}
.main-content .box-new img{
    width: 100%;
}
.bg-10{
    background-image: url(../img/bg-star-10.jpg);
    background-size: unset !important;
    background-repeat: round !important;
}
.main-content2 .border-t{
    height: 5px;
    width: 100%;
    background-color: #a76e04;
    box-shadow: 0 0 20px #a76e04;
}
.main-content2 .main-con1{
    margin-bottom: 20px;
}
.main-content2 .main-con1 h2{
    color: #cbb055;
    text-shadow: 0 0 5px #cbb055;
    font-family: 'Mitr', sans-serif;
    font-size: 30px;
}
.main-content2 .bg-pun{
    background-image: url(../img/bg-pun1-1.png);
    background-size: cover;
    background-repeat: round;
}
.main-content2 .fix-img{
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    display: inline-flex;
}
.main-content2 .img-pa{
    text-align: center;
}
.main-content2 .img-pa img{
    width: 90%;
    border-radius: 20px;
}
.main-content2 .btn-play{
    text-align: center;
    position: relative;
    margin-top: -80px;
}
.main-content2 .btn-play a{
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
}
.main-content2 .pic-dewith img{
    width: 35%;
}
.main-content2 .txt-ufa-1{
    color: #cbb055;
}
.main-content2 .fix-img2{
    display: inline-flex;
    padding-left: 40px;
    padding-right: 40PX;
    padding-bottom: 40px;
}
.main-content2 .img-pa2{
    width: 100%;
}
.main-content2 .fix-img2 img{
    width: 95%;
    border-radius: 15px;
}
.main-content2 .fix-img2 img:hover{
    border-bottom: 1px solid #cbb055;
}
.main-content2 .pt-tc{
    text-align: center;
    padding-top: 50px;
}
.main-content2 .main-con1 .garantee{
    text-align: center;
    padding-bottom: 30px;
}
.main-content2 .main-con1 .garantee img{
    width: 50%;
}
.main-content2 .img-dw{
    text-align: center;
    padding-bottom: 50px;

}
.main-content2 .img-dw img{
    width: 50%;
}
.main-content2 .img-ufo{
    margin-top: -23%;
}
.main-content2 .img-ufo img{
    width: 100%;
    position: relative;
    z-index: 8;
}
.main-content2 .box-sport img{
    width: 80%;
}
.main-content2 .tcl img{
    width: 80%;
}
.main-content2 .box-pa{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 100px;
}
.main-content2 .box-game{
    border-top: 4px solid #f1ddbc;
    border-left: 4px solid #f1ddbc;
    border-right: 4px solid #f1ddbc;
    box-shadow: 0 0 36px #9c6b2b;
    border-radius: 15px;
    margin-top: -10%;
    background-size: cover;
    background-color: #000;
    position: relative;
    z-index: 9;
}
.main-content2 .u-game{
    text-align: center;
    position: relative;
    margin-top: -150px;
}
.main-content2 .u-game img{
    width: 43%;
    background: #000;
    border: 4px solid #f1ddbc;
    border-radius: 50px;
    box-shadow: 0 0 36px #9c6b2b;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
    padding-bottom: 20px;
}
.main-content2 .game-2{
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
}
.main-content2 .game-3{
    width: 33.3%;
    text-align: center;
}
.main-content2 .game-4{
    text-align: right;
    width: 50%;
    padding-top: 30px;
    padding-right: 15px;
}
.main-content2 .game-5{
    text-align: left;
    padding-top: 30px;
    padding-left: 15px;
    width: 50%;
}
.main-content2 .game-3 img{
    width: 80%;
}
.main-content2 .game-4 img{
    width: 50%;
}
.main-content2 .game-5 img{
    width: 50%;
}
.main-content2 .text-company {
    text-align: center;
    border-radius: 45px;
    border-top: 4px solid #f1ddbc;
    border-left: 4px solid #f1ddbc;
    border-right: 4px solid #f1ddbc;
    border-bottom: 4px solid #f1ddbc;
    box-shadow: 0 0 25px #9c6b2b;
    padding: 10px 25px;
}
.main-content2 .text-company img {
   width: 100%;
}
.main-content2 .text-company h2{
    font-size: 45px;
    color: rgb(203, 176, 85);
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
    font-family: 'Mitr' , sans-serif;
}
.main-content2 .box-ubc{
    padding-left: 38%;
    padding-right: 38%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.main-content2 .box-sport{
    text-align: center;
    width: 50%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0px;
}
.main-content2 .box-sport .size-bet{
    width: 100%;
}
.main-content2 .box-sport2{
    text-align: center;
    width: 50%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0px;
}
.main-content2 .box-sport2 .ipad-3{
   width: 85%;
}
.main-content2 .box-sport h3{
    font-size: 30px;
    color: rgb(203, 176, 85);
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
    font-family: 'Mitr' , sans-serif;
}
.main-content2 .box-sport ul{
    color: #fff;
}
.main-content2 li{
    text-align: left;
}
.main-content2 .box-sport h4{
    font-size: 25px;
    font-weight: 900;
}
.main-content2 .img-sp{
    padding-top: 20px;
}
.main-content2 .box-ls{
    padding-top: 40px;
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
}
.main-content2 .box-ls h1{
    padding-top: 30px;
    font-size: 30px;
    color: rgb(203, 176, 85);
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
    font-family: 'Mitr' , sans-serif;
}
.main-content2 .box-ls p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 900;
}
.main-content2 .img-ls img{
    width: 65%;
}
.main-content2 .box-dewith{
    text-align: center;
    color: #fff;
}
.main-content2 .pic-bank1{
    display: block;
    padding-bottom: 15%;
    padding-top: 20px;
}
.main-content2 .pic-bank1 img{
    width: 4.5%;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    border: 2px solid #ffd587;
    box-shadow: 0 0 5px #fff;
}
.main-content2 .footer-down img{
    width: 100%;
}
.main-content2 .txt-vdo{
    text-align: center;
    padding-top: 5%;
}
.main-content2 .txt-vdo .txt-vdo1{
    width: 25%;
}
.main-content2 .vdo-zone{
    text-align: center;
}
.main-content2 .vdo-1{
    padding-top: 3%;
    padding-bottom: 3%;
}
.main-content2 .vdo-1 iframe{
    width: 700px;
    height: 400px;
    border: 1px solid #fff;
    outline: 2px solid #ff000061;
    transition: 0.7s all ease-in;
    box-shadow: 0 0 10px #fff;
}
.main-content2 .vdo-1 iframe:before{
    border: 2px solid #3d016a;
    display: block;
}
.main-content2 .vdo-1 iframe:after{
    border: 2px solid red;
    display: block;
}
.c-table{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 30px;
}
.c-table .table-ball{
    color: #fff;
}
.c-table .table-ball i{
    padding-left: 15px;
    padding-right: 15px;
}
.c-table .ball-pad-1{
    padding-bottom: 5%;
}
.c-table .live-ball{
    /* border: 3px solid #fff; */
    background-color: #161515;
    text-align: center;
    width: 55%;
}
.c-table .live-ball2{
    width: 45%;
    color: #fff;
    text-align: center;
    padding-left: 30px;
}
.c-table .live-ball2 .edit-item{
    padding-left: 5px;
    padding-right: 5px;
    width: 33.33%;
}
.c-table .live-b{
    height: 2px;
    width: 100%;
    background-color: #cbb055;
    box-shadow: 0 0 5px #cbb055;
}
.c-table .live-s{
    display: flex;                
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.c-table .leagues{
    text-align: left;
    color: #fff;

}
.c-table .txt-divs{
    font-size: 25px;
    padding-left: 20px;
}
.c-table .day{
    /*padding-top: 5px;*/
    text-align: left;
    width: 18% ;
    color: #fff;
}
.c-table .txt-day{
    font-size: 20px;
    padding-left: 20px;
}
.c-table .team-a{
    text-align: center;
    width: 200px;
    color: #fff;
}
.c-table .team-a .txt-day2{
    font-size: 23px;
}
.c-table .time-l .txt-day3{
    font-size: 23px;
}
.c-table .team-b .txt-day2{
    font-size: 23px;
}
.c-table .team-b{
    text-align: center;
    width: 200px;
    color: #fff;
}
.c-table .team-a img{
    width: 15%;
}
.c-table .team-b img{
    width: 15%;
}
.c-table .time-l{
    width: 100px;
    padding-top: 5px;
}
.c-table .time{
    color: black;
    background-color: yellow;
    border-radius: 30px;
}
/* .c-table .time i{
    padding-right: 3px;
} */
.c-table .link{
    width: 15%;

}
.c-table .link a{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    padding: 2px 40px;
    font-family: 'Mitr', sans-serif;
    background-image: linear-gradient(180deg, #cbb055, #8A6F3D, #cbb055);
}
.c-table .link a:hover{
    box-shadow: 0 0 10px #fff;
}
.c-table .live-ball2 .img-qr{
    width: 50%;
    padding-bottom: 30px;
}
.c-table .img-qr img{
    width: 50%;
}
.c-table .live-ball2 .line{
    width: 50%;
}
.c-table .live-ball2 .line{
    width: 50%;
    /*margin-top: 60px;*/
}
.c-table .btn-line{
    padding-top: 30px;
}
.c-table .nav-tabs {
    border-bottom: none;
    padding-bottom: 30px;
}
.c-table .nav-tabs li{
    width: 33.3%;
}
.c-table .nav-item a{
    text-align: center;
}
.c-table .nav-item .active{
    color: #495057;
    background-color: unset !important;
    border-color: unset !important; 
}
.c-table .nav-tabs .nav-link {
    border: unset !important;
    background-color: #cbb055 !important;
    box-shadow: 0 0 10px #cea835;
}
/*.c-table .nav-tabs .nav-link:hover {
    box-shadow: 0 0 10px #cea835;
}*/
.c-table .nav-item .edit img{
    width: 110px;
    height: 100px;
}
.c-table .btn-line a{
    border-radius: 30px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* .c-table .table{
    color: #fff;
} */
 .c-table .table td{
    padding:5px; 
    font-size: 20px;
}
.c-table .table th{
    padding:5px; 
    font-size: 20px;
}  
.c-table .table-score{
    background-color: #cbb055;
}
.c-table .table .all-score{
    background-color: #c3c3c3;
    font-size: 12px;
}
.c-table .table .team{
    text-align: left;
}
.c-table .table .team a{
    text-decoration: none;
    color: #000;
    font-size: 20px;
}
.c-table .news-sp{
    padding-top: 50px;
    padding-bottom: 5%;
}
.c-table .txt-sp{
    background-color: #cbb055;
        color: #000;
    padding-left: 20px;
}
.c-table .txt-sp h3{
    color: #000;
    padding-left: 20px;
}
.c-table .news-sp .new-mini{
    width: 50%;
    text-align: center;
    padding-top: 30px;
}
.c-table .news-sp .new-mini2{
    width: 50%;
    padding-top: 30px;
}
.c-table .txt-news{
    color: #fff;
}
.c-table .new-sp2{
    background-color: #161515;
    width: 55%;
}
.c-table .line-qr{
    text-align: center;
    padding-left: 30px;
    width: 45%;
}
.c-table .line-qr img{
    width: 50%;
}
.c-table .new-mini img{
    width: 80%;
}
.c-table .new-mini a{
    text-decoration: none;
}
.c-table .new-mini .txt-news{
    text-align: left;
    padding-left: 40px;
    padding-top: 30px;
    font-size: 19px;
}
.c-table .new-mini .txt-news .bon-1{
    color: #fff;
    background-color: #cbb055;
    padding: 1px 2px;
}
.c-table .new-mini .i-day{
    font-size: 15px;
}
.c-table .top-mini2{
    padding-top: 10px;
    padding-bottom: 10px;
}
.c-table .new-mini3{
    width: 50%;
    text-align: center;
}
.c-table .new-mini3 img{
    width: 85%;
}
.c-table .new-mini4{
    width: 50%;
}
.c-table .new-mini4 .txt-edit{
    font-size: 17px;
    text-align: left;
    padding-right: 15px;
}
.c-table .new-mini4 a{
    text-decoration: none;
    color: #fff;
}
.c-table .new-mini4 .i-mini{
    font-size:15px;
    color: #fff;
}
.content .con-1{
    padding-left: 5%;
    padding-right: 5%;
}
.bg-001{
    background-image: url(../img/wall-paper.jpg);
    background-size: cover;
}
.content .con-1 .txt-pro h1{
    color: #ffab0f;
    text-shadow: 0 0 20px #cbb055;
    font-family: 'Mitr' , sans-serif;
    font-size: 50px;
}
.content .pro h2{
    color: #cbb055;
    text-shadow: 0 0 5px #cbb055;
    font-size: 35px;
}
.content .pro .pro-2 img{
    width: 90% !important;
    height: 200px;
}
.content .pro .slick-prev{
    display: none !important;
}
.content .pro .slick-next{
    display: none !important;
}
.content .sport{
    
}
.content .sport .left{
   width: 50%;
   padding-left: 5%;
}
.content .sport .left i{
    background-color: #cbb055;
    font-size: 40px;
}
.content .sport .right{
    width: 50%; 
    padding-right: 5%;
    float: right;
    text-align: right;
}
.content .sport .right i{
    font-size: 18px;
}
.content .sport .right .input-group-text{
    padding: 0px !important;
}
.content .sport .right .input-group{
    float: right;
    width: 40% !important;
}
.content .sport .right .input-group input{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    padding-left: 10px;
    font-size: 25px;
}
.content .sport .sport-1{
    background-color: #555555;
}
.content .sport .sport-2{
    background-color: #000;
    padding-left: 5%;
    padding-right: 5%;
}
.content .sport .sport-2 .txt-sport h1{
    color: #cbb055;
    font-size: 40px;
    font-family: 'Mitr', sans-serif;
}
.content .sport .sport-2 .txt-sport2 h5{
    color: #cbb055;
    font-size: 40px;
}
.content .cont-1{
    padding-top: 8%;
    margin-top: -70px;
    z-index: 0;
    padding-bottom: 2%;
}
.content .bg-1{
    background-image: url(../img/wallpaper_register.png);
    background-size: cover;
    background-repeat: round;
}
.bg-12{
    background-image: url(../img/bg-regis1.jpg);
    background-size: cover;
    background-repeat: round;
}
.content .cont-2{
    padding-left: 15%;
    padding-right: 15%;
}
.content .cont-3{
    background: rgba(0, 0, 0, 0.7);
    border: 2px solid #cbb055;
    box-shadow: 0 0 30px #cbb055;
}
.content .cont-3 .txt-h1{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0.5px solid #cbaf5581;
}
.content .cont-3 .txt-h1 img{
    width: 25%;
}
.content .input-1{
    padding-top: 3%;
}
.content .input-1 .pic-1{
    width: 35%;
    text-align: center;
    padding-left: 5%;
    padding-top: 20px;
}
.content .input-1 .pic-1 img{
    width: 100%;
    padding-bottom: 30px;
}
.content .input-1 .input-2{
    width: 65%;
    margin-top: 20px;
}
.content .input-1 .input-2 .txt-in1 h5{
    color: #cbb055;
    text-shadow: 0 0 10px #cbb055;
    text-align: center;
    font-size: 35px;
}
.content .input-1 .input-2 .input-3{
    padding-left: 10%;
    color: #cbb055;
    padding-right: 10%;
}
.content .input-1 .input-2 .input-3 .txt-h6-1{
    font-size: 30px;
}
.content .input-1 .input-2 .input-3 input{
    background-color: #000;
    border: 1px solid #cbb055;
    color: #fff;
    font-size: 20px;
}
.content .input-1 .input-2 .input-3 ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.content .input-1 .input-2 .input-3 select{
    background-color: #000;
    border: 1px solid #cbb055;
    color: #fff;
    font-size: 22px;
}
.content .input-1 .eye{
    cursor: pointer;
    position: absolute;
    margin-top: -30px;
    margin-left: 34%;
}
.content .input-1 .eye-hid{
    display: none;
}
.content .input-1 .txt-h6{
    font-size: 25px;
    color: #fff;
}
.content .input-1 .txt-in2{
    text-align: center;
}
.content .input-1 .txt-s{
    color: #cbb055;
}
.content .input-1 .action{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 3%;
}
.content .input-1 .action a{
    font-size: 20px;
    width: 50%;
    background-color: rgb(28, 167, 0);
    box-shadow: 0 0 10px rgb(43, 255, 0);
}
.content .input-1 .action a:hover{
    text-shadow: 0 0 10px #000;
    box-shadow: 0 0 20px rgb(43, 255, 0);
}
.content .input-1 .action button{
    width: 50%;
    background-color: rgb(28, 167, 0);
    box-shadow: 0 0 10px rgb(43, 255, 0);
}
.content .input-1 .action button:hover{
    text-shadow: 0 0 10px #000;
    box-shadow: 0 0 20px rgb(43, 255, 0);
}
.content .input-1 .back{
    text-align: center;
    padding-bottom: 5%;
}
.content .input-1 .back a{
    font-size: 19px;
    width: 50%;
    background-color: #1c1c1c;
    box-shadow: 0 0 10px #1c1c1c;
}
.content .input-1 .back a:hover{
    text-shadow: 0 0 10px #3e3c3c;
    box-shadow: 0 0 20px #3e3c3c;
}

.content .lotto{
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left; 
}
.content .lotto .txt-lt1{
    color: rgb(203, 176, 85);
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
    text-align: left;
    font-size: 23px;
    padding-top: 20px;
    font-family: 'Mitr', sans-serif;
}
.content .lotto .txt-lt2{
    color: aliceblue;
    font-size: 25px;
    padding-top: 20px;
}
.content .but-regit-huey{
    width: 50%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;  
    display: block; 
}
.content .but-regit-huey a{
    font-size: 25px;
    background: #ffc107;
    border: 2px solid #ffc107;
    box-shadow: 0 0 10px #e0bb00;
    border-radius: 56px;
    padding: 5px 150px;
    color: #000;
    text-decoration: none;
    font-family: DB;
}
.content .but-regit-huey a:hover{
    box-shadow: 0 0 30px #e0bb00;
}
.content .but-regit-huey img{
    width: 30%;
}
.content .regit{
    background: transparent linear-gradient(90deg, #EDB759 14%,#BD771F 76%, #D88E26 90%,#BD771F 76%, #D88E26 90%, #EDB85B 14%, #EFBD64 15%, #F3DA78 46%, #F3D065 54%, #F3CF63 55%, #BD771F 76%, #D88E26 90%) 0% 0% no-repeat padding-box !important;
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: georgia1; 
}
.content .huey{
    background: transparent linear-gradient(90deg, #EDB759 14%,#BD771F 76%, #D88E26 90%,#BD771F 76%, #D88E26 90%, #EDB85B 14%, #EFBD64 15%, #F3DA78 46%, #F3D065 54%, #F3CF63 55%, #BD771F 76%, #D88E26 90%) 0% 0% no-repeat padding-box !important;
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: georgia1; 
}
.content .pic-sae img{
    width: 100%;
    height: 600px;
}
.content .pic-sae2{
    position: absolute;
    right: 0;
    margin-top: -270px;
}
.content .pic-sae2 img{
    width: 90%;
    height: auto;
}
.content .recomment{
    padding-top: 2%;
    padding-left: 3%;
    padding-right: 3%;
}
.content .recomment .txt-lt3{
    color: #bd9071;
    text-align: left;
    font-size: 28px;
    padding-top: 20px;
}
.content .recomment .txt-lt4{
    color: aliceblue;
    font-size: 25px;
    padding-top: 20px;
}
.content .but-share {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 2%;
}
.content .share{
    background: transparent linear-gradient(90deg, #EDB759 14%,#BD771F 76%, #D88E26 90%,#BD771F 76%, #D88E26 90%, #EDB85B 14%, #EFBD64 15%, #F3DA78 46%, #F3D065 54%, #F3CF63 55%, #BD771F 76%, #D88E26 90%) 0% 0% no-repeat padding-box !important;
    font-family: georgia1; 
    padding-left: 50px;
    padding-right: 50px;
}
.content .game-slot .but-1{
    text-align: center;
    padding-top: 80px;
    padding-bottom: 30px;
}
.content .game-slot .but-1 a{
    font-size: 35px;
    background: #ffc107;
    border: 2px solid #ffc107;
    box-shadow: 0 0 10px #e0bb00;
    border-radius: 56px;
    padding: 5px 60px;
    color: #000;
    text-decoration: none;
    font-family: DB;
}
.content .game-slot .but-1 a:hover{
    box-shadow: 0 0 30px #e0bb00;
}
.content .game-slot .but-1 img{
    width: 30%;
}
.content .game-slot .txt-game{
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    color: #fff;
}
.content .game-slot .txt-game h1{
    font-family: 'Mitr', sans-serif;
}
.content .game-slot .txt-game h3{
    font-size: 40px;
}
.content .game-slot .txt-game .txt-2{
    text-align: left;
    color: #fff;
    font-size: 25px;
}
.content .game-slot .txt-game .txt-3{
    font-size: 25px;
    text-align: left;
}
.content .game-slot .txt-game .txt-1{
    text-align: center;
    color: #cbb055;
}
.content .game-sport .but-1{
    text-align: center;
}
.content .game-sport .but-1 img{
    width: 30%;
}
.content .game-sport .txt-game{
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    color: #fff;
}
.content .game-sport .txt-game .txt-2{
    text-align: left;
    color: #fff;
}
.content .game-sport .txt-game .txt-1{
    text-align: center;
    color: #cbb055;
}
.content .txt-h1 h1{
    color: #cbb055;
    text-shadow: 0 0 10px #cbb055;
}
.content .recom-1{
    padding-top: 50px;
}
.content .img-recom{
    text-align: center;
    padding-top: 50px
}
.content .img-recom img{
    width: 30%;
}
.content .game-slot .txt-recom{
    font-size: 35px;
    text-align: left;
    color: rgb(203, 176, 85);
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
    font-family: 'Mitr' , sans-serif;
}
.content .game-slot .txt-recom2{
    text-align: left;
    font-size: 25px;
}
.content .game-casino{
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.content .playzone{
    text-align: center;
    padding-top: 30px;
}
.content .playzone img{
    width: 20%;
}
.content .game-casino .casi1{
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    text-align: center;
}
.content .game-casino .casi1 h1{
    font-family: 'Mitr', sans-serif;
    color: #cbb055;
}
.content .game-casino .casi1 img{
    width: 100%;
}
.content .game-casino .casi2{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}
.content .game-casino .casi2 h1{
    font-family: 'Mitr', sans-serif;
    color: #cbb055;
}
.content .game-casino .casi2 img{
    width: 50%;
}
.content .password{
    text-align: center;
    padding-top: 10px;
}
.content .password a{
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}
.content .pic-1 a{
    text-decoration: none;
     font-size: 20px;
    color: #fff;
    margin-left: 5px;
    background-color: #cbb055;
    box-shadow: 0 0px 20px #cbb055;
    padding: 5px 48px;
    border-radius: 3px;
}
.content .pic-1 a:hover{
    text-shadow: 0 0 10px #cbb055;
    box-shadow: 0 0px 20px 5px #cbb055;
}
.content .help{
    padding-top: 2%;
    padding-left: 7%;
    padding-right: 7%;
}
.content .help h1{
    color: #cbb055;
    font-family: 'Mitr', sans-serif;
}
.content .help .help-1{
    text-align: center;
    width: 33.33%;
    border-right: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.content .help h2{
    color: #fff;
    font-family: 'Mitr', sans-serif;
}
.content .help h3{
    color: #cbb055;
}
.content .help-2{
    width: 50%;
    text-align: left;
    padding-left: 50px;
}
.content .help-2 i{
    font-size: 50px;
    color: #fff;
}
.content .help-2 .txt{
    padding-left: 10px;
    padding-top: 10px;
}
.content .help-2 .txt-help1{
    font-size: 15px;
}
.content .help-2 .txt-help2{
    font-family: 'Mitr', sans-serif;
    background-color: #6e6e6e;
}
.footer{
    box-shadow: 0 8px 30px #a76e04;
}
.footer .footer-s{
    padding-top: 5%;
    padding-left: 15%;
    padding-right: 15%;
}
.footer .footer-logo{
    width: 50%;
}
.footer .footer-bank{
    width: 50%;
}
.footer .logoufa1{
    width: 65%;
}
.footer .footer-bank h6{
    color: #cbb055;
}
.footer .footer-bank img{
    margin-left: 2px;
    margin-right: 2px;
    width: 10.5%;
    border-radius: 10px;
    border: 2px solid #ffd587;
    box-shadow: 0 0 5px #fff;
}
.footer .footer-s2 .footer-game img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
    }
.footer .footer-s2{
    padding-top: 2%;
    padding-left: 15%;
    padding-right: 15%;
}
.footer .footer-s2 h5{
    color: #cbb055;
    text-shadow: 0 0 5px #cbb055;
}
.footer .footer-s2 .footer-game{
    padding-top: 10px;
}
.footer .footer-s2 .footer-game img{
    width: 15%;
    padding-right: 10px;
    filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .1s ease-in-out;
}
.footer .footer-s2 .footer-pb{
    height: 2px;
    background: #cbb055;
}
.footer .menu-f{
    width: 33%;
    text-align: left;
}
.footer .menu-f ul{
    padding: 0px !important;
    margin: 0px !important;
}
.footer .menu-f .nav-link{
    padding: 1px 0px !important;
}
.footer .menu-f a{
    color: #aaa;
    font-size: 20px;
    font-family: DB;
}
.footer .menu-f a:hover{
    color: #cbb055;
    text-shadow: rgb(203, 176, 85) 0px 0px 5px;
}
.footer-sub{
    padding: 5%;
    position: relative;
    z-index: -1;
}
.footer-sub .footer-sub1 h5{
    color: #cbb055;
}
.footer-sub .footer-sub1 h6{
    color: #fff;
}
.footer-sub .footer-sub1 .cl{
    color: #cbb055;
}
.footer-sub .footer-sub1 .cl2{
    color: #fff;
}
.content .rules .cover-search{
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 38%;
    padding-right: 38%;
}
.content .rules .cover-search input{
    font-family: 'Mitr', sans-serif;
}
.content .rules .cover-line{
    padding-left: 10%;
    padding-right: 10%;
}
.content .rules .border-h{
    background-color: #fff;
    height: 1px;
}
.content .rules .text-h1{
    padding-left: 10%;
    padding-top: 2%;
}
.content .rules .text-h1 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text1{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-1 {
    color: #fff;
    font-size: 20px;
    display: none;
}
.content .rules .text-h{
    color: #fff;
}
.content .rules .cover-ts{
    padding-left: 2%;
}
.content .rules .text-h2{
    padding-left: 10%;
}
.content .rules .text-h2 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text2{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-2 {
    color: #fff;
    font-size: 20px;
    display: none;
}
.content .rules .text-h3{
    padding-left: 10%;
}
.content .rules .text-h3 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text3{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-3 {
    color: #fff;
    font-size: 20px;
    display: none;
}
.content .rules .text-h4{
    padding-left: 10%;
}
.content .rules .text-h4 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text4{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-4 {
    color: #fff;
    font-size: 20px;
    display: none;
}
.content .rules .text-h5{
    padding-left: 10%;
}
.content .rules .text-h5 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text5{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-5{
    color: #fff;
    font-size: 20px;
    display: none;
}
.content .rules .text-h6{
    padding-left: 10%;
}
.content .rules .text-h6 h3{
    color: #cbb055;
    cursor: pointer;
    width: 750px;
}
.content .rules .cover-text6{
    padding-left: 12%;
    padding-right: 12%;
}
.content .rules .text-6{
    color: #fff;
    font-size: 20px;
    display: none;
}

/*.content .contact-us .ชื่อ div class="ชื่อที่สร้าง" */
.content .contact-us .img-contact{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.content .contact-us .img-contact img{
    width: 35%;
}
.content .contact-us .call-center{
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 15%;
}
.content .contact-us .contact-txt{
    width: 45%;
}
.content .contact-us .contact-in{
    width: 45%;
    margin-left: 50px;
    background: #000;
    border-top: 4px solid #f1ddbc;
    border-left: 4px solid #f1ddbc;
    border-right: 4px solid #f1ddbc;
    border-bottom: 4px solid #f1ddbc;
    box-shadow: 0 0 36px #9c6b2b;
    border-radius: 25px;
}
.content .contact-txt .txt-call{
    color: #fff;
    font-size: 35px;
    font-family: DB;
}
.content .contact-txt .txt-vip{
    font-size: 29px;
    color: #fff;
    padding-bottom: 50px;
}
.content .contact-txt .txt-vip a{
    color: #cbb055;
    text-decoration: none;
}
.content .contact-txt .line-add{
    border: 1px solid #fff;
    background: #064806;
    padding-bottom: 20px;
}
.content .contact-txt .txt-linecom{
    width: 50%;
    padding: 20px;
}
.content .contact-txt .txt-linecom-2{
    text-align: left;
    font-size: 25px;
    color: #fff;
}
.content .contact-txt .txt-linecom a{
    border-radius: 10px;
    font-size: 23px;
    padding-right: 30px;
    font-family: 'Mitr', sans-serif;
}
.content .contact-txt .txt-linecom i{
    padding-right: 15px;
    padding-left: 15px;
}
.content .contact-txt .qr-code{
    width: 50%;
    text-align: center;
    padding-top: 30px;
}
.content .contact-txt .qr-code img{
    width: 60%;
}
.content .contact-in .txt-email{
    text-align: center;
    color: #fff;
    padding-top: 50px;
}
.content .contact-in .txt-email h3{
    font-size: 38px;
}
.content .contact-in .txt-incom{
    padding-top: 20px;
}
.content .contact-in .txt-incom2{
    color: #fff;
    font-size: 30px;
}
.content .contact-in .form2{
    text-align: left;
    font-size: 20px;
}
.content .contact-in .btn-sec{
    background-color: #414142;
    font-size: 30px;
    padding: 0px 25px;
    font-family: TH;
}
.content .contact-in .btn-sec:hover{
    border: 2px solid #cbb055;
    box-shadow: 0 0 5px #cbb055;
    color: #cbb055;
}
.content .contact-in .input-company{
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 80px;
}
.content .txt-nc{
    text-align: center;
    padding-top: 70px;     
}
.content .txt-nc h2{
    color: #ffc107;
    font-size: 45px;
    font-family: 'Mitr' , sans-serif;
}
.content .txt-nd{
    width: 50%;
    text-align: left;
}
.content .txt-nd2{
    width: 50%;
    text-align: right;
}
.content .txt-nd h3{
    color: #fff;
    font-size: 30px;
}
.content .txt-nd2 span{
    font-size: 30px;
    color: #fff;
}
.content .txt-nd2 a{
    color: #fff;  
}
.content .img-nc img{
    width: 100%;
}
.content .icon{
    font-size: 35px;
    margin-left: 30px;
}
.content .txt-newcon{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
}
.content .txt-newcon h3{
    color: #fff;    
}
.content .txt-box{
    width: 50%;
}
.content .txt-minicon{
    padding-top: 30px;
}
.content .txt-box h3{
    font-size: 30px;
    color: #fff;
}
.content .txt-nr{
    text-align: left;
    color: #ffc107;
    font-size: 45px;
    font-family: 'Mitr' , sans-serif;
}
.content .new-recom{
    width: 30%;
    padding-left: 30px;
    padding-right: 30px;
}
.content .new-pa .row{
    justify-content: center;
}
.content .new-recom img{
    width: 100%;
}
.content .new-recom .box{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.content .new-recom .box p{
    color: #fff;
    font-size: 20px;
}
.livechat{
    text-align: center;
    border-radius: 16px 0px 0px 16px;
    box-shadow: 0 0 10px #fff;
    cursor: pointer;
    transition: all .4s ease 0s;
    position: fixed;
    right: 0;
    color: #fff;
    top: 180px;
    padding: 12px 15px;
    background-color: #000;
    z-index: 1000;
}
.livechat i{
    font-size: 30px;
}
.livechat h6{
    font-family: 'Mitr', sans-serif;
    font-size: 15px;
}

.fade-content > *{transition: ease opacity .25s, ease transform .25s;}

/* Offsets timing for groups of three. This must be adjusted if there are more or less than three element per row.*/
.fade-content > *:nth-child(3n+2) {transition-delay: .2s;}
.fade-content > *:nth-child(3n+3) {transition-delay: .3s;}

.mb{
    display: none;
}
.content .input-4{
    display: flex;
}
.content .input-4 .in-55{
    width: 50%;
}
.content .input-4 button{
    margin-left: 5%;
}
.content .check-1{
    justify-content: center;
    padding-top: 4%;
}
.content .check-pro1{
    border-radius: 10px;
    background: #dedede;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 20px;
    cursor: pointer;
    margin-right: 15px;
    box-shadow: 0 0 10px #cbb055;
}
.content .check-pro1 .txt-h{
    color: #5a5959;
    font-size: 25px;
    font-family: 'Mitr', sans-serif;
}
.content .check-pro1 .txt-h2{
    color: #5a5959;
    font-size: 17px;
    font-family: 'Mitr', sans-serif;
}
.content .check-ra1{
    position: absolute;
    margin-top: -55px;
    margin-left: 3%;
}
.content .ra2{
    margin-left: 6%;
}
.content .check-pro2{
    border-radius: 10px;
    background: #dedede;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 60px;
    padding-top: 20px;
    cursor: pointer;
    margin-left: 15px;
    box-shadow: 0 0 10px #cbb055;
}
.content .check-pro2 .txt-h{
    color: #5a5959;
    font-size: 25px;
    font-family: 'Mitr',sans-serif;
}
.content .check-pro2 .txt-h2{
    color: #5a5959;
    font-size: 17px;
    font-family: 'Mitr',sans-serif;
}
.bg-red{
    background: rgb(248, 75, 75) !important;
}
.bg-green{
    background: rgb(51, 240, 51) !important;
}
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}
.option-input:hover {
    background: #9faab7;
}
.option-input:checked {
    background: #40e0d0;
}
.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px;
}
.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
.option-input.radio {
    border-radius: 50%;
}
.option-input.radio::after {
    border-radius: 50%;
}
.modal-content {
    border: 3px solid #88673C;
    background-color: #000;
    border-radius: 20px;
    box-shadow: 0 0 5px #fff;
    text-align: center;
    color: #fff;
}
.modal-content .modal-header {
    border-bottom: 0px !important;
}
.modal-content .b1 {
    width: 100%;
    height: 3px;
    background: transparent linear-gradient(90deg, #88673C 0%, #6D542B 3%, #6D542B 6%, #8A6F3D 8%, #C0A367 11%, #C2A66B 11%, #DBC792 12%, #EBDBAB 14%, #F1E3B4 14%, #F1E3B4 17%, #EFE0B0 18%, #EAD9A6 19%, #E2CD96 21%, #AA8D52 27%, #886A38 32%, #886A38 54%, #9B7C45 63%, #CAB076 82%, #E9D6A2 85%, #FCF6D4 88%, #FCF6D4 93%, #E7D59B 94%, #C5A86E 95%, #795B34 97%, #795B34 100%) 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 20px #00000066;
}
.modal-content .modal-body {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}
.modal-content .modal-footer {
    border-top: 0px !important;
    display: inline-block !important;
    text-align: center;
}
.modal-content h5{
    font-family: DB;
    font-size: 25px;
}
.modal-content label{
    font-family: DB;
    font-size: 22px;
}
.modal-content input{
    font-size: 22px;
}
.modal .btn-slip{
    font-size: 25px;
    background: #ffc107;
    border: 2px solid #ffc107;
    box-shadow: 0px 10px 2px -5px #a17902;
    border-radius: 56px;
    padding: 5px 50px;
    color: #000;
    font-family: DB;
}
.modal .btn-slip:hover{
    box-shadow: 0 0 10px #fff;
}
.modal .btn-line{
    padding-top: 10px;
}
.select2-container--default .select2-selection--single {
    background-color: #000 !important;
    border: 1px solid #cbb055 !important;
    color: #fff !important;
    height: auto !important;
    font-size: 22px !important;
}

.select2-container--default .select2-selection--single {
    color: #fff !important;
    font-size: 22px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    font-size: 22px !important;
}

.select2-container {
    font-size: 22px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 55px !important;
}

.select2-container--open .select2-dropdown--below {
    background: #000 !important;
    color: #fff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important;
    background: #aaa !important;
    height: auto !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #aaa !important;
}

.select2-container--open .select2-dropdown--above {
    background: #000 !important;
    color: #fff !important;
}

.select2 .img-b {
    width: 4%;
    margin-top: -5px;
}

.img-b {
    width: 5%;
}
.option-in1{
    display: none
}
.option-in2{
    display: none
}
.pro-30{
    width: 33.33%;
}
.d-9{
    width: 100%;
}
.mg{
  margin-top: -30px;
}
.footer-down{
    margin-top: -13.5%;
    position: relative;
    z-index: 10;
}
.footer-down img{
    width: 100%
}
.ch-1{
    width: 80%;
}
.footer .footer-bank h6 {
    font-weight: 900;
}
.footer-sub .footer-sub1 .pl-1{
    font-size: 30px;
    color: #cbb055;
}
.footer .menu-f a h1{
    font-size: 23px;
    margin-bottom: 0px;
}

@media only screen and (min-width: 1024px) and (max-width: 1980px){
    .header .head-top .top1-1:hover{
        text-shadow: 0 0 10px #cbb055;
    }
    .header .head-top .right .log1 {
        width: 190px;
    }
    .header .head-menu .h-logo img {
        width: 60%;
    }
    .header .h-menu i {
        font-size: 15px;
    }
    /*.main-content .main-2 .main-de2 h3 {
        font-family: "Mitr", sans-serif;
        color: #cbb055;
        font-size: 20px;
        text-shadow: 0 0 10px #cbb055;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 19px;
    }*/
    .main-content2 .btn-play a {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .main-content2 .img-sp .img-game1{
        width: 60%;
    }
    .main-content2 .img-sp .img-game2{
        width: 35%;
    }
    .main-content2 .img-sp .img-game3{
        width: 55%;
    }
    .main-content2 .img-sp .img-game4{
        width: 65%;
    }
    .main-content2 .box-ls p {
        font-size: 25px;
    }
    .main-content2 .txt-bank p {
        font-size: 25px;
        font-weight: 900;
    }
    .footer .footer-bank h6 {
        font-size: 28px;
        font-weight: 900;
    }
    .footer .footer-s2 h5 {
        font-size: 27px;
    }
    .footer .menu-f {
        font-size: 21px;
    }
    .footer-sub .footer-sub1 h5 {
        font-size: 30px;
    }
    .footer-sub .footer-sub1 h6 {
        font-size: 25px;
    }
    .footer-sub .footer-sub1 .cl2 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1770px){
    .main-content2 .btn-play a {
        font-size: 18px;
    }

    .content .input-1 .txt-h6 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1690px){
    .main-content2 .text-company {
        margin-left: -40px;
        margin-right: -40px;
    }
    .footer .menu-f {
        font-size: 16px;
    }
    .footer-sub .footer-sub1 h6 {
        font-size: 25px;
    }
    .footer-sub .footer-sub1 .cl2 {
        font-size: 25px;
    }
}  
@media only screen and (min-width: 1024px) and (max-width: 1600px){
    .header .head-menu .h-logo img {
        width: 60%;
        height: 90px;
    }
    .main-content2 .box-sport h3 {
        font-size: 26px;
    }

    .main-content2 .box-sport2 {
        padding-top: 50px;
    }

    .header .head-top .top1-1 {
        font-size: 23px;
    }
    .header .h-menu a {
        font-size: 25px;
    }
    .img-pt{
        padding-top: 0px !important;
    }
    .img-pad2{
        padding-top: 0px !important;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 17px;
    }
    .c-table .link a {
        padding: 2px 25px;
    }
}   

@media only screen and (min-width: 1024px) and (max-width: 1537px){
    .main-content2 .btn-play a {
        font-size: 14px;
    }
    .main-content2 .u-game {
        margin-top: -115px;
    }
    .main-content2 .box-sport h4 {
        font-size: 22px;
    }
    .header .head-menu .h-menu img {
        margin-left: 20px;
    }
    .main-content2 .box-game {
        margin-top: -11%;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1501px){
    .d-2 .d-3 {
        font-size: 17px !important;
        width: 25%;
    }
    .d-5 .d-6 {
        font-size: 17px !important;
        width: 25%;
    }
    .img-menu {
        width: 55% !important;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 17px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 15px;
    }
    .header .head-top .top1-1 {
        font-size: 21px;
    }
    .header .h-menu a {
        font-size: 23px;
    }
    .main-content2 .text-company h2 {
        font-size: 40px;
    }
    .main-content2 .box-sport h3 {
        font-size: 26px;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 22px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 15px;
    }
    .footer-sub .footer-sub1 h5 {
        font-size: 25px;
    }
    .footer-sub .footer-sub1 h6 {
        font-size: 22px;
    }
    .footer-sub .footer-sub1 .cl2 {
        font-size: 22px;
    }
    .footer .menu-f {
        font-size: 15px;
    }
    .c-table .link {
        width: 20%;
    }
    .main-content2 .box-sport {
        padding-left: 5%;
        padding-right: 5%;
    }
    .main-content2 .box-sport2 {
        padding-top: 30px;
    }
    .main-content2 .img-sp img {
        width: 75%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1483px){
    .c-table .new-mini3 {
        width: 40%;
    }
    .c-table .new-mini4 {
        width: 60%;
    }
    .main-content2 .img-sp .img-game1 {
        width: 65%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1405px){
    .header .head-menu .h-logo img {
        height: 85px;
    }
    .header .head-top .right .log1 {
        width: 170px;
    }
    .main-content2 .box-sport h3 {
        font-size: 25px;
    }
    .content .input-1 .txt-h6 {
        font-size: 17px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1390px){
    .header .head-top .right .log1 {
        width: 160px;
    }
    .header .head-top .right .log2 {
         width: 140px;
    }
    .main-content2 .box-sport h4 {
        font-size: 23px;
    }
    .main-content2 .box-ls p {
        font-size: 23px;
    }
    .pic-lo{
        width: 30%;
    }
    .header .head-top {
        padding: 10px 40px;
    }
    .main-content2 .box-game {
        margin-top: -13%;
    }
    .main-content2 .u-game {
        margin-top: -100px;
    }
    .main-content2 .u-game img {
        width: 44%;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1383px){
    .main-content .main-2 .main-de2 h6 {
        font-size: 15px;
    }
    .main-content .main-2 {
        padding-left: 4%;
        padding-right: 4%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1370px){
    .header .head-top .top1-1 {
        font-size: 20px;
    }
    .header .h-menu a {
        font-size: 20px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 17px;
    }
    .main-content2 .img-sp .img-game1 {
        width: 75%;
    }
    .main-content2 .img-sp .img-game2 {
        width: 50%;
    }
    .main-content2 .img-sp .img-game3 {
        width: 80%;
    }
    .main-content2 .img-sp .img-game4 {
        width: 85%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px){
    .header .head-menu .h-menu img {
        width: 90%;
    }
    .main-content2 .box-sport h4 {
        font-size: 22px;
    }
    .content .sport .right .input-group {
        float: right;
        width: 50% !important;
    }
    .content .input-1 .eye {
        margin-left: 33%;
    }
    .main-content2 .pic-dewith img {
        width: 50%;
    }
    .main-content2 .pic-bank1{
        padding-top: 20px;
    }
    .main-content .main-2 .main-de1 img{
        width: 100%;
    }
    .navbar {
        margin-left: -30px;
    }
    .main-content2 .img-sp img {
        width: 90%;
    }
    .main-content2 .box-sport2 {
        padding-top: 0px;
    }
    .img-pt {
        padding-top: 20px !important;
    }
    .img-pt1{
        padding-top: 13% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1358px){
    .c-table .new-mini .txt-news {
        font-size: 17px;
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 16px;
    }
    .content .sport .right .input-group {
        width: 60% !important;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1353px){

    .main-content2 .box-sport h3 {
        font-size: 23px;
    }
    .footer .footer-bank h6 {
        font-size: 23px;
    }
    .footer .footer-s2 h5 {
        font-size: 23px;
    }
    .footer-sub .footer-sub1 h6 {
        font-size: 18px;
    }
    .footer-sub .footer-sub1 .cl2 {
        font-size: 18px;
    }
    .content .contact-txt .txt-call {
        font-size: 24px;
    }
        .content .contact-txt .txt-vip {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1325px){
    .header .head-top .right .log1 {
        width: 150px;
    }
    .header .head-top .right .log2 {
        width: 130px;
    }
    .main-content2 .box-sport h3 {
        font-size: 20px;
    }
    .main-content2 .box-sport {
        padding-left: 8%;
        padding-right: 8%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px){
    .header .head-top .right .log2 {
        width: 127px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 16px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 14px;
    }
    .content .check-pro2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1285px){
    .header .head-menu .h-logo img {
        width: 70%;
        height: 77px;
    }
    .main-content2 .btn-play a {
        font-size: 19px;
    }
    .main-content2 .text-company {
        margin-left: -60px;
        margin-right: -60px;
    }
    .main-content2 .box-ls {    
        padding-left: 20%;
        padding-right: 20%;
    }
    .main-content2 .img-sp {
        padding-top: 20px;
    }
    .c-table .txt-day {
        font-size: 19px;
    }
    .c-table .team-a .txt-day2 {
        font-size: 19px;
    }
    .c-table .team-b .txt-day2 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1270px){
    .header .head-top .top1 {
        width: 45%;
    }
    .header .head-top .top2 {
        width: 55%;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1233px){
    .c-table .new-mini .txt-news {
        font-size: 15px;
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 15px;
    }
    .c-table .new-mini4 .i-mini {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1210px){
    .main-content .main-2 .main-de2 h3 {
        font-size: 15px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1196px){
    
    .nav-link {
        padding: .5rem 7px;
    }
    .content .input-1 .txt-h6 {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1175px){
    .header .head-top .top1 {
        width: 40%;
    }
    .header .head-top .top2 {
        width: 60%;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 20px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 14px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 13px;
    }
    .main-content2 .img-sp {
        padding-top: 10px;
    }
    .main-content2 .img-sp .img-game2 {
        width: 45%;
    }
    .main-content2 .img-sp .img-game3 {
        width: 75%;
    }
    .main-content2 .img-sp .img-game4 {
        width: 80%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1168px){
    .main-content2 .box-sport h3 {
        font-size: 23px;
    }
    .c-table .link a {
        padding: 2px 30px;
        font-size: 15px;
    }
    .c-table .team-a img {
        width: 19%;
    }
    .c-table .team-b img {
        width: 19%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1128px){
    .nav-link {
        display: block;
        padding: .5rem 5px;
    }
    .c-table .new-mini .i-day {
        font-size: 12px;
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 13px;
    }
    .c-table .news-sp .txt-news2 {
        font-size: 14px;
    }
    .c-table .time-l .txt-day3 {
        font-size: 18px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 12px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1085px){
    .header .head-menu .h-menu img {
        width: 100%;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 12px;
    }
    .header .top2 .t1 {
        font-size: 12px;
    }
    .header .head-top .top1 {
        width: 30%;
    }
    .header .head-top .top2 {
        width: 70%;
    }
    .header .head-menu .h-logo {
        width: 30%;
    }
    .main-content2 .u-game {
        margin-top: -105px;
    }
    .main-content2 .box-ls p {
        font-size: 15px;
    }
    .c-table .nav-item .edit img {
        width: 90px;
        height: 80px;
    }
    .content .contact-txt .txt-linecom {
        padding: 10px;
    }
    .content .but-regit-huey a {
        padding: 5px 100px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1059px){
    .c-table .txt-day {
        font-size: 16px;
    }
    .c-table .team-a {
        padding-left: 5px;
    }
    .c-table .team-b img {
        width: 15%;
    }
    .c-table .team-a img {
        width: 13%;
    }
    .c-table .time-l {
        width: 120px;
        padding-top: 5px;
        margin-left: 10px;
    }
    .c-table .news-sp .txt-news2 {
        font-size: 13px;
    }
    .content .input-1 .txt-h6 {
        font-size: 14px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 13px;
    }
    .main-content .main-2 .main-de2 h6 {
        font-size: 11px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px){
    .header .head-menu .h-menu img {
       width: 95%;
    }
    .header .h-menu {
        width: 100%;
    }
    .header .top2 .t2 {
        font-size: 20px;
    }
    .header .pic-lo{
        width: 19%;
    }
    .header .nav-link {
        padding: 10px;
    }
    .banner .w-100 {
        height: 400px;
    }
    .main-content2 .u-game img {
        width: 44%;
        background: #000;
        border: 4px solid #f1ddbc;
        border-radius: 25px;
        box-shadow: 0 0 36px #9c6b2b;
    }
    .main-content2 .u-game {
        margin-top: -75px;
    }
    .main-content2 .pic-bank1 img {
        width: 6.5%;
    }
    .footer .footer-bank img {
        width: 14.5%;
    }
    .header .nav-link {
        padding: 9px;
    }
    .content .game-casino .casi1 h1 {
        font-size: 25px;
    }
    .content .contact-us .call-center {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .game-slot .txt-game {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .cont-2 {
        padding-left: 10%;
        padding-right: 10%;
    }
    .d-2 .d-3 {
        font-size: 17px !important;
        width: 25%;
    }
    .d-5 .d-6 {
        font-size: 17px !important;
        width: 25%;
    }
    .img-menu {
        width: 55% !important;
    }
    .c-table .txt-day {
        font-size: 16px;
    }
    .main-content2 .box-sport h4 {
        font-size: 14px;
    }
    .c-table .news-sp .txt-news2{
        font-size: 15px;
    }
    .pic-lo {
        width: 25%;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 14px;
    }
    .c-table .team-a .txt-day2 {
        font-size: 18px;
    }
    .c-table .team-b .txt-day2 {
        font-size: 18px;
    }
    .c-table .txt-day {
        font-size: 18px;
    }
    .main-content2 .box-game {
        margin-top: -15%;
    }

    .main-content .h{
        width: 100%;
    }
    .main-content .new {
        width: 50%;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1023px){
    .bor-1{
        border-right: unset !important;
    }
    .nav-link {
        display: block;
        padding: 0.5rem 2px;
    }
    .header .head-top .top1 {
        width: 30%;
    }
    .header .head-top {
        padding: 9px 15px;
        background-color: #1c1c1c;
    }
    .header .head-menu .h-menu img {
        width: 95%;
        margin-left: 15px;
    }
    .header .head-top .top1-1 {
        font-size: 20px;
    }
    .header .head-top .top2 {
        width: 70%;
    }
    .header .head-top .right .log1 {
        width: 120px;
    }
    .header .head-top .right .log2 {
        width: 88px;
    }
    .header .h-menu a {
        font-size: 20px;
    }
    .header .h-menu a i{
        font-size: 13px;
    }
    .main-content .main-2 .pt-4{
        padding-top: 0px !important;
    }
    .main-content .main-2 .main-de {
        width: 50%;
    }
    .main-content2 .box-pa {        
        padding-top: 30px;
    }
    .main-content2 .u-game {
        margin-top: -60px;
    }
    .main-content2 .u-game img {
        width: 47%;
        background: #000;
        border: 4px solid #f1ddbc;
        border-radius: 15px;
        box-shadow: 0 0 36px #9c6b2b;
    }
    .main-content2 .box-ubc {
        padding-left: 20%;
        padding-right: 20%;
    }
    .main-content2 .box-sport {
        text-align: center;
        width: 100%;
    }
    .main-content2 .box-sport2 {
        width: 100%;
    }
    .main-content2 .img-sp img {
        width: 55%;
    }
    .main-content2 .img-pa img {
        width: 90%;
        border-radius: 10px;
    }
    .pc1{
        display: none;
    }
    .mb1{
        display: block;
    }
    .main-content2 .box-ls {
        padding-left: 15%;
        padding-right: 15%;
    }
    .main-content2 .tcl img {
        width: 100%;
    }
    .main-content2 .box-ls p {
        font-size: 23px;
    }
    .main-content2 .pic-dewith img {
        width: 60%;
    }
    .main-content2 .txt-bank p{
        font-size: 23px;
    }
    .main-content2 .pic-bank1 img {
        width: 8.5%;
    }
    .content .cont-1 {
        margin-top: -20px;
    }
    .content .cont-2 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .input-1 .eye {
        margin-left: 41%;
    }
    .content .input-1 .txt-in2 .ch-1{
        width: 100%;
    }
    .footer .footer-bank h6 {
        font-size: 23px;
    }
    .footer .footer-s2 .footer-game img {
        width: 19%;
    }
    .footer-sub .footer-sub1 h5 {
        font-size: 23px;
    }
    .footer-sub .footer-sub1 h6 {
        color: #fff;
        font-size: 20px;
    }
    .footer-sub .footer-sub1 .cl2 {
        color: #fff;
        font-size: 20px;
    }
    .footer .footer-bank img {
        width: 15.5%;
    }
    .c-table .live-ball {
        width: 100%;
    }
    .c-table .link a {
        font-size: 18px;
        padding: 2px 20px;
    }
    .c-table .live-ball2 {
        width: 100%;
        padding-left: 0px;
        padding-top: 2%;
    }
    .content .sport .right .input-group {
        float: right;
        width: 70% !important;
    }
    .c-table .new-sp2 {
        background-color: #161515;
        width: 100%;
    }
    .c-table .line-qr {
        display: none;
    }
    .content .game-slot .txt-game {
        padding-left: 10%;
        padding-right: 10%;
    }
    .content .game-casino .casi1 h1 {
        font-size: 23px;
    }
    .content .game-casino .casi2 h1 {
        font-size: 23px;
    }
    .content .but-regit-huey a {
        font-size: 25px;
        padding: 5px 50px;
    }
    .content .pic-sae img {
        width: 100%;
        height: auto;
    }
    .content .contact-us .call-center {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 18px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 891px){
    .content .contact-txt .txt-linecom {
        width: 100%;
        text-align: center;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 23px;
        text-align: center;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 20px;
    }
    .content .contact-txt .qr-code {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .main-content .box-txt {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .main-content .txt-news {
        font-size: 22px;
    }
    .content .check-pro1 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-top: 20px;
        margin-right: 10px;
    }
    .content .check-pro2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 60px;
        margin-left: 10px;
    }
}


@media only screen and (min-width: 100px) and (max-width: 768px){
    .mb1{
        display: none !important;
    }
    .bg-10m{
        background-image: url(../img/bg-star-10.jpg) !important;
        background-size: cover;
        background-size: unset !important;
    }
    .main-content2 .game-4 img {
        width: 50%;
        display: inline-block;
    }
    .main-content .h2 {
        width: 50%;
    }
    .main-content2 .txt-vdo .txt-vdo1 {
        width: 70%;
    }
    .main-content2 .vdo-1 iframe{
        width: 80%;
        height: 300px;
    }
    .pad-b-1{
        padding-bottom: 5%;
    }
    .content .con-1 .txt-pro h1{
        font-size: 40px;
    }
    .content .pro h2{
        font-size: 30px;
    }
    .slick-dots{
        display: none !important;
    }
    .main-content2 .main-con1 h2 {
        padding-left: 10px;
    }
    .content .input-4 {
        display: block;
        justify-content: center;
        text-align: center;
    }
    .main-content .box-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }
    .content .input-4 .in-55 {
        width: 100%;
    }
    .content .input-4 button {
        margin-left: 0%;
        font-size: 16px;
        margin-top: 10px;
    }
    .select2 .img-b {
        width: 10%;
    }
    .img-b {
        width: 10%;
    }
    .content .check-ra1 {
        position: absolute;
        margin-top: -55px;
        margin-left: 8%;
    }
    .content .input-1 .txt-in2 .ch-1{
        width: 100%;
    }
    .pc{
        display: none !important;
    }
    .mb{
        display: block;
    }
    .header .mainmenu .cd-1 .d1{
        float: left !important;
        margin-top: 2px !important;
        position: relative !important;
        width: 8% !important;
    }
    .header .mainmenu .cd-1 .d2{
        position: relative !important;
        float: right !important;
    }
    .mainmenu {
        display: none;
        position: fixed;
        width: 75%;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1;
        background-color: rgba(0,0,0,1);
    }
    .close{
        font-size: 45px;
        color: #fff;
        padding-right: 15px;
    }
    .pic-me{
        margin-top: 3% !important;
        width: 40% !important;
    }
    .navbar-nav .nav-link {
        font-size: 20px;
        font-family: DB;
        color: #fff;
    }
    .navbar-nav .nav-link:active{
        background-color: #fff;
        color: #000;
    }
    .header .dropdown-menu {
        left: 0px;
        background: #fff;
    }
    .header .dropdown-menu a{
        font-size: 20px;
        font-family: DB;
        background: #fff;
    }
    .header .navbar-toggler{
        color: #fff;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .header .navbar-toggler i{
        font-size: 25px;
        padding-top: 5px;
    }
    .header .head-top {
        padding: 10px;
        background-color: #000;
    }
    .header .menu-mb img{
        width: 70%;
        margin-top: -10px;
    }
    .header .head-top .top1 {
        width: 40%;
    }
    .header .head-top .top2 {
        width: 60%;
        padding-top: 0px;
    }
    .main-content2 .img-ufo {
        margin-top: -18%;
    }
    .content .playzone img {
        width: 40%;
    }
    .content .game-casino .casi1 h1 {
        font-size: 24px;
    }
    .header .head-top .right .log1 {
        width: 13px;
        padding: 0px 7px;
        font-size: 20px;
    }
    .header .head-top .right .log2 {
        width: 80px;
        padding: 0px 7px;
    }
    .header .top2 .t1 {
        font-size: 28px;
    }
    .header .top2 .t2 {
        font-size: 28px;
    }
    .header .h-menu .nav-link {
        padding: 5px;
    }
    .header .h-menu a {
        font-size: 17px;
        color: #cbb055;
    }
    .header .h-menu i {
        font-size: 12px;
    }
    .header .head-menu .h-logo {
        width: 15%;
    }
    .header .h-menu {
        width: 85%;
    }
    .header .head-menu .h-logo img {
        width: 100%;
        height: 70px;
        margin-left: 5px;
    }
    .header .head-menu .pt-4{
        padding-top: 10px !important;
    }
    .banner .w-100 {
        height: 400px;
    }
    .main-content .main-1 img {
        width: 50%;
    }
    .main-content2 .box-sport h3 {
        font-size: 25px;
    }
    .main-content .main-1 {
        padding-left: 10px;
    }
    .main-content .main-2 .main-de {
        width: 50%;
    }
    .main-content2 .fix-img {
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content2 .img-pa img {
        width: 100%;
    }
    .main-content2 .btn-play {
        margin-top: -55px;
    }
    .main-content2 .btn-play a {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .main-content2 .u-game {
        margin-top: -80px;
    }
    .main-content2 .box-game {
        margin-top: -16%;
    }
    .main-content2 .u-game img {
        width: 50%;
        border-radius: 15px;
    }
    .main-content2 .box-ubc {
        padding-left: 20%;
        padding-right: 20%;
    }
    .main-content2 .text-company h2 {
        font-size: 35px;
    }
    .main-content2 .box-sport {
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
    }
    .main-content2 .main-con1 {
        padding-left: 0px;
    }
    .main-content2 .box-sport h4 {
        font-size: 25px;
    }
    .main-content2 .img-game .img-s1{
        display: inline-block;
        width: 45%;
    }
    .main-content2 .img-game .img-s2{
        display: inline-block;
        width: 35%;
    }
    .main-content2 .img-game .img-s3{
        display: inline-block;
        width: 40%;
    }
    .main-content2 .img-game .img-s4{
        display: inline-block;
        width: 50%;
    }
    .main-content2 .box-sport2{
        width: 100%;
    }
    .main-content2 .img-sp {
        padding-top: 80px;
    }
    .main-content2 .img-ls img {
        width: 80%;
    }
    .main-content2 .box-ls {
        padding-left: 20%;
        padding-right: 20%;
    }
    .main-content2 .box-ls h1 {
        font-size: 27px;
    }
    .main-content .main-2 .main-de {
        width: 50%;
    }
    .main-content2 .img-pa1 .item img{
        width: 100%;
        border-radius: 40px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .main-content2 .pt-tc {
        padding-left: 0px;
    }
    .main-content2 .item2 .img-pa2 img{
        width: 100%;
        border-radius: 10%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-prev
    {
        display: none !important;
    }
    .slick-next
    {
        display: none !important;
    }
    .content .cont-2 {
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 5%;
    }
    .content .input-1 .input-2 .txt-in1 h5 {
        font-size: 28px;
    }
    .content .input-1 .eye {
        margin-top: -33px;
        margin-left: 50%;
    }
    .content .input-1 .pic-1 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .input-1 .txt-h6 {
        font-size: 15px;
        color: #fff;
    }
    .content .pro .pro-2 img {
        width: 90% !important;
        height: 100px;
    }
    .content .sport .right .input-group {
        float: right;
        width: 100% !important;
    }
    .content .sport .right {
        padding-left: 10%;
    }
    .content .game-slot .txt-game {
        padding-left: 10%;
        padding-right: 10%;
    }
    .content .game-slot .txt-game h3 {
        font-size: 35px;
    }
    .content .pic-1 a {
        padding: 5px 25px;
    }
    .content .pic-sae img {
        width: 100%;
        height: auto;
    }
    .content .pic-sae2 {
        position: absolute;
        right: 0;
        margin-top: -190px;
        margin-left: 350px;
    }
    .c-table .live-ball {
        background-color: #161515;
        text-align: center;
        width: 100%;
    }
    .c-table .link a {
        padding: 2px 20px;
    }
    .c-table .live-ball2 {
        width: 100%;
        padding-top: 15px;
        padding-left: 0px;
    }
    .main-content .txt-new {
        color: #fff;
        font-size: 18px;
    }
    .c-table .new-sp2 {
        background-color: #161515;
        width: 100%;
        margin-bottom: 40px;
    }
    .c-table .line-qr {
        display: none;
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 15px;
    }
    .c-table .new-mini4 .i-mini {
        font-size: 14px;
    }
    .content .but-regit-huey img {
        width: 46%;
    }
    .content .txt-nc h2 {
        font-size: 50px;
    }
    .content .txt-nd h3 {
        font-size: 25px;
    }
    .content .icon {
        font-size: 25px;
        margin-left: 30px;
    }
    .content .txt-nd2 span {
        font-size: 24px;
    }
    .content .img-nc img {
        height: 390px;
    }
    .content .txt-newcon h3 {
        font-size: 25px;
    }
    .content .txt-box h3 {
        font-size: 15px;
    }
    .content .txt-newcon {
        padding-top: 30px;
    }
    .content .new-pa {
        padding-left: 0%; 
        padding-right: 0%;
    }
    .content .new-recom {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*.content .new-recom .box {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }*/
    .content .new-recom .box span {
        font-size: 18px;
    }
    .footer .pt-5 {
        padding-top: 10px !important;
    }
    .footer .menu-f a {
        color: #aaa;
        font-size: 17px;
    }
    .footer .footer-s {
        padding-top: 2%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .footer .logoufa1 {
        width: 90%;
    }
    .footer .footer-s2 {
        padding-top: 2%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .footer .footer-bank h6 {
        font-size: 23px;
    }
    .footer .footer-s2 h5 {
        font-size: 23px;
    }
    .footer-sub .footer-sub1 .cl2 {
        color: #fff;
        font-size: 15px;
    }
    .menu-sub {
        position: fixed;
        text-align: center;
        width: 100%;
        bottom: 0;
        z-index: 70;
        background: #2F2F2F 0% 0% no-repeat padding-box;
        box-shadow: 0 0 10px #fff;
        padding-top: 10px;
    }
    .menu-sub .menu-sub1 {
        display: inline-flex;
        width: 100%;
    }
    .menu-sub .menu-sub1 .menu-sub2{
        width: 100%;
        padding-bottom: 10px;
    }
    .menu-sub .menu-sub1 .menu-sub2 a {
        font-size: 16px;
        font-family: 'Mitr', sans-serif;
        color: #fff;
    }
    .menu-sub .menu-sub1 .menu-sub2 p{
        margin-bottom: 5px;
        font-size: 20px;
    }
    .menu-sub .menu-sub1 .menu-sub2 i {
        color: #fff;
        font-size: 30px;
    }
    .menu-sub .in-play{
        position: relative;
    }
    .main-content2 .main-con1 .garantee img {
        width: 100%;
    }
    .menu-sub .in-play img{
        width: 50%;
        margin-top: -35px;
    }
    .footer-sub .pad-15{
        padding-bottom: 15%;
    }
    .footer .menu-f {
        padding-bottom: 10%;
    }
    .main-content .main-2 .main-de2 {
        text-align: left;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 27px;
        padding-left: 20px;
    }
    .main-content .main-2 .de2{
        margin-top: 25px;
    }
    .content .contact-us .call-center {
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 15%;
    }
    .content .contact-txt .txt-linecom-2 {
        text-align: center;
    }
        .content .contact-txt .txt-call {
        font-size: 24px;
    }
    .content .contact-txt .txt-vip {
        font-size: 20px;
    }
    .content .contact-txt .txt-linecom {
        width: 100%;
        text-align: center;
    }
    .content .contact-txt .qr-code {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .content .contact-in .txt-email h3 {
        font-size: 31px;
    }
    .content .contact-in .txt-incom2 {
        font-size: 28px;
    }
    .content .promotion .pr-r{
        text-align: center;
        display: inline-flex; 
    }
    .content .img-pmt {
        width: 30%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .content .img-pmt img {
        width: 100%;
    }
    .content .input-1 .input-2 {
        width: 100%;
    }
    .footer .footer-s2 .footer-game {
        display: inline-flex;
    }
}

@media only screen and (min-width: 415px) and (max-width: 767px){
    .main-content .hearder-new h3{
        font-family: 'Mitr', sans-serif;
        text-shadow: 0 0 10px #cbb055;
        font-size: 30px;
    }
    .main-content2 .pic-bank1 {
        padding-top: 10px;
        padding-left: 10%;
        padding-right: 10%;
    }
    .main-content2 .box-sport2 .ipad-3 {
        width: 100%;
    }
    .main-content2 .main-con1 img {
        width: 50%;
    }
    .main-content2 .box-sport img {
        width: 100%;
    }
    .main-content2 .tcl img {
        width: 100%;
    }
    .main-content2 .img-ls img {
        width: 100%;
    }
    #popup .panel-1 {
        left: 85%
    }
    #popup .popup1{
        padding-top: 15%;
    }
    #popup .popup1 img{
        width: 100%;
    }
    .main-content2 .game-4 img {
        width: 70%;
        display: inline-block;
    }
    .main-content2 .game-5 img {
        width: 70%;
    }
    .main-content2 .game-3 img {
        width: 100%;
    }
    .main-content2 .box-ubc {
        padding-top: 25px;
    }
    .content .game-casino .casi1 h1 {
        font-size: 13px;
    }
    .content .game-casino .casi2 h1 {
        font-size: 15px;
    }
    .content .input-1 .txt-h6 {
        text-align: center;
        font-size: 19px;
    }
    .txt-otp{
        width: 100%;
        display: block;
    }
    .content .check-1 {
        justify-content: center;
        padding-top: 6%;
    }
    .header .head-top .top2 {
        width: 60%;
        padding-top: 0px;
    }
    .header .top2 .t1 {
        font-size: 21px;
    }
    .header .top2 .t2 {
        font-size: 22px;
    }
    .banner .w-100 {
        height: auto;
    }
    .main-content .main-2 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 16px;
        text-align: left;
    }
    .main-content .main-2 .main-de2 h6 {
        border-right: unset;
    }
    .main-content2 .fix-img {
        display: block;
    }
    .main-content2 .btn-play {
        margin-top: -80px;
    }
    .main-content2 .btn-play a {
        padding-left: 60px;
        padding-right: 60px;
        font-size: 25px;
    }
    .main-content2 .fix-img2 {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content2 .main-con1 h1 {
        font-size: 40px;
        line-height: 0.5;
    }
    .main-content2 .img-dw img {
        width: 70%;
    }
    .main-content2 .img-dw {
        padding-bottom: 0px;
    }
    .main-content2 .box-game {
        margin-top: -30%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top: 2px solid #f1ddbc;
        border-left: 2px solid #f1ddbc;
        border-right: 2px solid #f1ddbc;
    }
    .main-content2 .text-company {
        border-top: 2px solid #f1ddbc;
        border-left: 2px solid #f1ddbc;
        border-right: 2px solid #f1ddbc;
        border-bottom: 2px solid #f1ddbc;
    }
    .main-content2 .u-game {
        margin-top: -35px;
    }
    .main-content2 .u-game img {
        border-radius: 15px;
        width: 44%;
        border: 2px solid #f1ddbc;
    }
    .main-content2 .text-company h2 {
        font-size: 20px;
    }
    .main-content2 .box-ubc {
        padding-bottom: 0px;
    }
    .main-content2 .box-sport {
        padding-left: 5%;
        padding-right: 5%;
        width: 100%
    }
    .main-content2 .box-sport2 {
        text-align: center;
        width: 100%;
    }
    .main-content2 .img-sp {
        padding-top: 0px;
    }
    .main-content2 .img-sp img {
        width: 90%;
    }
    .main-content2 .box-sport h3 {
        font-size: 20px;
    }
    .main-content2 .box-sport h4 {
        font-size: 20px;
    }
    .main-content2 .box-sport ul {
        color: #fff;
        padding-left: 25px;
    }
    .content .game-casino {
        padding-left: 5%;
        padding-right: 5%;
    }
    .main-content2 li {
        line-height: 0;
    }
    .main-content2 .pic-bank1 img {
        width: 20%;
        padding-top: 5px;
        border-radius: 7px;
    }
    .main-content2 .box-ls {
        padding-left: 10%;
        padding-right: 10%;
    }
    .main-content2 .box-ls h1 {
        font-size: 18px;
    }
    .main-content2 .box-dewith .pt-5{
        padding-top: 15px !important;
    }
    .main-content2 .pic-dewith img {
        width: 95%;
    }
    .content .ch-2{
        width: 30%;
    }
    .content .cont-2 {
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 15%;
    }
    .content .cont-3 .txt-h1 img {
        width: 50%;
    }
    .content .input-1 .pic-1 {
        padding-left: 5%;
        padding-right: 5%;
        width: 100%;
        text-align: center;
    }
    .content .input-1 .pic-1 img {
        width: 75%;
    }
    .content .input-1 .input-2 {
        width: 100%;
        margin-top: 20px;
    }
    .content .input-1 .eye {
        margin-top: -30px;
        margin-left: 65%;
    }
    .content .input-4 .in-55 {
        width: 100%;
    }
    .content .check-pro1 {
        margin-right: 5px;
        width: 45%;
    }
    .content .check-pro1 .txt-h {
        color: #000;
        font-size: 17px;
    }
    .content .check-pro2 {
        margin-left: 5px;
        width: 45%;
    }
    .content .check-pro2 .txt-h {
        color: #000;
        font-size: 17px;
    }
    .content .sport .right {
        padding-left: 0%;
    }
    .content .sport .right .input-group input {
        width: 125px;
    }
    .content .game-slot .txt-game h3 {
        font-size: 30px;
    }
    .content .regit {
        margin-bottom: 20px;
    }
    .content .pic-1 a {
        padding: 5px 60px;
    }
    .content .lotto .pl-5 {
        padding-left: 0px !important;
    }
    .content .pic-sae2 {
        position: absolute;
        right: 0;
        margin-top: -80px;
        margin-left: 200px;
    }
    .content .pic-sae2 img {
        width: 100%;
        height: auto;
    }
    .content .txt-nc {
        padding-top: 40px;
    }
    .content .txt-nc h2 {
        font-size: 30px;
    }
    .content .txt-nd h3 {
        font-size: 22px;
    }
    .content .icon {
        font-size: 22px;
    }
    .content .txt-nd2 span {
        font-size: 22px;
    }
    .content .txt-newcon h3 {
        font-size: 19px;
    }
    .content .txt-minicon {
        padding-top: 30px;
    }
    .content .txt-box {
        width: 45%;
        margin-left: 15px;
    }
    .content .txt-box h3 {
        font-size: 15px;
    }
    .content .img-nc img {
        height: 210px;
    }
    .content .new-recom img {
        width: 100%;
    }
    .content .new-recom {
        width: 100%;
    }
    .content .new-recom .box {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .content .txt-nr {
        font-size: 30px;
    }
    .c-table .news-sp .new-mini {
        width: 100%;
    }
    .c-table .news-sp .new-mini2 {
        width: 100%;
    }
    .main-content .new {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .c-table .live-s {
        display: inline-block;
    }
    .c-table .day {
        padding-top: 5px;
        text-align: left;
        width: 100%;
        color: #fff;
    }
    .c-table .team-a {
        text-align: center;
        width: 100%;
        color: #fff;
        padding-bottom: 15px;
    }
    .c-table .time-l {
        width: 100%;
        padding-top: 5px;
    }
    .c-table .team-b {
        text-align: center;
        width: 100%;
        color: #fff;
        padding-top: 15px;
        margin-left: 15px;
    }
    .c-table .link {
        width: 15%;
    }
    .c-table .link a {
        padding: 2px 10px;
    }
    .c-table .team-b img {
        width: 40px;
        height: 36px;
        margin-right: 15px;
    }
    .c-table .team-a img {
        width: 40px;
        height: 36px;
        margin-left: 15px;
    }
    .c-table .link {
        width: 100%;
        padding-top: 20px;
    }
    .c-table .btn-line {
        padding-top: 0px;
    }
    .c-table .btn-line a {
        border-radius: 30px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: mitr,sans-serif;
        background-color: #05c525;
    }
    .c-table .nav-item .edit img {
        width: 100%;
        height: 100px;
    }
    .c-table .live-ball2 {
        padding-left: 0px;
    }
    .pt-3, .py-3 {
         padding-top: 0px !important; 
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 14px;
    }
    .c-table .new-mini4 .i-mini {
        font-size: 14px;
    }
    .content .sport .sport-2 .txt-sport h1 {
        font-size: 28px;
        padding-top: 30px;
    }
    .content .but-regit-huey a {
        padding: 5px 15px;
        font-size: 20px;
    }
    .content .but-regit-huey {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .content .game-slot .but-1 a {
        padding: 5px 120px;
    }
    .content .txt-pro{
        text-align: center;
        padding-bottom: 10px;
    }
    .content .img-pmt img {
        padding-top: 20px;
    }
    .content .promotion .pr-r {
        display: block;
    }
    .content .check-pro2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content .check-pro1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content .img-pmt {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .menu-sub .in-play img {
        width: 50%;
        margin-top: -17px;
    }
    .menu-sub .menu-sub1 .menu-sub2 i {
        font-size: 22px;
    }
    .menu-sub .menu-sub1 .menu-sub2 p {
        font-size: 15px;
    }
    .footer .footer-s2 .footer-game img {
        width: 30%;
        padding-right: 10px;
        display: inline-block;
    }
    .footer .footer-bank img {
        width: 25%;
        border-radius: 9px;
        padding-top: 0px;
        margin-top: 5px;
    }
    .footer .menu-f {
        width: 33.33%;
        text-align: left;
    }
    .footer .menu-f a {
        font-size: 11px;
    }
    .footer-sub .footer-sub1 .pl-5 {
        padding-left: 0px !important;
    }
    .content .rules .cover-search {
        padding-left: 30%;
        padding-right: 30%;
    }
    .content .rules .text-h1 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h2 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h3 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h4 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h5 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h6 h3{
        width: auto;
        font-size: 21px;
    }
    .content .input-1 .input-2 .input-3 .txt-h6-1 {
        font-size: 21px;
    }
    .header .mainmenu .cd-1 .d1{
        float: left !important;
        margin-top: 2px !important;
        position: relative !important;
        width: 20% !important;
    }
    .header .mainmenu .cd-1 .d2{
        position: relative !important;
        float: right !important;
    }
    .c-table .table th {
        font-size: 16px;
    }
    .c-table .table td {
        font-size: 16px;
    }
    .c-table .table .team a {
        font-size: 14px;
    }
    .content .sport .right .input-group input {
        width: 130px;
    }
    .content .contact-us .call-center {
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 15%;
    }
    .content .game-slot .txt-game .txt-2 {
        font-size: 21px;
    }
    .content .game-slot .txt-game .txt-1 {
        font-size: 21px;
    }
    .content .game-slot .txt-game .txt-3 {
        font-size: 21px;
        text-align: left;
    }
    .content .contact-us .img-contact img {
        width: 75%;
    }
    .content .contact-txt .txt-vip {
        font-size: 21px;
        padding-bottom: 50px;
    }
    .content .contact-txt .txt-call {
        font-size: 23px;
        text-align: left;
    }
    .content .contact-us .contact-txt {
        width: 100%;
    }
    .content .contact-us .contact-txt {
        width: 100%;
        padding-bottom: 50px;
    }
    .content .contact-us .contact-in {
        width: 100%;
        margin-left: unset;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 28px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 14px;
    }
    .main-content .main-2 .main-de2 {
        width: 60%;
        text-align: left;
        margin-top: -10px;
        margin-left: 10px;
        padding-top: 10px !important;
    }
    .main-content .main-2 .main-de2 .m{
        margin-top: 0px;
    }
    .main-content2 .img-ufo {
        margin-top: -30%;
    }
    .main-content .main-2 .de2{
        margin-top: 15px;
    }
    .main-content .main-1 img {
        width: 80%;
    }
    .main-content .main-2 .main-de2 h3 {
        padding-left: 0px; 
    }
    .content .lotto .txt-lt1 {
        font-size: 21px;
    }
    .content .img-recom img {
        width: 60%;
    }
    .content .game-slot .txt-recom {
        font-size: 18px;
    }
    .content .cont-3 .txt-h1 {
        font-size: 30px;
    }
    .content .input-1 .input-2 .txt-in1 h5 {
        font-size: 23px;
    }
    .c-table .time {
        width: 60%;
        display: inline-block;
    }
    .main-content2 .txt-bank{
        padding-left: 10%;
        padding-right: 10%;
        font-size: 20px;
        font-weight: 900;
    }
    .main-content2 .box-pa {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer .footer-s2 .footer-game {
        display: inline-block;
    }
}

@media only screen and (min-width: 100px) and (max-width: 450px){
    .header .head-top .top2 {
        width: 60%;
        padding-top: 0px;
    }
    .header .top2 .t1 {
        font-size: 18px;
    }
    .header .top2 .t2 {
        font-size: 18px;
    }
    .main-content2 .box-pa {
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content2 .box-game {
        margin-top: -29%;
    }
    .main-content2 .u-game {
        margin-top: -45px;
    }
    .main-content2 .box-sport {
        width: 100%;
    }
    .main-content2 .box-sport2 {
        width: 100%;
        padding-top: 0px;
    }
    .main-content2 .text-company h2 {
        font-size: 27px;
    }
    .main-content2 .img-sp img {
        width: 90%;
    }
    .main-content2 .box-ls {
        padding-left: 10%;
        padding-right: 10%;
    }
    .main-content2 .box-ls h1 {
        font-size: 22px;
    }
    .main-content2 .box-ls p {
        font-size: 19px;
    }
    .main-content2 .pic-dewith img {
        width: 70%;
    }
    .main-content2 .pic-bank1 img {
        width: 20.5%;
    }
    .footer .footer-bank img {
        width: 24.5%;
    }
    .footer .footer-s2 .footer-game img {
        width: 25%;
    }
    .sl-s1{
        text-align: center;
    }
    .content .check-pro1 .txt-h2 {
        color: #5a5959;
        font-size: 13px;
        font-family: 'Mitr', sans-serif;
    }
    .content .check-pro2 .txt-h2 {
        color: #5a5959;
        font-size: 12px;
        font-family: 'Mitr',sans-serif;
    }
}

@media only screen and (min-width: 100px) and (max-width: 414px){
    .footer .menu-f a h1 {
        font-size: 19px;
        margin-bottom: 5px;
    }
    .main-content2 .vdo-1 iframe{
        width: 80%;
        height: 60%;
    }
    .main-content2 .img-pa1 .item img {
        border-radius: 22px;
    }
    .pad-b-1{
        padding-bottom: 5%;
    }
    .wi-50{
        width: 50% !important;
    }
    .main-content .hearder-new h3{
        font-family: 'Mitr', sans-serif;
        text-shadow: 0 0 10px #cbb055;
        font-size: 30px;
    }
    .main-content2 .pic-bank1 {
        padding-top: 10px;
        padding-left: 10%;
        padding-right: 10%;
    }
    .main-content2 .box-sport2 .ipad-3 {
        width: 100%;
    }
    .main-content2 .main-con1 img {
        width: 50%;
    }
    .main-content2 .box-sport img {
        width: 100%;
    }
    .main-content2 .tcl img {
        width: 100%;
    }
    .main-content2 .img-ls img {
        width: 100%;
    }
    #popup .panel-1 {
        left: 85%
    }
    #popup .popup1{
        padding-top: 15%;
    }
    #popup .popup1 img{
        width: 100%;
    }
    .main-content2 .game-4 img {
        width: 70%;
        display: inline-block;
    }
    .main-content2 .game-5 img {
        width: 70%;
    }
    .main-content2 .game-3 img {
        width: 100%;
    }
    .main-content2 .box-ubc {
        padding-top: 25px;
    }
    .content .game-casino .casi1 h1 {
        font-size: 13px;
    }
    .content .game-casino .casi2 h1 {
        font-size: 15px;
    }
    .content .game-slot .txt-game {
        padding-left: 5%;
        padding-right: 5%;
    }
    .content .img-recom {
        padding-top: 0px;
    }
    .content .game-slot .but-1 {
         padding-top: 30px; 
    }
    .content .game-slot .txt-recom2 {
        text-align: left;
        font-size: 18px;
    }
    .content .input-1 .txt-h6 {
        text-align: center;
        font-size: 16px;
    }
    .txt-otp{
        width: 100%;
        display: block;
    }
    .content .co-2{
        padding-left: 0%;
        padding-right: 0%;
    }
    .content .check-1 {
        justify-content: center;
        padding-top: 6%;
    }
    .header .head-top .top2 {
        width: 60%;
        padding-top: 0px;
    }
    .header .top2 .t1 {
        font-size: 18px;
    }
    .header .top2 .t2 {
        font-size: 18px;
    }
    .banner .w-100 {
        height: auto;
    }
    .main-content .main-2 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 16px;
        text-align: left;
    }
    .main-content .main-2 .main-de2 h6 {
        border-right: unset;
    }
    .main-content2 .fix-img {
        display: block;
    }
    .main-content2 .btn-play {
        margin-top: -80px;
    }
    .main-content2 .btn-play a {
        padding-left: 60px;
        padding-right: 60px;
        font-size: 25px;
    }
    .main-content2 .fix-img2 {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content2 .main-con1 h1 {
        font-size: 40px;
        line-height: 0.5;
    }
    .main-content2 .img-dw img {
        width: 70%;
    }
    .main-content .box-content {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .main-content .mini-content {
        padding-left: 2%;
        padding-right: 2%;
    }
    .main-content .txt-news {
        font-size: 20px;
        text-align: left;
    }
    .main-content .box-txt {
        padding-top: 0px; 
        padding-bottom: 0px;
    }
    .main-content2 .img-dw {
        padding-bottom: 0px;
    }
    .main-content2 .box-game {
        margin-top: -30%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top: 2px solid #f1ddbc;
        border-left: 2px solid #f1ddbc;
        border-right: 2px solid #f1ddbc;
    }
    .main-content2 .text-company {
        border-top: 2px solid #f1ddbc;
        border-left: 2px solid #f1ddbc;
        border-right: 2px solid #f1ddbc;
        border-bottom: 2px solid #f1ddbc;
    }
    .main-content2 .u-game {
        margin-top: -35px;
    }
    .main-content2 .u-game img {
        border-radius: 15px;
        width: 44%;
        border: 2px solid #f1ddbc;
    }
    .main-content2 .text-company h2 {
        font-size: 20px;
    }
    .main-content2 .box-ubc {
        padding-bottom: 0px;
    }
    .main-content2 .box-sport {
        padding-left: 5%;
        padding-right: 5%;
        width: 100%
    }
    .main-content2 .box-sport2 {
        text-align: center;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .main-content2 .img-sp {
        padding-top: 0px;
    }
    .main-content2 .img-sp img {
        width: 90%;
    }
    .main-content2 .box-sport h3 {
        font-size: 20px;
    }
    .main-content2 .box-sport h4 {
        font-size: 20px;
    }
    .main-content2 .box-sport ul {
        color: #fff;
        padding-left: 25px;
    }
    .content .game-casino {
        padding-left: 5%;
        padding-right: 5%;
    }
    .main-content2 li {
        line-height: 0;
    }
    .main-content2 .pic-bank1 img {
        width: 20%;
        padding-top: 0px;
        margin-top: 5px;
        border-radius: 7px;
    }
    .main-content2 .box-ls {
        padding-left: 10%;
        padding-right: 10%;
    }
    .main-content2 .box-ls h1 {
        font-size: 18px;
    }
    .main-content2 .box-dewith .pt-5{
        padding-top: 15px !important;
    }
    .main-content2 .pic-dewith img {
        width: 95%;
    }
    .content .ch-2{
        width: 30%;
    }
    .content .cont-2 {
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 15%;
    }
    .content .cont-3 .txt-h1 img {
        width: 50%;
    }
    .content .input-1 .pic-1 {
        padding-left: 5%;
        padding-right: 5%;
        width: 100%;
        text-align: center;
    }
    .content .input-1 .pic-1 img {
        width: 75%;
    }
    .content .input-1 .input-2 {
        width: 100%;
        margin-top: 20px;
    }
    .content .input-1 .eye {
        margin-top: -30px;
        margin-left: 65%;
    }
    .content .input-4 .in-55 {
        width: 100%;
    }
    .content .check-pro1 {
        margin-right: 5px;
        width: 45%;
    }
    .content .check-pro1 .txt-h {
        color: #000;
        font-size: 17px;
    }
    .content .check-pro2 {
        margin-left: 5px;
        width: 45%;
    }
    .content .check-pro2 .txt-h {
        color: #000;
        font-size: 16px;
    }
    .content .sport .right {
        padding-left: 0%;
    }
    .content .sport .right .input-group input {
        width: 125px;
    }
    .content .game-slot .txt-game h3 {
        font-size: 30px;
    }
    .content .regit {
        margin-bottom: 20px;
    }
    .content .pic-1 a {
        padding: 5px 60px;
    }
    .content .lotto .pl-5 {
        padding-left: 0px !important;
    }
    .content .pic-sae2 {
        position: absolute;
        right: 0;
        margin-top: -80px;
        margin-left: 200px;
    }
    .content .pic-sae2 img {
        width: 100%;
        height: auto;
    }
    .content .txt-nc {
        padding-top: 40px;
    }
    .content .txt-nc h2 {
        font-size: 30px;
    }
    .content .txt-nd h3 {
        font-size: 22px;
    }
    .content .icon {
        font-size: 22px;
    }
    .content .txt-nd2 span {
        font-size: 22px;
    }
    .content .txt-newcon h3 {
        font-size: 19px;
    }
    .content .txt-minicon {
        padding-top: 30px;
    }
    .content .txt-box {
        width: 45%;
        margin-left: 15px;
    }
    .content .txt-box h3 {
        font-size: 15px;
    }
    .content .img-nc img {
        height: 210px;
    }
    .content .new-recom img {
        width: 100%;
    }
    .content .new-recom {
        width: 40%;
        border: 2px solid #ffc107;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 10px;
        margin-right: 0px;
        background: #000;
    }
    .content .txt-newcon {
        padding-left: 0px;
        padding-right: 0px;
    }
    .content .new-recom .box {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .content .txt-nr {
        font-size: 30px;
    }
    .c-table .news-sp .new-mini {
        width: 100%;
    }
    .c-table .news-sp .new-mini2 {
        width: 100%;
    }
    .c-table .live-s {
        display: inline-block;
    }
    .c-table .day {
        padding-top: 5px;
        text-align: left;
        width: 100%;
        color: #fff;
    }
    .c-table .team-a {
        text-align: center;
        width: 100%;
        color: #fff;
        padding-bottom: 15px;
    }
    .c-table .time-l {
        width: 100%;
        padding-top: 5px;
    }
    .c-table .team-b {
        text-align: center;
        width: 100%;
        color: #fff;
        padding-top: 15px;
        margin-left: 15px;
    }
    .c-table .link {
        width: 15%;
    }
    .c-table .link a {
        padding: 2px 10px;
    }
    .c-table .team-b img {
        width: 40px;
        height: 36px;
        margin-right: 15px;
    }
    .c-table .team-a img {
        width: 40px;
        height: 36px;
        margin-left: 15px;
    }
    .c-table .link {
        width: 100%;
        padding-top: 20px;
    }
    .c-table .btn-line {
        padding-top: 0px;
    }
    .c-table .btn-line a {
        border-radius: 30px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: mitr,sans-serif;
        background-color: #05c525;
    }
    .c-table .nav-item .edit img {
        width: 100%;
        height: 100px;
    }
    .c-table .live-ball2 {
        padding-left: 0px;
    }
    .pt-3, .py-3 {
         padding-top: 0px !important; 
    }
    .c-table .new-mini4 .txt-edit {
        font-size: 14px;
    }
    .c-table .new-mini4 .i-mini {
        font-size: 14px;
    }
    .content .sport .sport-2 .txt-sport h1 {
        font-size: 28px;
        padding-top: 30px;
    }
    .content .but-regit-huey a {
        padding: 5px 15px;
        font-size: 20px;
    }
    .content .but-regit-huey {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .content .game-slot .but-1 a {
        font-size: 20px;
    }
    .content .txt-pro{
        text-align: center;
        padding-bottom: 10px;
    }
    .content .img-pmt img {
        padding-top: 20px;
    }
    .content .promotion .pr-r {
        display: block;
    }
    .content .check-pro2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content .check-pro1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content .img-pmt {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .menu-sub .in-play img {
        width: 50%;
        margin-top: -17px;
    }
    .menu-sub .menu-sub1 .menu-sub2 i {
        font-size: 22px;
    }
    .menu-sub .menu-sub1 .menu-sub2 p {
        font-size: 15px;
    }
    .footer .footer-s2 .footer-game img {
        width: 30%;
        padding-right: 10px;
        display: inline-block;
    }
    .footer .footer-bank img {
        width: 25%;
        border-radius: 9px;
        padding-top: 0px;
        margin-top: 5px;
    }
    .footer .menu-f {
        width: 33.33%;
        text-align: left;
    }
    .footer .menu-f a {
        font-size: 11px;
    }
    .footer-sub .footer-sub1 .pl-5 {
        padding-left: 0px !important;
    }
    .content .rules .cover-search {
        padding-left: 30%;
        padding-right: 30%;
    }
    .content .rules .text-h1 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h2 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h3 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h4 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h5 h3{
        width: auto;
        font-size: 21px;
    }
    .content .rules .text-h6 h3{
        width: auto;
        font-size: 21px;
    }
    .content .input-1 .input-2 .input-3 .txt-h6-1 {
        font-size: 21px;
    }
    .header .mainmenu .cd-1 .d1{
        float: left !important;
        margin-top: 2px !important;
        position: relative !important;
        width: 20% !important;
    }
    .header .mainmenu .cd-1 .d2{
        position: relative !important;
        float: right !important;
    }
    .c-table .table th {
        font-size: 16px;
    }
    .c-table .table td {
        font-size: 16px;
    }
    .c-table .table .team a {
        font-size: 14px;
    }
    .content .sport .right .input-group input {
        width: 130px;
    }
    .content .contact-us .call-center {
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 15%;
    }
    .content .game-slot .txt-game .txt-2 {
        font-size: 21px;
    }
    .content .game-slot .txt-game .txt-1 {
        font-size: 21px;
    }
    .content .game-slot .txt-game .txt-3 {
        font-size: 21px;
        text-align: left;
    }
    .content .contact-us .img-contact img {
        width: 75%;
    }
    .content .contact-txt .txt-vip {
        font-size: 21px;
        padding-bottom: 50px;
    }
    .content .contact-txt .txt-call {
        font-size: 23px;
        text-align: left;
    }
    .content .contact-us .contact-txt {
        width: 100%;
    }
    .content .contact-us .contact-txt {
        width: 100%;
        padding-bottom: 50px;
    }
    .content .contact-us .contact-in {
        width: 100%;
        margin-left: unset;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 28px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 14px;
    }
    .main-content .main-2 .main-de2 {
        width: 60%;
        text-align: left;
        margin-top: -10px;
        margin-left: 10px;
        padding-top: 10px !important;
    }
    .main-content .main-2 .main-de2 .m{
        margin-top: 0px;
    }
    .main-content2 .img-ufo {
        margin-top: -30%;
    }
    .main-content .main-2 .de2{
        margin-top: 15px;
    }
    .main-content .main-1 img {
        width: 80%;
    }
    .main-content .main-2 .main-de2 h3 {
        padding-left: 0px; 
    }
    .content .lotto .txt-lt1 {
        font-size: 21px;
    }
    .content .img-recom img {
        width: 60%;
    }
    .content .game-slot .txt-recom {
        font-size: 21px;
    }
    .content .cont-3 .txt-h1 {
        font-size: 30px;
    }
    .content .input-1 .input-2 .txt-in1 h5 {
        font-size: 23px;
    }
    .c-table .time {
        width: 60%;
        display: inline-block;
    }
    .c-table .live-ball2 .img-qr {
        width: 100%;
    }
    .c-table .live-ball2 .line {
        width: 100%;
        padding-bottom: 5%;
    }
    .c-table .nav-item .edit img {
        width: 85%;
        height: 50px;
    }
    /*.main-content .new {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }*/
    .main-content .mini-content .new-sport {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-right: 5px;
        margin-top: 10px;
        background: #000;
    }
    .main-content2 .txt-bank{
        padding-left: 10%;
        padding-right: 10%;
        font-size: 20px;
        font-weight: 900;
    }
    .main-content2 .box-pa {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer .footer-s2 .footer-game {
        display: inline-block;
    }
}

@media only screen and (min-width: 100px) and (max-width: 375px){
    .main-content2 .img-ufo {
        margin-top: -40%;
    }
    .header .top2 .t1 {
        font-size: 15px;
    }
    .header .top2 .t2 {
        font-size: 15px;
    }
    .c-table .table .team a {
        font-size: 12px;
    }
    .c-table .table td {
        padding: 2px;
    }
    .content .sport .left {
        width: 45%;
    }
    .content .sport .right {
        width: 55%;
    }
    .main-content2 .box-sport h3 {
        font-size: 18px;
    }
    .main-content2 .box-ls h1 {
        font-size: 16px;
    }
    .main-content2 .box-ls p {
        font-size: 18px;
    }
    .main-content2 .txt-bank p{
        font-size: 16px;
    }
    .content .input-1 .txt-h6 {
        font-size: 20px;
    }
    .content .contact-txt .txt-linecom {
        padding: 15px;
    }
    .content .contact-in .txt-email h3 {
        font-size: 30px;
    }
    .content .contact-in .txt-incom2 {
        font-size: 25px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 14px;
    }
    .main-content .main-1 img {
        width: 80%;
    }
    .content .game-slot .txt-game h3 {
        font-size: 28px;
    }
    .content .lotto .txt-lt1 {
        font-size: 17px;
    }
    .content .game-slot .txt-game .txt-1 {
        font-size: 19px;
    }
    .content .game-slot .txt-recom {
        font-size: 16px;
    }
    .c-table .new-mini4 .i-mini {
        font-size: 12px;
    }
    .menu-sub .in-play img {
        width: 55%;
    }
    .menu-sub .menu-sub1 .menu-sub2 p {
        font-size: 13px;
    }
    .content .txt-nd h3 {
        font-size: 20px;
    }
    .content .icon {
        font-size: 20px;
    }
    .content .img-nc img {
        height: 190px;
    }
    .content .txt-box h3 {
        font-size: 14px;
    }
    .content .img-nc img {
        height: 185px;
    }
    .content .check-pro2 .txt-h {
        font-size: 16px;
    }
    .main-content2 .box-game {
        margin-top: -33%;
    }
}

@media only screen and (min-width: 100px) and (max-width: 331px){
    .main-content .hearder-new h3 {
        font-size: 25px;
    }
    .header .menu-mb img {
        width: 65%;
        margin-top: -10px;
    }
    .main-content2 .box-game {
        margin-top: -40%;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 13px;
    }
    .main-content2 .u-game {
        margin-top: -20px;
    }
    .main-content2 .u-game img {
        border-radius: 10px;
        width: 44%;
        border: 2px solid #f1ddbc;
    }
    .main-content2 .box-ls p {
        font-size: 15px;
    }
    .header .top2 .t1 {
        font-size: 15px;
    }
    .header .top2 .t2 {
        font-size: 15px;
    }
    .c-table .table .team a {
        font-size: 12px;
    }
    .c-table .table td {
        padding: 2px;
    }
    .content .sport .left {
        width: 45%;
    }
    .content .sport .right {
        width: 55%;
    }
    .content .sport .right .input-group input {
        width: 99px;
    }
    .content .sport .right .input-group input {
        width: 110px;
    }
    .content .contact-txt .txt-linecom-2 {
        font-size: 13px;
    }
    .content .contact-txt .txt-linecom a {
        font-size: 11px;
    }
    .content .contact-txt .txt-linecom {
        padding: 15px;
    }
    .content .contact-in .txt-email h3 {
        font-size: 30px;
    }
    .content .contact-in .txt-incom2 {
        font-size: 25px;
    }
    .main-content .main-2 .main-de2 h3 {
        font-size: 15px;
    }
    .content .but-regit-huey a {
        padding: 5px 10px;
        font-size: 18px;
    }
    .content .game-slot .txt-game h3 {
        font-size: 25px;
    }
    .content .game-slot .but-1 a {
        padding: 5px 80px;
    }
    .content .game-slot .txt-game .txt-2 {
        font-size: 18px;
        }   
    .content .game-slot .txt-game .txt-1 {
        font-size: 16px;
    }
    .content .lotto .txt-lt1 {
        font-size: 16px;
    }
    .content .input-1 .eye {
        margin-left: 60%;
    }
    .content .input-1 .txt-h6 {
        font-size: 16px;
    }
    .content .check-pro1 {
        margin-right: 0px;
        width: 65%;
        margin-bottom: 5%;
    }
    .content .check-pro2 {
        margin-left: 0px;
        width: 65%;
    }
    .content .lotto .txt-lt2 {
        font-size: 19px;
    }
    .content .sport .sport-2 .txt-sport h1 {
        font-size: 24px;
    }
    .menu-sub .in-play img {
        width: 65%;
    }
    .menu-sub .menu-sub1 .menu-sub2 p {
        font-size: 11px;
    }
    .content .txt-nd h3 {
        font-size: 16px;
    }
    .content .icon {
        font-size: 16px;
    }
    .content .txt-nd2 span {
        font-size: 16px;
    }
    .content .img-nc img {
        height: 165px;
    }
    .content .txt-newcon h3 {
        font-size: 17px;
    }
    .content .txt-box {
        width: 40%;
        margin-left: 20px;
    }
    .content .txt-box h3 {
        font-size: 13px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 310px){
     .content .sport .right .input-group input {
        width: 100px;
    }
}