@viewport {
  width: device-width;
  zoom: 1;
}
ul {margin: 0;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Sarabun;
}
#cssmenu ul ul {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    display: inline;
    width: 100%;
    background: #beedfe;
    height: 0;
    overflow: hidden;
    transition: .2s;
    text-align: center;
    z-index: 9;
}
#cssmenu ul ul li a {

    color: #000e54;

}

#cssmenu>ul>li>a {
    padding: 16px 10px;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;I
    text-align: center;
    color: #efefef;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
   font-family: 'Sarabun', serif;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;font-family: 'Sarabun',sans-serif !important;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Sarabun;
	overflow-x:hidden;
}
.img100{max-width: 82%;}
#theme{
    display:table-cell;
    background: url(/data/1744/uploads/casinoBG.jpg) fixed center no-repeat;
    background-size: cover;

}
.themetbl {display:table;}
.themetblrow {display:block;/*display:table-row;*/}
.themetblcell {display:block;/*display:table-cell;*/}
.themetblwidth {width:100%;}
.themetblheight {}
.theme-container-box { width:100%; height:500px; }
.w1000{width:1000px; margin:auto; position: relative;}
#theme-frame{
	margin:auto;
	width:100%;
	background:transparent;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-header {display: block;height: auto; background-image:url('/data/1744/uploads/nav111.jpg'); z-index: 9999;  width: 100%;}

#theme-menu {height: auto; width: 100%; position: relative; background: #007bae;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both;clear: both;}

.logo-head .container {padding: 14px 0;}
#theme-title {  padding-left:10px; display:none;}
#theme-header-logo {
    float: left;
    width: 200px;
}
#theme-header-logo img { width:100%;}
#theme-header-right {
    float: right;
    margin: 15px 0;
}
#theme-header-right ul { padding: 0; }
#theme-header-right ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0;
}
#scroll_msg {display: block; width: 100%;}
/* login horizontal */
    #customform{
        margin: 0px;
        padding: 0px;
    }

        #customform input[type=button] {
            font-weight: bold;
            cursor: pointer;
            cursor: hand;
            height: 30px;
            width: 59px;
        }

        #customform form{
            width: 100%;
        }

        #customform dl{
            display: inline-block;
            margin: 0;
        }


        #customform dt {
            display: inline-block;
        }

        #customform dd {
            display: inline-block;
        }

        #customform img {
            margin-right: 2px;
        }
/*********************************/
input#customform_UserName, input#customform_Password, input#customform_submit {
    margin: 0 2px;
    padding: 5px;
    color: #fff;
}
input#customform_UserName, input#customform_Password {
    border: 2px solid #776029;
    background: #000;
}
input#customform_submit {
    border: 2px solid #fff;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

/* HOME */
.content-home{ background: #00111fe0; }
.flexslider{
    margin: 0;
    border: 0;
    background: transparent;
}
.category {
    padding: 0;
    text-align: center;
}
.category li {
    display: inline-block;
    width: 33%;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}
.category li img{ transition: 0.2s; }
.category li:hover img { transform: scale(1.2); }
.category li:before{
    content: '';
    position: absolute;
    top: 0;
   left: -175px;
    background: rgba(255,255,255,0.3);
    width: 100px;
    height: 100%;
    transform: skewX(-30deg);
    z-index: 9;
    transition: 0.5s;
}
.category li:hover:before {
    left: 448px;
}
.introduce {
    text-align: justify;
    font-size: 30px;
    padding: 20px 40px;
    margin: 25px 0;
    border: 5px solid #1C6EA4;
    border-radius: 0 90px 0 90px;
    color: #b2b7bd;
}
.introduce span {
    color: #fede00;
    font-size: 1.5em;
}

/* Products */
.product {
    padding: 0;
    text-align: center;
}
.product li{
    display: inline-block;
    background: url(./imgs/bg-slot.png);
    position: relative;
}
.product_content{
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0%,-50%);
    text-align: left;
    color: #fbff98;
    width: 280px;
}
.product_content .small_text{
    font-size: 10px;
    color: #fff;
}
a.play_button {
    padding: 10px;
    border: 2px outset #fff;
    border-radius: 5px;
    background: linear-gradient(150deg, #9d9d9d, white);
    margin-top: 10px;
    display: inline-block;
    width: max-content;
    color: black;
    font-weight: 900;
}
/* lottery */
#drawresult > ul > li table{ 
    text-align: center; 
    font-size: 14px;
}

/* scroll msg */
#horizontal-scrolling-msg {
    background: #000;
    color: #fff;
    padding: 10px 0;
}
#horizontal-scrolling-msg ul {
    padding: 0;
    list-style: none;
}
#horizontal-scrolling-msg ul li span{
    color: red;
    font-weight: 900;
}

/*  FOOTER  */
.footer {
    background: #000000c4;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

@media screen and (max-width: 769px){
    .introduce { font-size: 15px; }
}
@media screen and (max-width: 426px) {
    #theme-header-logo{
        float: none;
        width: 100%;
    }
    #theme-header-right{
        float: none;
        width: 100%;
        text-align: center;
    }
    #horizontal-scrolling-msg { display: none; }
    .logo-head .container { padding: 0; }
    #customform dl {
        width: 100%;
        margin: 4px 0;
    }
    #customform dd { width: 90%; }
    input#customform_UserName, input#customform_Password, input#customform_submit { width: 100%; }
}