@charset "utf-8";
/* Main */

html, body  {height: 100%;}

body  {
    width: 100%;
    height: 100%;
    background-color: #020F20;
    background: url(../../img/normal/bg.jpg)no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Lato', serif;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    font-size: 1.00em;
    overflow-x: hidden;
}
.seo {
    width: 100%;
    display: block;
    position: relative;
    padding: 15px 0px;
}
.seoBtm {
    display: block;
    position: relative;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0px;
    background: url(../../img/footer-line.png) no-repeat top center;
}
.mobBx  {
    display: block;
    float: left;
    width: 360px;
    height: auto;
    border: 1px solid #F6DD9C;
}

.ctBg {
    width: 1024px;
    height: 648px;
    display: block;
    position: relative;
    /*background: url(../../img/ct-bg.png) no-repeat;*/
    margin-top: 10px;
    margin-bottom: 20px;
}
.wc {
    display: block;
    width: 100%;
    height: 88px;
}
.wcInner {
    display: block;
    width: 1024px;
    height: auto;
    margin: 0 auto;
}
.wcWrap {
    display: inline-block;
}
.timerDig {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    right: 45px;
    top: 7px;
    letter-spacing: 6px;
}
.timerWrap {
    display: inline-block;
    width: 700px;
    height: 68px;
    position: relative;
    background: url(../../img/wc-timer-bg.png)no-repeat;
    margin: 6px 0px;
}
.customBg {
    width: 1024px;
    height: 648px;
    position: absolute;
    background: url(../../img/ct-bg.png) no-repeat;
    margin-top: 155px;
    margin-bottom: 20px;
}

.ctLine1 {
    color: #fff;
    border: 2px solid #fff;
    width: 550px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    position: absolute;
    left: 100px;
    top: 50px;
}

.ctLine2 {
    display: block;
    position: absolute;
    left: 120px;
    top: 180px;
}

.menuL {
    display: block;
    width: 100%;
    background: url(../../img/menu-bg.png)no-repeat center top;
}

.menuLinner {
    display: block;
    width: 1280px;
    margin: 0 auto;
}

.mmC {
    display: block;
    text-align: center;
}

.inp{
    margin-right: 260px;
}

.inS1 {
    display: block;
    width: 1024px;
    margin: 0 auto;
}

.sect4 {
    display: block;
    width: 1024px;
    margin: 10px auto;
    height: auto;
}

.sect4 img {
    float: left;
    margin: 4px;
}

.lcWrap {
    display: block;
}

.lcWrap img {
    float: left;
    margin: 10px 0px 0px 10px;
}

.ctLine2 ul {
    margin: 0;
    padding: 0;
}

.ctLine2 ul li {
    margin: 0px 0px 18px;
    padding: 0 0 0 50px;
    list-style-type: none;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.ctLine2 ul li a:link,
.ctLine2 ul li a:visited {
    text-decoration: none;
    color: #fff;
}

.ctLine2 ul li a:hover {
    text-decoration: none;
    color: yellow!important;
}

.ct-mail {
    background: url(../../img/ct-mail.png) no-repeat;
}

.ct-wechat {
    background: url(../../img/ct-wechat.png) no-repeat;
}

.ct-phone {
    background: url(../../img/ct-phone.png) no-repeat;
}

.ct-whatsapp {
    background: url(../../img/ct-whapp.png) no-repeat;
}

.ct-skype {
    background: url(../../img/ct-skype.png) no-repeat;
}

.ct-live {
    background: url(../../img/ct-livechat.png) no-repeat;
}

.ct-telegram {
    background: url(../../img/ct-telegram.png) no-repeat;
}

.ct-mailth {
    background: url(../../img/th/ct-mailth.png) no-repeat;
}
.ct-lineth {
    background: url(../../img/th/ct-lineth.png) no-repeat;
}
.ct-wechatth {
    background: url(../../img/th/ct-wechatth.png) no-repeat;
}
.ct-skypeth {
    background: url(../../img/th/ct-skypeth.png) no-repeat;
}
.ct-whatsappth {
    background: url(../../img/th/ct-whatsappth.png) no-repeat;
}

.fishWrap  {
    display: block;
    position: relative;
    width: 1024px;
    height: 500px;
    background: url(../../img/fish-big-bg.png)no-repeat;
    text-align: center;
}

.fishWrap2  {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    grid-gap: 25px;
    padding: 130px 0;
    text-align: center;
}

.fish-btn2 img {
    width: 100%;
    max-width: 330px;
}

.horseWrap  {
    display: block;
    position: relative;
    width: 1024px;
    height: 500px;
    background: url(../../img/horse-bg.png)no-repeat;
    text-align: center;
}

.fish-btn  {
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 70px;
}

.horse-btn  {
    display: block;
    position: absolute;
    left: 170px;
    top: 0px;
}

.lc4  {
    float: left;
    margin-left: 80px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.lc5  {
    float: right;
    margin-right: 80px;
    margin-top: 20px;
    margin-bottom: 30px;
}




.slotBx  {
    display: block;
    width: auto;
    height: auto;
    float: left;
    margin: 0px 15px;
}

.spBx  {
    display: block;
    width: auto;
    height: auto;
    float: left;
    margin: 0px 26px;
}

.demo  {
    display: block;
    width: 1024px;
    margin: 0 auto 60px;
}


#sidebar {
    width: 60px;
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 99999;
}

#sidebar ul  {
    margin: 0;
    padding: 0;
}

#sidebar ul li  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sidebar ul li a:link, #sidebar ul li a:visited  {
    width: 60px;
    height: 60px;
    display: block;
}

#sidebar ul li a:hover  {
    background: #001020;
}

.b1  {
    background: #2A4461;
}

.b2  {
    background: #2a5572;
}

.b3  {
    background: #2a6581;
}

.b4  {
    background: #2a7795;
}

.b5  {
    background: #2d93bb;
}
.b6  {
    background: #53a7fb;
}
.b7  {
    background: #89c4ff;
}
.newsC  {
    margin-left: 22px;
}

.newsC p  {
    font-size: 12px;
}

.newsTit  {
    color: #f7df9f;
    font-size: 14px;
    font-weight: bold;
}

.newsTit .fa  {
    margin-right: 10px;
}

.meter {
    height: 20px;
    position: relative;
    margin: 60px 0 20px 0;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: yellow;position: relative;
    overflow: hidden;
}

.x1  {
    display: block;
    font-weight: bold;
    color: #ffde97;
    margin: 10px 0px 10px;
}

.x2  {
    display: block;
    float: left;
    font-size: 12px;
}

.x3  {
    display: block;
    float: right;
    font-size: 12px;
}

.x4  {
    font-size: 12px;
    padding-bottom: 10px;
}

.x5  {
    margin-right: 14px;
}

.upC  {
    display: block;
    width: 100%;
    height: 180px;
    overflow-y: auto;
}

.regular  {
    width: 1024px;
    margin: 15px auto 15px;
}

.bx1  {
    display: block;
    width: 300px;
    height: 260px;
    float: left;
    padding: 15px;
    background: rgba(43,70,100,1);
    background: -moz-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,70,100,1)), color-stop(100%, rgba(31,40,55,1)));
    background: -webkit-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -o-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: linear-gradient(to bottom, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4664', endColorstr='#1f2837', GradientType=0 );
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 1px solid #5674b9;
}

.bx2  {
    display: block;
    float: left;
    width: 645px;
    height: 260px;
    padding: 15px;
    background: rgba(43,70,100,1);
    background: -moz-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,70,100,1)), color-stop(100%, rgba(31,40,55,1)));
    background: -webkit-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -o-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: linear-gradient(to bottom, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4664', endColorstr='#1f2837', GradientType=0 );
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 1px solid #5674b9;
    margin-left: 14px;
}

.bx3  {
    display: block;
    width: 300px;
    height: 252px;
    float: left;
    padding: 15px;
    background: rgba(43,70,100,1);
    background: -moz-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,70,100,1)), color-stop(100%, rgba(31,40,55,1)));
    background: -webkit-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -o-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: linear-gradient(to bottom, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4664', endColorstr='#1f2837', GradientType=0 );
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 1px solid #5674b9;
}

.bxSpecial  {
    display: block;
    width: 300px;
    height: 252px;
    padding: 15px;
    margin: 0px 14px 10px 0px;
    float: left;
    background: rgba(43,70,100,1);
    background: -moz-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,70,100,1)), color-stop(100%, rgba(31,40,55,1)));
    background: -webkit-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -o-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    background: linear-gradient(to bottom, rgba(43,70,100,1) 0%, rgba(31,40,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4664', endColorstr='#1f2837', GradientType=0 );
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 1px solid #5674b9;
}

.innerBx  {
    display: block;
    float: left;
    width: 135px;
    height: 182px;
    padding: 45px 8px 8px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    margin: 4px 5px 10px 5px;
}

.innerBx:hover  {
    color: #fff !important;
    text-decoration: none !important;
    background: #020F20;
}

.innerBx img:hover  {
    opacity: 5px;
}

.inTxt  {
    display: block;
    margin-top: 10px;
}

.innerBx a:link, .innerBx a:visited  {
    color: #fff;
    text-decoration: none;
}

.prov img  {}

.txtMob  {
    color: #F6DD9C;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 8px 0px;
}

.andr  {
    width: 164px;
    height: auto;
    display: block;
    float: left;
    text-align: center;
}

.andr img  {
    width: 100px;
}

.ios img  {
    width: 100px;
}

.ios  {
    width: 164px;
    height: auto;
    display: block;
    float: left;
    text-align: center;
}

ul#menu {
    list-style:none;
    margin: -8px 0px 0px;
    padding:0px;
    overflow:hidden; /* makes sure the container fits the floated list-items below */
    background: none; /* moved and lightened the background color from ul#menu li */
    width: 100%;
}
ul#menu li{
    margin:3px 5px;
    padding:6px;
    float:left;
    font-size:14px;
    font-weight:bold;
    width: 80px;
    text-align: center;
    height: 57px !important;
    line-height: 45px !important;
    cursor: pointer;
}

ul#menu li a:link, ul#menu li a:visited  {
    font-size: 12px;
    font-weight: bold;
    color: #ffde97;
    text-decoration: none;
    text-transform: uppercase;
}

ul#menu li a:hover {
    color:#fff;
    text-decoration: none;
}

ul#menu li span {
    position: relative;
    z-index: 5;
}
ul#menu li.backLava {
    position:absolute;
    z-index:3;
    background: url(../../img/menuon.png) no-repeat top left;
    border:0px solid brown;
}

.clr  {
    clear: both;
}

.tit  {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#big-image  {
    width: 1024px;
    height: 488px;
}

.small-images img  {
    width: 287px;
    height: 320px;
    cursor: pointer;
}

.small-images img:hover  {
    opacity: 0.4;
}

.small-images a, .big-images a {display:inline-block}
.small-images a.selected {border:1px solid red}

.sect1  {
    display: block;
    width: 1024px;
    margin: 14px auto 0px;
}

.sect2  {
    display: block;
    width: 1020px;
    margin: 0 auto;
}

.sect3  {
    display: inline-block;
    width: 1024px;
    margin: 0 auto;
}

.mirrorBx  {
    display: inline-block;
    width: 277px;
    height: 114px;
    float: left;
    background: url(../../img/mirror-bg.png)no-repeat;
}

.adj10 {
    margin-right: 20px;
}

.stp1  {
    display: block;
    height: 114px;
    width: 117px;
    float: left;
    position: relative;
}

.stp1 img  {
    display: block;
    position: absolute;
    top: 25px;
    left: 28px;
}

.stpTxt  {
    display: block;
    height: 114px;
    width: 160px;
    line-height: 114px;
    float: left;
    font-weight: bold;
    color: #F0BE53;
    font-size: 18px;
}

.adj09  {
    margin-top: 20px;
    margin-bottom: 20px;
}

.codeW  {
    background: #131821;
    padding: 4px;
    border: 1px solid #2f3f60;
    color: #2f648b;
    width: 140px;
    float: left;
}

.btnW  {
    display: block;
    width: 248px;
    position: absolute;
    right: 0px;
    top: 48px;
}

.txt02  {
    float: left;
    font-size: 12px;
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    opacity: 0.5;
}

.input01 {
    width: 144px;
}

.input01 input  {
    background: #000;
    border: 1px solid #000;
    width: 48px;
    color: yellow;
    text-align: center;
    float: left;
}

.captcha  {
    float: left;
}

.smll  {
    height: 18px;
    float: left;
}

.inp input  {
    background: #131821;
    padding: 4px;
    border: 1px solid #2f3f60;
    color: #9ebdfb;
}

.adj12  {
    margin-right: 10px;
}

.adj08  {
    margin-left: 10px;
    margin-bottom: 10px;
}

.topMenu  {
    display: block;
    position: relative;
    height: 20px;
}

.dateT  {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 11px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0px;
}

.langT  {
    display: inline-block;
    float: left;
    margin-right: 30px;
    margin-top: 7px;
}

.langT img  {
    margin-left: 5px;
}

.langT span  {
    font-size: 10px;
    vertical-align: 4px;
    margin-right: 5px;
}

.adj07 img  {
    margin: 28px 0px 0px !important;
    width: 230px !important;
}

.bal table td  {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px 5px;
    height: 15px;
    line-height: 15px;
}

.bal table td img  {
    width: 15px;
    height: 15px;
}

.bal table td:nth-child(even) {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 10px;
    background: #363636;
}

.bal table th:nth-child(even) {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 10px;
    color: yellow;
    background: #252525;
}

.bal table th:nth-child(odd) {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 10px;
    color: yellow;
    background: #252525;
}

#container404 {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    width: 1024px;
    height: 300px;
    display: block;
}
#colE1 {
    box-shadow: 0 0 0;
    color: yellow;
    float: left;
    font-size: 95px;
    height: 246px;
    padding-left: 300px;
    padding-top: 69px;
    right: 41px;
}
#colE2 {
    color: yellow;
    float: left;
    font-size: 25px;
    padding-top: 94px;
}

.theme1  {
    background: #000 !important;
}

.theme1 h2  {
    text-align: left !important;
    margin: 5px 0px !important;
    color: #fff;
}

.theme1 p  {
    text-align: left !important;
    margin: 2px 0px;
    color: #e1e1e1;
}

.theme1 .form  {
    display: block;
    text-align: left;
    color: #e1e1e1 !important;
    margin: 15px 0px 0px;
}

.ph1{
    font-size: 2em;
    font-weight: bolder;
}

.ph2{
    border-bottom: 1px solid #fff;
    font-size: 17px;
    font-weight: bolder;
    text-transform: uppercase;
    margin: 0 0 8px !important;
    color: white !important;
}

.form label  {
    display: inline-block;
    width: 200px;
}

.form input  {
    display: inline-block;
    width: 200px;
    background: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 6px;
}

.form select  {
    display: inline-block;
    width: 200px;
    background: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 6px;
}

.left  {
    float: left;
}

.adj01  {
    margin-left: 6px;
}

.short  {
    width: 62px !important;
}

.rowed1  {
    display: block;
    margin-bottom: 10px;
}

.note  {
    display: block;
    color: yellow !important;
    margin: 5px 0px;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.fishTop  {
    display: block;
    position: relative;
    width: 100%;
}

.fishTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
}

.fishBtm  {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px;
    margin-bottom: 20px;
}

.fishBtminner  {
    display: block;
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.fishBx  {
    display: block;
    width: 221px;
    height: 221px;
    float: left;
}

.fishBxdl  {
    display: block;
    width: 370px;
    height: 300px;
    float: left;
    margin-top: 90px;
    text-align: center;
}

.fishBxdl img  {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.lotBtm  {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 40px 0px;
}

.lotBtminner  {
    display: block;
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.lotBx  {
    display: block;
    width: 184px;
    height: 153px;
    float: left;
}

.lotBx img  {
    width: 184px;
}

.slotBtm  {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 0px;
}

.slotBtminner  {
    display: block;
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

.slotTop  {
    display: block;
    position: relative;
    width: 100%;

}

.slotTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: 350px;
    margin: 0 auto;
    background: url(../../img/slot-bg.png) no-repeat;
}

.slotLeft  {
    display: block;
    position: absolute;
    left: 100px;
    bottom: 10px;
}

.slotRight  {
    display: block;
    position: absolute;
    right: 80px;
    bottom: 10px;
}

.space20  {
    margin-right: 20px;
}

.contactTop  {
    display: block;
    position: relative;
    width: 100%;
}

.contactTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
    background: url(../../img/contact-bg.png) no-repeat;
}

.contactImg  {
    display: inline-block;
    position: relative;
    width: 1024px;
    height: 460px;
    margin-top: 50px;
    background: url(../../img/ct-img.png)no-repeat;
}

.ctBox  {
    display: block;
    position: absolute;
    top: 85px;
    right: 380px;
}

.adj2  {
    float: left;
    margin-top: -5px;
    margin-right: 10px;
}

.adj11 a:link  {
    width: 100px !important;
    margin-left: 15px;
}

.adj05  {
    float: left !important;
}

.adj06  {
    margin-top: 10px;
}

.welc  {
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    color: #F0BE53;
}

.welc1 a:link, .welc1 a:visited  {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #F0BE53;
    padding: 0px 6px 0px;
}

.ctBox h3  {
    color: #F9C95B;
    margin: 5px 0px;
    font-size: 26px;
}

.ctBox h4  {
    color: #E5B24B;
    margin: 5px 0px;
}

.ctBox ul  {
    margin: 15px 0px 0px;
    padding: 0;
}

.ctBox ul li  {
    margin: 0;
    padding: 7px 0px;
    color: #fff;
    list-style-type: none;
}

.mobileTop  {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}

.mobileTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
    background: url(../../img/mobile-bg.png) no-repeat;
}

.mobBx  {
    display: block;
    position: relative;
    float: left;
    width: 328px;
    height: auto;
    text-align: center;
    font-size: 8px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
}

.adj13  {
    margin-top: 40px;
}

.qrBx  {
    display: block;
    position: absolute;
    right: 30px;
    top: 155px;
    width: 100px;
    height: auto;
    color: #f9e89c;
}

.qrBx01  {
    display: block;
    position: absolute;
    right: 160px;
    top: 155px;
    width: 100px;
    height: auto;
    color: #f9e89c;
}

.mobT1  {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
}

.icon  {
    display: block;
}

.iconTxt  {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
}

.qr1  {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.pt  {
    background: url(../../img/mob-thumb-1.png)no-repeat;
}

.mg  {
    background: url(../../img/mob-thumb-2.png)no-repeat;
}

.bb  {
    background: url(../../img/mob-thumb-3.png)no-repeat;
}

.ag  {
    background: url(../../img/mob-thumb-4.png)no-repeat;
}

.allb  {
    background: url(../../img/mob-thumb-5.png)no-repeat;
}

.adj02  {
    margin-top: 0px !important;
    margin-left: 140px !important;
}

.adj03  {
    margin-top: 0px !important;
    margin-left: 20px !important;
}

.adj04  {
    height: auto !important;
    padding-bottom: 25px;
}

.promoTop  {
    display: block;
    position: relative;
    width: 100%;
}

.promoTopinner  {
    display: block;
    position: relative;
    width: 980px;
    height: auto;
    margin: 0 auto;
    background: url(../../img/casino-bg.png) no-repeat;
}

.promoBlock img  {
    width: 980px;
}

.promoBlock  {
    display: block;
    position: relative;
    padding-top: 60px;
}

.casinoTop  {
    display: block;
    position: relative;
    width: 100%;
}

.casinoTopinner  {
    display: block;
    position: relative;
    width: 980px;
    height: 400px;
    margin: 0 auto;
    background: url(../../img/casino-bg.png) no-repeat;
}

.casinoTitle  {
    width: 282px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto
}

.casinoBx  {
    display: inline-block;
    float: left;
    margin-top: 70px;
}

.casinoBx img  {
    width: 230px;
}

.dBx  {
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 570px;
    height: 290px;
    top: 70px;
}

.dTop  {
    display: block;
    position: relative;
    width: 100%;
}

.dTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: 400px;
    margin: 0 auto;
    background: url(../../img/4d-bg.png) no-repeat;
}

.spTop  {
    display: block;
    position: relative;
    width: 100%;
}

.spTopinner  {
    display: block;
    position: relative;
    width: 980px;
    height: auto;
    margin: 0 auto;
    background: url(../../img/sp-bg.png) no-repeat;
}

.noneTopinner  {
    display: block;
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0px 0px;
    color: #000;
}

.noneTopinner p  {
    color: #fff;
}

.noneTopinner ul li  {
    color: #fff !important;
}

.spBxLeft  {
    display: block;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 398px;
    height: 290px;
}

.spBxRight  {
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
    width: 398px;
    height: 290px;
}

.spTopMid  {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 130px;
    width: 224px;
    height: 80px;
}

.spRes  {
    display: block;
    position: relative;
    margin-top: -160px;
}

.spBlock  {
    display: block;
    position: relative;
    height: 450px;
}

.landBG  {
    background-image: url(../../img/landing-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.landHeader  {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    height: auto;
    margin: 20px 0px 0px;
}

.landMap  {
    display: block;
    position: relative;
    width: 100%;
}

.landMapInner  {
    display: block;
    position: relative;
    max-width: 1024px;
    min-width: 320px;
    height: 365px;
    margin: 0 auto;
}

.landMapInner a:link, .landMapInner a:visited  {
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
    color: #464646;
    text-shadow: 1px 1px 2px rgba(252, 252, 252, 1);
}


.cnIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 415px;
    top: 30px;
}

.thaiIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 258px;
    top: 131px;
}

.vietIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 470px;
    top: 140px;
}

.myIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 435px;
    top: 215px;
}

.indoIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 465px;
    top: 293px;
}

.slIcon {
    display: block;
    height: auto;
    position: absolute;
    left: 104px;
    top: 185px;
}

.landBt  {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -30px;
}

.inactive  {
    color: #6d6d6d !important;
}


/* Header */
.header2  {
    display: block;
    position: absolute;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
.header  {
    width: 100%;
    height: auto;
    display: block;
}
.headerInner  {
    margin: 0 auto;
    width: 1024px;
    height: 100px;
    display: block;
    position: relative;
    z-index: 999;
}
.logo  {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    float: left;
}
.logo img  {
    margin: 7px 0px 0px;
    height: 70px;
}

.headerLeft  {
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 30px;
}

.headerLeftIn  {
    display: block;
    position: absolute;
    right: 0px;
    top: 65px;
}

.headerRight  {
    margin: 0px;
    left: 0px;
    top: 0px;
    display: block;
    position: absolute;
    width: auto;
}
.headerRightTable  {
    display: block;
    font-size: 10px;
    color: #6dcff6;
    letter-spacing: 0px;
}

.headerRightTable table  {
    float: right;
    margin-top: 6px;
}
.headerRightTable table span  {
    font-style: italic;
    font-size: 10px;
    padding: 3px 0px;
    display: block;
    margin-right: -70px;
}
.headerRightTable table span a:link, .headerRightTable table span a:visited  {
    font-style: italic;
    font-size: 10px;
    padding: 3px 0px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.headerRightTable table span a:hover {
    color: yellow;
    cursor: pointer;
    text-decoration: none;
}
.headerRightTable table span:hover  {
    color: yellow;
    cursor: pointer;
}
.headerRightTable table td  {
    padding: 0px 3px;
}
.headerRightTable input  {
    width: 110px;
    font-size: 11px;
    padding: 4px 0px 4px 6px;
    margin: 0px 0px 0px 5px;
    background-color: #2E080C;
    color: #fff;
    border: 1px solid #ac3535;
}

.headerRightTable input:focus  {
    box-shadow: 0 0 5px rgba(246, 159, 56, 1);
    border: 1px solid #f69f38;
}

.headerRightTable1  {
    display: block;
    font-size: 10px;
    color: #000;
    position: absolute;
    right: 150px;
    top: 15px;
}

.headerRightTable1 table  {
    float: right;
    margin-top: 12px;
}
.headerRightTable1 table span  {
    font-style: italic;
    font-size: 10px;
    padding: 3px 0px;
    display: block;
    margin-right: -70px;
}
.headerRightTable1 table span a:link, .headerRightTable1 table span a:visited  {
    font-style: italic;
    font-size: 10px;
    padding: 3px 0px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.headerRightTable1 table span a:hover {
    color: yellow;
    cursor: pointer;
    text-decoration: none;
}
.headerRightTable1 table span:hover  {
    color: yellow;
    cursor: pointer;
}
.headerRightTable1 table td  {
    padding: 3px 3px;
}
.headerRightTable1 input  {
    width: 110px;
    font-size: 11px;
    padding: 7px;
    margin: 0px 0px 0px 5px;
    background: rgb(25, 29, 33);
    background: -moz-linear-gradient(270deg, rgb(25, 29, 33) 30%, rgb(4, 4, 5) 70%);
    background: -webkit-linear-gradient(270deg, rgb(25, 29, 33) 30%, rgb(4, 4, 5) 70%);
    background: -o-linear-gradient(270deg, rgb(25, 29, 33) 30%, rgb(4, 4, 5) 70%);
    background: -ms-linear-gradient(270deg, rgb(25, 29, 33) 30%, rgb(4, 4, 5) 70%);
    background: linear-gradient(0deg, rgb(25, 29, 33) 30%, rgb(4, 4, 5) 70%);
    color: #fff;
    border: 1px solid #464646;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.headerRightTable1 input:focus  {
    box-shadow: 0 0 5px rgba(246, 159, 56, 1);
    border: 1px solid #f69f38;
}

.joinNow  {
    color: #fff !important;
    font-size: 14px;
    background-image: url(../../img/join-btn-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    width: 90px;
    height: 33px;
    line-height: 33px;
    margin: 0px;
    text-decoration: none !important;

}

.joinNow a:link, .joinNow a:visited  {
    color: #fff !important;
    text-decoration: none !important;

}

.joinNow:hover  {
    color: #fff;
    background-image: url(../../img/join-btn-bg-hover.png);
    background-repeat: no-repeat;
    background-position: top center;
    text-shadow: none;
    cursor: pointer;
}
.vrf  {
    background-color: #000 !important;
    border: 1px solid #464646;
    width: 70px !important;
    color: #fff !important;
    text-align: center;
}


.joinBtn  {
    display: block;
    float: left;
}

.joinBtn a:link, .joinBtn a:visited  {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    width: 60px;
    margin: 0px;
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
    border: 1px solid #ed1c24;
    background: rgba(237,28,35,1);
    background: -moz-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,28,35,1)), color-stop(100%, rgba(158,11,16,1)));
    background: -webkit-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -o-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: linear-gradient(to bottom, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c23', endColorstr='#9e0b10', GradientType=0 );
}

.joinBtn a:hover  {
    background: #9e0b0f;
    text-decoration: none;
}

.dlBtn  {
    color: #fece5e;
    font-size: 16px;
    font-weight: bold;
    background-image: url(../../img/login-btn-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto 0px;
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
}

.dlBtn a:link, .dlBtn a:visited  {
    color: yellow;
    font-size: 16px;
    font-weight: bold;
    background-image: url(../../img/join-btn-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin: 0px;
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
}

.dlBtn a:hover  {
    background-image: url(../../img/join-btn-bg-hover.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.loginBtn  {
    display: block;
    float: left;
    margin-right: 9px;
}

.loginBtn a:link, .loginBtn a:visited  {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    width: 60px;
    margin: 0px;
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
    border: 1px solid #b88f2e;
    text-transform: uppercase;
    background: rgba(229,210,132,1);
    background: -moz-linear-gradient(top, rgba(229,210,132,1) 0%, rgba(213,182,104,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,210,132,1)), color-stop(100%, rgba(213,182,104,1)));
    background: -webkit-linear-gradient(top, rgba(229,210,132,1) 0%, rgba(213,182,104,1) 100%);
    background: -o-linear-gradient(top, rgba(229,210,132,1) 0%, rgba(213,182,104,1) 100%);
    background: -ms-linear-gradient(top, rgba(229,210,132,1) 0%, rgba(213,182,104,1) 100%);
    background: linear-gradient(to bottom, rgba(229,210,132,1) 0%, rgba(213,182,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d284', endColorstr='#d5b668', GradientType=0 );
}

.loginBtn a:hover  {
    background: #c89436;
    text-decoration: none;
}

.fp  {}

.fp a:link, .fp a:visited  {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    vertical-align: -3px;
}

.fp a:hover  {
    text-decoration: none;
    color: #F1BF53;
}

.submitBtn  {
    display: block;
    position: relative;
    left: 0px;
    top: 10px;
}
.submitBtn a:link, .submitBtn a:visited  {
    color: #fff;
    font-size: 14px;
    background: #850402;
    padding: 0px;
    width: 65px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    display: block;
    text-decoration: none;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.submitBtn a:hover  {
    background: #2A1106;
}


.msgBoxM  {
    display: block;
    position: relative;
    width: 450px;
    height: 315px;
    background-image: url(../../img/under-maintenance.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 40px auto 70px;
}

.msgBM  {
    display: block;
    position: absolute;
    width: 350px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    border: 3px solid #850402;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
    bottom: -30px;
    left: 50px;
}

.anmnt  {
    position: relative;
    height: auto;
    display: inline;
    width: 100%;

}
.anmntInner  {
    height: auto;
    display: block;
    width: 1024px;
    margin: 0px auto;
    color: #fff;
    font-size: 12px;
    padding: 6px 0px 6px 20px;
}
.anmnt marquee  {
    width: 1000px;
    line-height: 22px;
}
.anmnt marquee:hover  {
    color: yellow;
}


.errorBg {
    background: rgba(0, 0, 0, 0) url("../../img/404-bg.png") no-repeat scroll center center;
    display: block;
    height: 420px;
    position: relative;
    width: 1024px;
    margin-bottom: -15px;
}

.msgBox1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 300px;
    margin: 0 auto 40px;
    padding: 50px 5px 0;
    width: 450px;
    position: relative;
}
.msgBox1 p {
    color: #fff;
    font-size: 12px !important;
    padding: 0 0 2px;
    text-align: center;
}
.excl {
    color: #444;
    display: block;
    margin: -3px 0 8px;
    padding-top: 0;
    text-align: center;
}


.errText {
    color: #000;
    display: block;
    font-size: 36px;
    position: relative;
    text-align: center;
    top: 80px;
    width: 100%;
}

.mobCont  {
    display: block;
    position: relative;
    margin-top: 20px;
}

.mob1  {
    display: block;
    position: relative;
    width: 200px;
    height: 423px;
    background-image: url(../../img/mxb-slot-bg.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}

.mob2  {
    display: block;
    position: relative;
    width: 200px;
    height: 423px;
    background-image: url(../../img/ag-slot-bg.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}

.mob3  {
    display: block;
    position: relative;
    width: 200px;
    height: 423px;
    background-image: url(../../img/gp-slot-bg.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 2px;
}

.mob4  {
    display: block;
    position: relative;
    width: 200px;
    height: 423px;
    background-image: url(../../img/pt-slot-bg.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 2px;
}

.mob5  {
    display: block;
    position: relative;
    width: 200px;
    height: 423px;
    background-image: url(../../img/allb-slot-bg.png);
    background-repeat: no-repeat;
    float: left;
}

.mobTxt  {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: auto;
    display: block;
    position: absolute;
    bottom: 70px;
    left: 60px;
}

.mobTxt1  {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: auto;
    display: block;
    position: absolute;
    bottom: 63px;
    left: 46px;
}

.mobTxt2  {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: auto;
    display: block;
    position: absolute;
    bottom: 70px;
    left: 48px;
}

.mobTxt3  {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: auto;
    display: block;
    position: absolute;
    bottom: 70px;
    left: 48px;
}

.ctCont  {
    display: block;
    position: relative;
    width: 100%;
    height: 480px;
    background-image: url(../../img/contact-bg.png);
    background-position: right;
    background-repeat: no-repeat;
}

.conTit  {
    display: block;
    position: absolute;
    top: 80px;
    left: 100px;
}

.conTit1  {
    display: block;
    position: absolute;
    top: 168px;
    left: 100px;
    width: 350px;
    height: 50px;
    line-height: 50px;
    background: url(../../img/ct-bg-1.jpg)no-repeat;
    border-radius: 5px;
    color: #f1eda9;
    font-weight: bold;
    font-size: 22px;
    padding-left: 70px;
}

.conTit2  {
    display: block;
    position: absolute;
    top: 240px;
    left: 100px;
    width: 350px;
    height: 50px;
    line-height: 50px;
    background: url(../../img/ct-bg-2.jpg)no-repeat;
    border-radius: 5px;
    color: #f1eda9;
    font-weight: bold;
    font-size: 22px;
    padding-left: 70px;
}

.conTit3  {
    display: block;
    position: absolute;
    top: 315px;
    left: 100px;
    width: 350px;
    height: 50px;
    line-height: 50px;
    background: url(../../img/ct-bg-3.jpg)no-repeat;
    border-radius: 5px;
    color: #f1eda9;
    font-weight: bold;
    font-size: 22px;
    padding-left: 70px;
}

table.bankingtable {
    border-collapse: collapse;
    border-color: #e7e7e7;
    border-width: 1px;
    padding-top: 15px;
    background: #fff;
}
table.bankingtable tr {
    border-color: #e7e7e7;
    border-style: solid;
    border-width: 1px;
    height: 20px;
}
table.bankingtable td {
    border-color: #e7e7e7;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    width: 1024px;
}
.excl2 {
    color: #444;
    display: block;
    margin: 55px 0 8px;
    text-align: center;
}

.jp  {
    display: block;
    position: relative;
    width: 328px;
    height: 300px;
    background: url(../../img/jp-bg.png)no-repeat;
    margin: 30px auto 0px;
}

.jpCounter  {
    display: block;
    position: absolute;
    font-weight: bold;
    color: #000;
    font-size :18px;
    bottom: 67px;
    left: 40px;
}

.rowed  {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px 0px 0px;
    color: #fff;
}

.rowed img  {
    float: left;
}

.right20  {
    margin-right: 10px;
    margin-left: 10px;
}

.w01  {
    width: 290px !important;
}

.right10  {
    margin-right: 18px;
}

.texted  {
    display: block;
    height: 38px;
    line-height: 38px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

.borderBtm  {
    border-bottom: 1px solid #ffd478;
    padding: 0px 0px 12px 0px !important;
}

.logos  {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0px;
    background: #02012a;
}

.logosInner  {
    display: block;
    position; relative;
    width: 1070px;
    margin: 0 auto;
}

.logosInner h3  {
    font-size: 16px;
    margin: 0px 0px 10px;
    color: #ffd478;
}

.logosLeft  {
    display: block;
    position: relative;
    width: 100%;
}

.logosRight  {
    display: block;
    position: relative;
    width: 100%;
    margin-left: 40px;
}

.btm  {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0px;
    background-image: url(../../img/sect-btm.png);
    background-repeat: no-repeat;
    background-position: center;
}

.btmInner  {
    display: block;
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

.btmBx h4  {
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #ffd478;
}

.btmBx h3  {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 0px;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px solid #000;
}

.btmBx  {
    display: block;
    position: relative;
    float: left;
    width: 376px;
}

.bar  {
    display: block;
    position: relative;
    margin-top: 25px;
    border: 1px solid #ffd478;
    border-radius: 18px;
    padding: 20px 15px;
    color: #ffd478;
    background: rgba(1,1,1,1);
    background: -moz-linear-gradient(left, rgba(1,1,1,1) 0%, rgba(2,17,44,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,1,1,1)), color-stop(100%, rgba(2,17,44,1)));
    background: -webkit-linear-gradient(left, rgba(1,1,1,1) 0%, rgba(2,17,44,1) 100%);
    background: -o-linear-gradient(left, rgba(1,1,1,1) 0%, rgba(2,17,44,1) 100%);
    background: -ms-linear-gradient(left, rgba(1,1,1,1) 0%, rgba(2,17,44,1) 100%);
    background: linear-gradient(to right, rgba(1,1,1,1) 0%, rgba(2,17,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#02112c', GradientType=1 );
}

.barLeft  {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 26px;
    margin-top: 5px;
}

.barRight  {
    display: block;
    float: right;
    font-weight: bold;
    font-size: 16px;
}

.brwn  {
    display: block;
    position: relative;
    width: 100%;
    height: 265px;
    margin: 0px;
}

.brwnInner  {
    display: block;
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.brwnR  {
    display: block;
    width: 550px;
    position: absolute;
    left: 410px;
    top: 7px;
    z-index: 999;
}

.brwnBx  {
    display: block;
    float: right;
    width: 260px;
    height: 116px;
    margin: 10px 0px 0px 10px;
}

.brwnBx img  {
    z-index: 99999;
}

.midBG  {
    display: block;
    position: relative;
    background-image: url(../../img/mid-bg.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    width: 100%;
    margin: 0px;
    padding: 6px 0px 11px;
}

.midBGinner  {
    display: block;
    width: 1024px;
    height: 97px;
    margin: 0 auto;
    position: relative;
}

.midBGr  {
    display: block;
    width: 500px;
    position: absolute;
    left: 500px;
    top: 0px;
    z-index: 999;
}

.midBG1  {
    display: block;
    position: relative;
    background-image: url(../../img/roof-bg-1.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 1024px;
    height: 127px;
    line-height: 177px;
    margin: 10px auto 0px;
    padding: 0px;
}

.pgTit  {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    color: #fff;
    font-weight: bolder;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 35px;
}

.lotTit  {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 48px;
    left: 5px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    color: #850402;
    font-weight: bolder;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 30px;
}

.lotTit a:link, .lotTit a:visited  {
    color: #850402;
    text-decoration: none;
}

.lotTit a:hover  {
    color: yellow;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}



.midBGbx  {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    float: left;
    margin: 0px;
    padding: 0px 15px;
    text-align: center;
}

.midBGbx:hover  {
    background: #E2E2E2;
    border-radius: 5px;
}

.midBGbx span  {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin: 0px;
}

.midBGbx table  {
    margin:14px 0px 0px 15px;
}

.tp01  {
    margin-top: 55px !important;
    margin-left: 30px !important;
}

.tp02  {
    margin-top: 35px !important;
    margin-left: 10px !important;
}

.tp03  {
    margin-left: 40px !important;
}

.colr1  {
    font-size: 18px !important;
}

.colr2  {
    color: #8f7e80 !important;
}

.ac1  {
    margin-left: 0px !important;
}
.jnCont  {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 120px;
    display: block;
    z-index: 3333;
}

.midContf  {
    font-size: 12px;
    margin-bottom: 200px;
}

.acctContentReg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    margin-bottom: 50px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 925px;
}

.acctContentReg1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    margin-bottom: 50px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 925px;
    height: 320px;
}

.acctRow {
    color: #fff !important;
    display: block;
    font-size: 13px;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 1px;
    padding-left: 1px;
    width: 100%;
}
.acctRow label {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 25px;
    margin-left: 3px;
    width: 180px;
}

.red  {
    color: red !important;
}

.msgBox1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 300px;
    margin: 0 auto 80px;
    padding: 50px 5px 0;
    width: 450px;
}
.msgBox1 p {
    color: #fff;
    font-size: 12px !important;
    padding: 0 0 2px;
    text-align: center;
}
.excl {
    color: #444;
    display: block;
    margin: -3px 0 8px;
    padding-top: 0;
    text-align: center;
}

.lchat  {
    background-color: #de0b10;
    width: 150px;
    height: 30px;
    margin-top: -4px;
    position: absolute;
}
.lchat span  {
    width: 90px;
    height: 30px;
    margin: 7px 0px 0px 28px;
    background-image: url(../../img/chat-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.lchat:hover  {
    background-color: #170000;
}
.navCont  {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 47px;
    padding: 0;
    z-index: 2008;
    background: url(../../img/nav-bg.png)no-repeat;
    margin-top: 20px;
}
.navContInner  {
    position: relative;
    display: block;
    width: 100%;
    height: 47px;
    margin: 0 auto;
    padding: 0;
    z-index: 2008;
}

.selected  {
    color: #000 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.4) !important;
    background: rgb(250, 183, 25) !important;
    background: -moz-linear-gradient(90deg, rgb(250, 183, 25) 18%, rgb(236, 83, 26) 70%) !important;
    background: -webkit-linear-gradient(90deg, rgb(250, 183, 25) 18%, rgb(236, 83, 26) 70%) !important;
    background: -o-linear-gradient(90deg, rgb(250, 183, 25) 18%, rgb(236, 83, 26) 70%) !important;
    background: -ms-linear-gradient(90deg, rgb(250, 183, 25) 18%, rgb(236, 83, 26) 70%) !important;
    background: linear-gradient(180deg, rgb(250, 183, 25) 18%, rgb(236, 83, 26) 70%) !important;

}

.selected2  {
    color: #000 !important;
    text-decoration: none;
    background: rgba(246,196,87,1);
    background: -moz-linear-gradient(top, rgba(246,196,87,1) 0%, rgba(203,151,56,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,196,87,1)), color-stop(100%, rgba(203,151,56,1)));
    background: -webkit-linear-gradient(top, rgba(246,196,87,1) 0%, rgba(203,151,56,1) 100%);
    background: -o-linear-gradient(top, rgba(246,196,87,1) 0%, rgba(203,151,56,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,196,87,1) 0%, rgba(203,151,56,1) 100%);
    background: linear-gradient(to bottom, rgba(246,196,87,1) 0%, rgba(203,151,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c457', endColorstr='#cb9738', GradientType=0 );
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.navCont ul li:last-child  {
    background-image: none;
}

.navCont ul li ul {
    box-shadow: none;
    display: none;
    left: -40px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 48px;
    transition: opacity 0.2s ease 0s;
    visibility: hidden;
    width: 138px;
    z-index: 1009;
    border-right: 1px solid #e1a513;
    border-left: 1px solid #e1a513;
    border-bottom: 1px solid #e1a513;

}
.navCont ul li ul li {
    background: #e1a513;
    color: #000;
    display: block;
    z-index: 3;
    width: 100%;
    font-size: 12px;
    height: 39px !important;
    line-height: 39px !important;
    text-align: center;
    cursor: pointer;
}
.navCont ul li ul li a:link, .navCont ul li ul li a:visited {
    text-decoration: none;
    background: none;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    width: 100% !important;
    height: 39px !important;
    line-height: 39px !important;
    margin: 0;
    padding: 0;
}
.navCont ul li ul li a:hover {
    width: 100% !important;
    text-decoration: none;
    background: #AC3535;
    border: none !important;
    font-weight: normal;
    color: #fff;
    font-size: 13px;
    text-shadow: none;
}
.navCont ul li ul li:hover {
    background: #000 none repeat scroll 0 0;
    z-index: 4;
    color: #fff;
}
.navCont ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

.lcBg  {
    background-image: url(../../img/bg-lc.jpg) !important;
    background-cover: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c7995d;
}
.slotBg  {
    background-image: url(../../img/bg-slot.jpg) !important;
    background-cover: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c7995d;
}

.homeIC  {
    background-image: url(../../img/home-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.homeIC:hover  {
    background-image: url(../../img/home-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.spIC  {
    background-image: url(../../img/sports-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.spIC:hover  {
    background-image: url(../../img/sports-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.lcIC  {
    background-image: url(../../img/lc-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.lcIC:hover  {
    background-image: url(../../img/lc-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.slotIC  {
    background-image: url(../../img/slot-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.slotIC:hover  {
    background-image: url(../../img/slot-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.dIC  {
    background-image: url(../../img/d-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.dIC:hover  {
    background-image: url(../../img/d-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.promoIC  {
    background-image: url(../../img/promo-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.promoIC:hover  {
    background-image: url(../../img/promo-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.mobIC  {
    background-image: url(../../img/mob-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.mobIC:hover  {
    background-image: url(../../img/mob-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.contactIC  {
    background-image: url(../../img/contact-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.contactIC:hover  {
    background-image: url(../../img/contact-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.prodIC  {
    background-image: url(../../img/prod-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.prodIC:hover  {
    background-image: url(../../img/prod-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.commIC  {
    background-image: url(../../img/comm-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.commIC:hover  {
    background-image: url(../../img/comm-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.faqIC  {
    background-image: url(../../img/faq-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.faqIC:hover  {
    background-image: url(../../img/faq-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.affcontactIC  {
    background-image: url(../../img/affC-icon.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.affcontactIC :hover  {
    background-image: url(../../img/affC-icon-hover.jpg) !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.w01  {
    width: 300px !important;
}

.w02  {
    width: 290px !important;
}

.commTit  {
    font-size: 16px;
    margin-top: 15px;
}

.commTxt  {
    font-size: 14px;
}

.abc ul li  {
    color: #fffc00;
}

.abc ul li span  {
    color: #000;
}


.mt-20  {
    margin-top: 20px;
    padding-top: 10px;
}

.sliderContaff {
    background: #000 none repeat scroll 0 0;
    height: 283px;
    margin-top: 0;
    position: relative;
    width: 100%;
}

/* Mid sect */
.midSect  {
    width: 100%;
    height: auto;
    position: relative;
}
.midSectInner  {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0px;
    padding: 0px;
}
.midSectInnerM  {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff url(../../img/mob-bg.jpg)bottom center no-repeat;
    margin-top: 0px;
    padding: 0px;
}
.midSectCont  {
    width: 1024px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
}
.midSectContLC  {
    width: 1004px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto -15px;
    padding: 0px 10px;
    background-image: url(../../img/lc-bg.jpg);
    background-repeat:no-repeat;
    background-position: top center;
}

.midSectContLC .anmntInner  {
    color: #fff;
}

.midSectContD  {
    width: 1004px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto -15px;
    padding: 0px 10px;
    background-image: url(../../img/d-bg.jpg);
    background-repeat:no-repeat;
    background-position: top center;
}

.midSectContD .anmntInner  {
    color: #fff;
}

.midSectContSP  {
    width: 1004px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto -15px;
    padding: 0px 10px;
    background-image: url(../../img/sp-bg.png);
    background-repeat:no-repeat;
    background-position: top center;
}

.midSectContSP .anmntInner  {
    color: #000;
}

.midSectCont1  {
    width: 1180px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.spCont  {
    margin-top: 200px;
}
.hpgSelection  {
    width: 1024px;
    margin-right: 0px;
    display: inline-block;
}
.LCbox {
    float: left;
    margin-right: 0px;
    height:290px;
    width: 250px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
.LCbox:hover img {
    -webkit-transform: rotateY(360deg);
    -webkit-transform-style: preserve-3d;
    transform: rotateY(360deg);
    transform-style: preserve-3d;
}

.LCbox img, .LCbox:hover img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.slotContainerBottom  {
    position: relative;
    display: block;
    height: 100%;
}
.slotMenuHolder  {
    width: 1024px;
    height: 35px;
    background: url(../../img/navBG.jpg) repeat-x;
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    border-radius: 10px;
    border: 1px solid #acacac;
}

.slot_menu  {
    float: left;
}

.slot_menu ul  {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.slot_menu ul li  {
    cursor: pointer;
    display: block;
    font: bold 12px/18px sans-serif;
    transition: all 0.2s ease 0s;
    float: left;
    line-height: 36px;
    height: 35px;
}

.slot_menu ul li a:link, .slot_menu ul li a:visited  {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    color: #000;
    height: 35px;
    padding: 0px 25px;
}
.slot_menu ul li a:hover  {
    color: red;
    text-decoration: none;
}

.slot_menu .selected  {
    background: #000;
    color: #fff !important;
}

.slot_lobby  {
    width: 1024px;
    height: 100%;

}

.slot_box  {
    float: left;
    display: inline-block;
    position: relative;
    margin-right: 11px;
    margin-bottom: 5px;
    border: 1px solid #EBAF4D;
    margin-top: 15px;
    transition: all 0.5s ease;
}

.slot_box:hover  {
    border: 1px dotted #fff;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease;
}

.slot_box span  {
    display: block;
    background: #000;
    text-align: center;
    margin-top: -2px;
    padding: 5px 0px;
    color: #F4E391;
    font-size: 10px;
}

.img_slot2 {
    float: left;
    width: 300px;
    display: block;
    margin-left: 43px;
    margin-top: 10px;
    height: 270px;
}

.img_slot {
    float: left;
    width: 300px;
    display: block;
    margin-left: 27px;
    margin-top: 10px;
    height: 270px;
}
.bigImg  {
    display: block;
    position: absolute;
    left: 0px;
    top: 3px;
    z-index: 99;
}

.sliderCont  {
    width: 100%;
    height: 370px;
    position: relative;
    margin-top: 0px;
}
.sliderContInner  {
    width: 1024px;
    height: 370px;
    display: block;
    position: relative;
    margin: 0px auto 0px;
    padding: 0;
}

.lcCont  {
    display: block;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
}

.lotCont  {
    display: block;
    position: relative;
    margin-bottom: -15px;
}

.slotCont  {
    display: block;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    height: 870px;
}

.lottery  {
    display: block;
    position: relative;
    width: 1024px;
    height: 571px;
    background-image: url(../../img/lottery-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.showbox {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-1-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-1-cn.png") no-repeat scroll 0 0;
}
.showbox1 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-2-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox1:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-2-cn.png") no-repeat scroll 0 0;
}
.transition {
    transform: scale(1.2);
}
.showbox2 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-3-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox2:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-3-cn.png") no-repeat scroll 0 0;
}
.showbox3 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-4-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox3:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-4-cn.png") no-repeat scroll 0 0;
}
.showbox4 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-5-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 130px;
}
.showbox4:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-5-cn.png") no-repeat scroll 0 0;
}
.showbox5 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-6-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox5:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-6-cn.png") no-repeat scroll 0 0;
}
.showbox6 {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-7-cn.png") no-repeat scroll 0 0;
    float: left;
    height: 259px;
    transition: all 0.4s ease-in-out 0s;
    width: 230px;
    margin-left: 20px;
}
.showbox6:hover {
    background: rgba(0, 0, 0, 0) url("../../img/lc-img-7-cn.png") no-repeat scroll 0 0;
}
.transition {
    transform: scale(1.2);
}
.slideBtn  {
    position: absolute;
    right: 160px;
    top: 320px;
}
.qrBox  {
    position: absolute;
    display: block;
    width: 200px;
    height: 290px;
    background-image: url(../../img/qrBg.png);
    background-repeat: no-repeat;
    background-position: center top;
    left: 0px;
    top: 20px;
    padding-top: 60px;
    z-index: 999999;
}
.slideW  {
    position: absolute;
    display: block;
    right: 0px;
    top: -30px;
}
.inpQr  {
    padding-bottom: 10px;
}
.inpQr input  {
    border: 1px solid #7B5E2D;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    width: 100px;
    padding
    background-color: #F2EEB4 !important;
}
.inpQr label  {
    font-size: 12px;
    font-weight: bold;
    width: 55px;
    margin-left: 18px;
    display: block;
    margin-top: 3px;
}
.inpQr label, .inpQr input   {
    float: left;
}
.inpBtn a:link  {
    position: absolute;
    display: block;
    color: rgb(230, 230, 230);
    font-size: 12px;
    padding: 7px 17px;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(210, 20, 20);
    background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
    text-decoration: none;
    font-weight: bold;
    margin-left: 78px;
}
.midSectCont h3  {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
}
.midSectCont h4  {
    width: 100%;
    display: block;
    color: #fff;
    text-align: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 5px 0px 15px;
    border-bottom: 1px solid #D91114;
}
.midIcon1  {
    float: left;
    display: inline-block;
    width: 294px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.midIcon4  {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 50px;
    margin-bottom: 20px;
}

.midIcon5  {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 50px;
    margin-bottom: 20px;
}

.midIcon3  {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.midIcon2  {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 0px;
    margin-bottom: 20px;
}
.midImg  {
    float: left;

}
.midImg1  {
    float: left;
    border: 1px solid #900000;
    padding: 15px 10px 0px;
    display: block;
}
.midImg2  {
    float: left;
    border: 1px solid #fcde2e;
    background: #000;
    padding: 15px 10px 0px;
    display: block;
    color: #fff;
}
.affP  {
    font-size: 12px;
    margin: 5px 15px 15px 15px;

}

.affPI  {
    font-size: 12px;
    margin: 5px 18px 15px 8px;

}

.ghh  {
    color: #8f0000;
}

.A1  {
    margin-bottom: 41px;
}
.midTxt  {
    float: left;
    width: auto;
    display: block;
    height: 110px;

}
.midTxt span  {
    display: inline-block;
    margin-top: 35px;
    margin-left: 10px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    width: 128px;

}
.midTxt span:hover  {
    color: yellow;


}
.hpgSelection  {
    width: 1024px;
    margin-right: 30px;
    display: inline-block;
}
.tabTit  {
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 10px 0px 10px;
}
.tabSlot  {
    float: left;
    margin-left:20px;
}

.mob-pt  {
    display: block;
    position: relative;
    float: left;
    width: 450px;
    height: 289px;
    background: url(../../img/pt-mob.png);
}

.mob-ag  {
    display: block;
    position: relative;
    float: right;
    width: 450px;
    height: 289px;
    background: url(../../img/ag-mob.png);
}

.mob-gp  {
    display: block;
    position: relative;
    float: right;
    width: 450px;
    height: 289px;
    background: url(../../img/gp-mob.png);
    margin: 20px 0px 30px
}

.mob-mxb  {
    display: block;
    position: relative;
    float: left;
    width: 450px;
    height: 289px;
    background: url(../../img/mxb-mob.png);
    margin: 20px 0px 30px
}


.qrBxS  {
    display: block;
    position: absolute;
    width: 78px;
    right: 90px;
    bottom: 8px;
}

.qrBx1  {
    display: block;
    position: absolute;
    width: 78px;
    right: 28px;
    bottom: 8px;
}

.qrBxR  {
    display: block;
    position: absolute;
    width: 78px;
    left: 150px;
    bottom: 8px;
}

.qrBx1R  {
    display: block;
    position: absolute;
    width: 78px;
    left: 28px;
    bottom: 8px;
}

/* Footer*/
.footer  {
    width: 100%;
    height: 120px;
    display: block;
    position: relative;
    padding: 15px 0px;
}
.footerInner  {
    width: 1024px;
    margin: 0px auto 20px;
    height:auto;
    display: block;
    position: relative;
}
.footerLeft  {
    float: left;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    color: #000;
    margin-top: 35px;
}

.footerLeft h3 {
    font-size: 16px;
    margin: 0px 0px 10px;
    color: #ffd478;
}

.footerRight h3 {
    font-size: 16px;
    margin: 0px 0px 10px;
    text-align: right;
    color: #ffd478;
}

.footerRight  {
    float: right;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    color: #000;
}

.footerBtm  {
    display: block;
    position: relative;
    text-align: left;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0px;
    background: url(../../img/footer-line.png) no-repeat top center;
}

.footerBtmInner  {
    display: block;
    width: 1070px;
    margin: 0 auto;
}

.ftrL  {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 14px;
    color: #fff;
}

.footerMenu  {
    display: block;
    float: right;
}

.footerMenu ul  {
    display: inline-block;
    margin: 15px 0px;
    padding: 0;
}

.footerMenu ul li  {
    list-style-type: none;
    display: inline;
    float: left;
}

.footerMenu ul li a:link, .footerMenu ul li a:visited  {
    color: #a1a1a1;
    text-decoration: none;
    margin-right: 10px;
}

.footerMenu ul li a:hover {
    color: yellow;
    text-decoration: none;
}

.footerLeft1  {
    float: left;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0px 0px;
}

.footerRight1  {
    float: right;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0px 0px;
    color: #fff;
}

.footerRight ul  {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.footerRight ul li  {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0px 8px 0px 8px;

}

.footerRight ul li a:link, .footerRight ul li a:visited  {
    font-size: 12px;
    color: #fff;
    vertical-align: 1px;
    text-decoration: none;
}

.footerLeft ul  {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.footerLeft ul li  {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0px 8px 0px 8px;


}

.footerLeft ul li a:link, .footerLeft ul li a:visited  {
    font-size: 12px;
    color: #a1a1a1;
    vertical-align: 1px;
    text-decoration: none;
}

.footerLeft ul li a:hover  {
    font-size: 12px;
    color: #ffde97;
    text-decoration: none;
}

.footerLeft1 ul  {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.footerLeft1 ul li  {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0px 8px 0px 8px;
    height: 14px;
    line-height: 14px;

}

.footerLeft1 ul li a:link, .footerLeft1 ul li a:visited  {
    font-size: 12px;
    color: #fff;
    vertical-align: 1px;
    text-decoration: none;
}

.footerRight1 ul  {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.footerRight1 ul li  {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0px 8px 0px 8px;
    height: 14px;
    line-height: 14px;

}

.footerRight1 ul li a:link, .footerRight1 ul li a:visited  {
    font-size: 12px;
    color: #fff;
    vertical-align: 1px;
    text-decoration: none;
}



.nM  {
    padding-left: 0px !important;
}

.nM1  {
    border-right: 0px solid #000 !important;
}


.footerCol1  {
    display: inline-block;
    float: left;
    margin: 5px 20px 0px 10px;
    width: 300px;
    height: 300px;
    background-image: url(../../img/footerSeperator.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.footerCol1 h2  {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background: #752223;
    width: 250px;
}
.footerCol6  {
    display: inline-block;
    float: left;
    margin: 5px 20px 0px 10px;
    width: 300px;
    height: 280px;

}
.footerCol6 h2  {
    margin: -5px 0px 80px 0px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background: #752223;
    width: 280px;
}
.footerCol  {
    display: inline-block;
    float: left;
    margin: 5px 20px 0px 20px;
    width: 300px;
    height: 280px;
    background-image: url(../../img/footerSeperator.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.footerCol h2  {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background: #752223;
    width: 250px;
}
.footerCol ul  {
    margin: 0;
    padding: 0;
}
.footerCol ul li  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footerCol ul li a:link, .footerCol ul li a:visited  {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #e1e1e1;
    font-size: 12px;
    font-weight: 600;
}
.footerCol ul li a:hover {
    text-decoration: none;
    color: yellow;
}

.footerCol2  {
    display: inline-block;
    float: left;
    margin: 5px 15px 0px;
    width: 130px;
}
.footerCol2 h2  {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: yellow;
}
.footerCol2 ul  {
    margin: 0;
    padding: 0;
}
.footerCol2 ul li  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footerCol2 ul li a:link, .footerCol2 ul li a:visited  {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #e1e1e1;
    font-size: 12px;
    font-weight: 600;
}
.footerCol2 ul li a:hover {
    text-decoration: none;
    color: yellow;
}
.footerCol3  {
    display: inline-block;
    float: left;
    margin: 5px 15px 0px;
    width: 210px;
}
.footerCol3 h2  {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: yellow;
}
.footerCol3 ul  {
    margin: 0;
    padding: 0;
}
.footerCol3 ul li  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footerCol3 ul li a:link, .footerCol3 ul li a:visited  {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #e1e1e1;
    font-size: 12px;
    font-weight: 600;
}
.footerCol3 ul li a:hover {
    text-decoration: none;
    color: yellow;
}
.footerCol3 table td  {
    padding: 5px;
}
.footerCol3 table  {
    margin-top: 5px;
}
.footerBottom  {
    margin-top: 0px;
    border-top: 0px solid #b00e0c;
    text-align: center;
}
.footerBottom span  {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: -10px;
    font-size: 11px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: bold;
}
.footerLink  {
    display: inline-block;
    margin: 10px 0px;
    padding: 0px 0px 0px 10px;
    color: #fff;
    width: 100%;
}
.footerLink span  {
    display: block;
    width: 100%;
}
.line {
    background: #363636 none repeat scroll 0 0;
    clear: both;
    height: 1px;
    margin: 15px 0;
    width: 100%;
}
.lcTitle  {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}
.slotTitle  {
    width: 282px;
    height: 60px;
    line-height: 60px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 26px;
    color: #ffd478;
    font-weight: bold;
    background: url(../../img/tit-bg.png)no-repeat;
}
#crossfade {
    position:relative;
}
#crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#crossfade img.top:hover {
    opacity:0;
}
.lcBox  {
    width: 320px;
    height: 373px;
    padding-top: 10px;
    position: relative;
    z-index: 1003;
    float: left;
    margin: 0px 16px 0px 0px;
    cursor: pointer;
}
#crossfade1 {
    position:relative;
}
#crossfade1 img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#crossfade1 img.top:hover {
    opacity:0;
}
.lcBoxSlot  {
    width: 300px;
    height: 455px;
    padding-top: 10px;
    position: relative;
    z-index: 1003;
    float: left;
    margin: 0px 20px 0px 20px;
    cursor: pointer;
}

.slot1  {
    display: block;
    position: absolute;
    top: 0px;
    left: 350px;
    width: 320px;
    height: 373px;
}

.slot2  {
    display: block;
    position: absolute;
    top: 265px;
    right: 190px;
    width: 320px;
    height: 373px;
}

.slot3  {
    display: block;
    position: absolute;
    top: 510px;
    left: 360px;
    width: 320px;
    height: 373px;
}

.slot4  {
    display: block;
    position: absolute;
    top: 265px;
    left: 190px;
    width: 320px;
    height: 373px;
}


.anmntOther  {
    height: 60px;
    display: inline-block;
    width: 100%;
    background-color: #000;
    margin-top: -3px;
}
.anmntOtherInner  {
    background-image: url(../../img/marqueeBg.png);
    background-repeat: no-repeat;
    height: 35px;
    line-height: 35px;
    display: block;
    width: 984px;
    margin: 5px auto 0px;
    color: #fff;
    font-size: 12px;
    padding-left: 40px;
}
.anmnt marquee:hover  {
    color: yellow;
}
.spHeader  {
    position: relative;
    display: inline-block;
    width: 1024px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background: url(../../img/sp-header.png)no-repeat top center;
}
#crossfade2 {
    position:relative;
}
#crossfade2 img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#crossfade2 img.top:hover {
    opacity:0;
}
.lcBoxSp  {
    width: 280px;
    height: 69px;
    padding-top: 10px;
    position: relative;
    z-index: 1003;
    float: left;
    margin: 210px 20px 10px 150px;
    cursor: pointer;
}
.dContainer  {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    height: 510px;
}

.dContainerTop  {
    width: 100%;
    height: auto;
    margin: 0px;
    padding-top: 20px;
    position: relative;
}

.dContainerTopInner  {
    width: 1024px;
    height: 150px;
    margin: 10px auto 0px;
    padding: 0px;
    display: block;
    position: relative;
}

.dBtnLeft  {
    display: block;
    position: absolute;
    top: 0;
    left: 300px;
    width: 133px;
    height: 133px;
}

.dBtnRight  {
    display: block;
    position: absolute;
    top: 0;
    right: 330px;
    width: 133px;
    height: 133px;
}

.dContainerBottom  {
    width: 100%;
    height: auto;
    margin: 0px;
    position: relative;
    display: block;
}

.dContainerBottomInner  {
    width: 1024px;
    height: 100%;
    margin: 0px auto 10px;
    padding: 0px;
    display: inline-block;
    position: relative;
}

#fD_table {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 10px;
    float: left;
    margin: 0 40px 34px 65px;
    overflow: hidden;
    width: 235px;
    padding-bottom: 5px;
}

#fD_tablelast {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 10px;
    float: left;
    margin: 0 0px 20px 0;
    overflow: hidden;
    width: 220px;
    padding-bottom: 5px;
}

#fD_table2 {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 10px;
    float: left;
    margin: 0px 0px 20px 0;
    overflow: hidden;
    width: 220px;
    padding-bottom: 5px;
}

#fD_table1 {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 10px;
    float: left;
    margin: 20px 45px 20px 190px;
    overflow: hidden;
    width: 220px;
    padding-bottom: 5px;
}

#fD_table3 {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 10px;
    float: left;
    margin: 20px 45px 20px 0;
    overflow: hidden;
    width: 220px;
    padding-bottom: 5px;
}

#D_main{
    background: none;
    border-radius: 10px;
    float: left;
    margin: 0 15px 15px 0;
    overflow: hidden;
    width: 260px;
    padding-bottom: 5px;
}

#fD_table_header {
    height: 54px;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}

.magnum {
    background: none repeat scroll 0 0 #262626;
    color: #FFFFFF !important;
}

.damacai {
    background: none repeat scroll 0 0 #0F1468;
    color: #FFFFFF !important;
}

.toto {
    background: none repeat scroll 0 0 #ED363F;
    color: #FFFFFF !important;
}
.singapore {
    background: none repeat scroll 0 0 #12689B;
    color: #FFFFFF !important;
}

.cash{
    background:#083e04;
    color:#fff !important;
}
.stc{
    background:#2f9505;
    color:#fff !important;
}

.t88{
    background:#e02217;
    color:#fff !important;
}

#fD_table_title {
    color: #FFFFFF;
    font-size: 11px;
    left: 10px;
    position: absolute;
    top: 15px;
}
#fD_table_img {
    position: absolute;
    right: 5px;
    top: 7px;
}
#fD_table_result {
    padding: 0px 12px;
    width: 210px;
}
#fD_table_result table, #fD_table_result th, #fD_table_result td {
    border: 1px solid #999999;
}

#fD_table_result table, #fD_table_result th, #fD_table_result td {
    border: 1px solid #999999;
}
.fD_top3_description {
    color: #FFFFFF;
    font-size: 12px;
}
.fD_top3_no {
    border: 1px solid #343434;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}
.fD_normalPrice {
    border: 1px solid #343434;
    border-collapse: collapse;
    color: #000000;
    font-size: 12px;
    margin-top: 5px;
}

.dBg  {
    width: 225px;
    height: 300px;
    position: relative;
    display: block;
    background-image: url(../../img/4dbg.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.betBtn  {
    position: absolute;
    top: 0px;
    left: 20px;
}
.payBtn  {
    position: absolute;
    bottom: 0px;
    left: 20px;
}
#promo  {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 5px 0px 0px 0px;
}

#promo1  {
    float: left;
    width: 804px;
    height: auto;
    display: block;
    margin: 20px auto 0px;
    padding: 5px 0px 0px 0px;
}

.affMenu  {
    float: left;
    width: 180px;
    height: auto;
    display: block;
    margin: 30px 20px 0px 0px;
    padding: 5px 0px 25px 0px;
    background: #EBEBEB;
}
.affMenu ul  {
    display: block;
    position: relative;
    margin: 10px 0px 5px 10px;
    padding: 0;
    list-style-type: none;
}
.affMenu ul li  {
    display: block;
    position: relative;
    margin: 0px 12px 0px 0px;
    padding: 8px;
    border-bottom: 1px solid #da9f05;
}

.affMenu ul li a:link, .affMenu ul li a:visited   {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.affMenu ul li a:hover   {
    color: #e1ab06;
    text-decoration: none;
}

.otherPg h2  {
    color: #FFD478;
}

.otherPgAff  {
    display: block;
    position: relative;
    font-size: 13px;
    width: 100%;
    margin-top: 20px;
}

.ctAff1  {
    float: left;
    display: block;
    position: relative;
    width: 145px;
    height: 145px;
    background: #ebebeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 15px;
    margin-right: 100px;
}

.ctAff1:hover  {
    background: #FDEC6D;
}

.ctAff1 img  {
    display: block;
    position: relative;
    width: 82px;
    height: 60px;
    margin: 0px auto 10px;
    padding: 25px 0px 0px;

}

.ctAff1 span  {
    display: block;
    position: relative;
    width: 145px;
    height: auto;
    margin: 0px auto 10px;
    text-align: center;

}

.ab1 input  {
    padding: 5px 10px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    width: 330px;
}

.ab1 textarea  {
    padding: 5px 10px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    width: 330px;
    height: 150px
}

.mobPt  {
    width: 220px;
    height: 320px;
    position: relative;
    display:inline-block;
    background-image: url(../../img/mobile-bg-pt.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 150px;
}
.mobGp  {
    width: 220px;
    height: 320px;
    position: relative;
    display:inline-block;
    background-image: url(../../img/mobile-bg-gp.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 30px;
}
.mobMxb  {
    width: 220px;
    height: 320px;
    position: relative;
    display:inline-block;
    background-image: url(../../img/mobile-bg-mxb.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 30px;
}
.qrLeft  {
    float: left;
    margin-top: 165px;
    width: 88px;
    margin-left: 15px;
}
.qrLeft img  {
    display: block;
    text-align: center;
    margin: 0px auto 8px;
}
.qrLeft span  {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}


.qrRight  {
    float: right;
}

.announcement  {
    margin-top: 5px;
}

.accordion-toggle img  {
    border: 1px solid #fccb5a;
    margin-bottom: 20px;
}

.accordion-toggle h4  {
    height: 206px !important;
}

.accordion-toggle {cursor: pointer; margin-bottom: 40px; padding: 2px 0px;margin-top: 10px; color: yellow;
    /*height: 239px !important;*/height: auto !important;
    border-bottom: 0px solid #fff !important;}
.accordion-content {display: none;}
.accordion-content.default {display: none ;margin-left: 47px; padding: 5px 5px 5px 30px;color: #fff;margin: 0px; background: #000;margin-top: -40px;}


.accordion-toggleAFF h4  {
    height: 206px !important;
    color: #000;
}

.accordion-toggleAFF {
    cursor: pointer;
    margin: 0;
    padding: 2px 0px 2px 15px;
    margin-top: 10px;
    font-weight: normal !important;
    color: #000 !important;
    height: auto !important;
    border-bottom: 0px solid #fff !important;
    background: #ebebeb;
    width: 804px !important;
}
.accordion-contentAFF {display: none;}
.accordion-contentAFF.default {display: none ;margin-left: 47px; padding: 5px 5px 5px 30px;color: #000;margin: 5px 0px;font-size: 13px;}

.accordion-contentAFF.default p {margin: 0px 0px 5px;}

/* Please replace the below CSS */
#promo_bar  {position: relative;display: block;	width: 1009px;	height: 45px;	background:#000;	margin-left: 0px; margin-bottom: 0px;	padding-left: 15px; margin-top: -6px;}

/* replace  */

.promo_info  {	float: left;	display: block;	background-color: #ed1c24;	padding: 6px 0px;	width:  90px;	height: auto;	margin-top: 6px;	text-align: center;	font-weight: bold;	-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color: #fff !important;}

.promo_info a  {color: #fff !important; text-decoration: none;}

.promo_more label:hover:after {	display: none;}
.promo_more  {	float: left;	display: block;	padding: 6px 0px;	width:  90px;	height: auto;	margin-top: 9px;	text-align: center;	font-size: 12px !important;	text-shadow: none !important;	color: #fff !important; 	font-weight: 600 !important;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
.promo_title  {	float: right;	display: block;    color: #fff;		padding: 6px 0px;	width:  auto;	height: auto;	margin-top: 10px;	margin-right: 30px;	text-align: center;	font-weight: bold;}



.mobPt  {
    width: 220px;
    height: 320px;
    position: relative;
    display:inline-block;
    background-image: url(../../img/mobile-bg-pt.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.mobileWrap {
    margin-bottom: 20px;
    padding-left: 40px;
}
.mobBg {
    background: rgba(0, 0, 0, 0) url(../../img/pt-mob.png) no-repeat scroll center bottom;
    display: block;
    height: 289px;
    margin-right: 20px;
    position: relative;
    width: 450px;
}
.mobBg2 {
    background: rgba(0, 0, 0, 0) url("../../img/mobBg2.png") no-repeat scroll center bottom;
    display: block;
    height: 320px;
    margin-right: 20px;
    position: relative;
    width: 301px;
}
.mobBg3 {
    background: rgba(0, 0, 0, 0) url("../../img/mobBg3.png") no-repeat scroll center bottom;
    display: block;
    height: 320px;
    margin-right: 20px;
    position: relative;
    width: 301px;
}
.mobSect1 {
    text-align: center;
}
.mobSect2 {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}
.mobSect3 {
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 600;
    left: 70px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 100%;
}
.mobSect4 {
    bottom: 35px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    left: 180px;
    position: absolute;
    width: 100px;
}


.contactLeft  {
    width: 400px;
    height: auto;
}

.contactTitle  {
    color: #000;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.contactTitle span  {
    float: right;
    color: #fff;
    text-transform: none;
    font-style: normal;
    margin-right: 200px;
}

.contactContent  {
    color: #fff;
    font-size: 13px;
    display: inline-block;
}

.contactContent span  {
    float: left;
    margin-right: 15px;
}

.contactRight  {
    width: 600px;
    height: auto;
    margin: 0px 0px 0px 100px;
}

.contAr  {
    float: left;
    width: 485px;
    margin-left: 10px;
    margin-top: 15px;
}

.contImg  {
    float: left;
}
.footerLand  {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.slotPost  {
    display: block;
    position: relative;
    margin-left: 170px;
}
.regScont  {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    position: relative;
    display: block;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.regScontTitle  {
    background: #2E080C;
    color: #fff;
    padding: 5px 0px 5px 5px;
    width: 1020px;
    height: auto;
    display: block;
    font-weight: bold;
}
.txtCont  {
    margin: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}
.txtCont1  {
    margin: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #464646;
}
.txtCont2  {
    margin: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    color: #A38C21;
    font-weight: bold;
}
.txtCont3  {
    margin: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}
.bl  {
    color: #8BC2DB;
}
.bl2  {
    color: #8BC2DB;
    width: 100%;
    display: block;
}
.space1  {
    margin-top: 15px;}

.tabCasino table td img  {
    border: 1px solid #A9935E;
    margin: 8px;
}

.tabSlot table td img  {
    border: 1px solid #A9935E;
    margin: 8px;
}

.tabCasino {
    float: left;
    margin-bottom: 17px;
    margin-left: 17px;
    margin-top: 20px;
}

.tabCasinoFull {
    width: 924px;
    float: left;
    margin-left: 6px;
    padding-left: 50px;
}

.tabCasinoFull table td img  {
    border: 1px solid #A9935E;
    margin: 0px 35px 10px 35px;
}

.tabCasinoFull table {
    margin-top: 12px;
}

.landMobWrap  {
    display: none;
}

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

    .landMobWrap  {
        width: 320px;
        display: block;
        position: relative;
        margin: 0 auto;
    }

    .cnIcon  {
        display: none;
    }
    .thaiIcon  {
        display: none;
    }
    .vietIcon  {
        display: none;
    }
    .myIcon  {
        display: none;
    }
    .indoIcon  {
        display: none;
    }
    .slIcon  {
        display: none;
    }


    .landMapInner {

        height: auto;

    }

    .landBt img  {
        display: none;
    }

    .landBt  {
        padding: 5px 0px;
        margin-top: 0px;
    }

    .mobAct  {
        margin: 0px 25px 5px;
        text-align: center;
        padding: 15px 0px;
        background: #513F1F;
        color: #fff;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .mobAct:hover  {

        background: #957C51;
        cursor: pointer;
        color: #000;
    }

    .mobInact  {
        margin: 0px 25px 5px;
        text-align: center;
        padding: 15px 0px;
        background: #ccc;
        color: #000;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .mobInact:hover  {

        background: #ccc;
        color: #000;
    }

}

ul.mod-forms-list{ margin:0 auto ;width: 100%;}
.user-ctr .item {
    padding: 15px 12px;
}

.mod-forms-list li {
    line-height: 30px;
    margin-bottom: 5px;
}

#local,#help2pay{display: none;}

.mod-forms-list li label {
    width: 180px;
    float: left;

    text-align: left;

}
.mod-forms-list li div {
    display: inline-block;
    color: black;
}
.menu{
    width: 700px;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, 170px);
}

.menu img{
    border-radius: 10px;
}

/* HIDE RADIO */
.mly {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + .country {
    border: 2px solid orange;
    border-radius: 10px;
}

.bak {
    color: #fff;padding: 10px 0;font-size: 12px;

}

input[type="text"], select,input[type="date"] {
    border-radius: 5px;
}

.bu{margin:10px 0 0 0;}
.bnktxt{
    color: white; vertical-align: middle;white-space: nowrap;font-weight: bold;font-family:arial black;
}
.tickab{position: absolute; width: 15px;bottom: 0;right: 10px;display: none;}

.smlbx{position: relative;}

.word{padding: 0 55px;}

.active {
    border: 2px solid orange;

}

li{list-style: none;}
ul{padding:0;}
.sect2  {
    display: block;
    width: 1024px;
    margin: 0 auto;
}
.bbx{background: #fff; border: 1px solid #000; border-radius:5px; padding:2px 20px;cursor: pointer;}

/*.submitAcct {*/
/*left: 426px;*/
/*position: absolute;*/
/*bottom: 17px;*/
/*}*/

.inlineAccMenu ul li a:link, .inlineAccMenu ul li a:visited {
    color: #000;
    padding: 0 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}
.BigSecc{
    display:inline-block;
    width: 1024px;
    margin: 0 auto;
    background: #000;
    padding: 10px;
    position: relative;
}
.inlineAccMenu ul {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
.inlineAccMenu ul li {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    border: 1px solid #fff;
    color: #000;
    display: inline-block;
    width: 185px;
    border-radius: 5px;
    height: 30px;
    line-height: 28px;
    margin-right: 10px;
}

.submitAcct1 {
    left: 426px;
    position: absolute;
    bottom: 295px;
}

.submitAcct1 a:link, .submitAcct a:visited {
    border: 1px solid #ed1c24;
    background: rgba(237,28,35,1);
    background: -moz-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,28,35,1)), color-stop(100%, rgba(158,11,16,1)));
    background: -webkit-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -o-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: linear-gradient(to bottom, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c23', endColorstr='#9e0b10', GradientType=0 );
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 145px;
    border-radius: 5px;
}

.submitAcct a:link, .submitAcct a:visited {
    border: 1px solid #ed1c24;
    background: rgba(237,28,35,1);
    background: -moz-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,28,35,1)), color-stop(100%, rgba(158,11,16,1)));
    background: -webkit-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -o-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    background: linear-gradient(to bottom, rgba(237,28,35,1) 0%, rgba(158,11,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c23', endColorstr='#9e0b10', GradientType=0 );
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 145px;
    border-radius: 5px;
}
.cut1 {
    color: #f0be53;
}
.inlineAccMenu ul li:hover {
    background: rgba(255,255,255,1);
    background: linear-gradient(to bottom, rgb(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);



    background: -webkit-linear-gradient(top, rgba(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    border: 1px solid #fff;
    color: #000;
    display: inline-block;

    height: 30px;
    line-height: 28px;
    margin-right: 10px;
}

.act11{
    background: linear-gradient(to bottom, rgb(209, 157, 60) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important;
    border: 1px solid #fff;
    color: #000;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    margin-right: 10px;
}

 .dropbtn111 {
     color: black;
     font-size: 13px;
     cursor: pointer;
     overflow: hidden;
     background: #fff;
     padding: 1px 10px;
 }

.dropdown111 {
    position: relative;
    display: inline-block;
    line-height:1.5;
    vertical-align: text-top;
    margin-top: 1px;
}

.dropdown-content111 {
    position: absolute;
    min-width: 100%;
    height: 125px;
    overflow: scroll;
    z-index: 1;
    display: block;
    background-color: white;
    margin-top: -6px;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid gray;
}

.dropdown-content111::-webkit-scrollbar {
    display: none;
}

.dropdown-content111 span {
    color: black;
    text-decoration: none;
    display: block;
}

.crypto_deposit_container{
    display:flex;
    flex-direction:column;
    align-items: flex-start;
}

.market_price_container, .last_update_container, .deposit_address_container{
    display:flex;
    align-items: center;
    margin-bottom:15px;
    width: 100%;
}

#usdt_market_price {
    border: solid white;
    box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    background: lightgray;
    color: black !important;
    margin-left: 5px;
}

.crypto_icon{
    max-width: 30px;
    margin:0 5px 0 0;
    vertical-align: bottom;
}

#usdt_qr_code {
    margin-left: 20px;
}

#usdt_qr_code img {
    max-width: 20px;
    vertical-align: text-bottom;
}

#usdt_qr_code img:hover{
    border:solid 2px white;
    box-sizing: border-box;
}

.qr_popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 700px;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    color: #f1f1f1;
}

.qr_popup_content {
    margin: auto;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 150px;
    line-height: 0;
    background-color: white;
    padding: 15px;
}

.qr_popup_content img {
    width: 100%;
}

/* Pop up close icon */
.qr_popup_close{
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.qr_popup_close:hover,.qr_popup_close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.qr_popup_title {
    margin: auto;
    position: absolute;
    top:15%;
    left:50%;
    transform:translateX(-50%);
    width: 400px;
    max-width: 400px;
    font-size:20px;
    font-weight: bold;
}

.qr_popup_caption {
    margin: auto;
    position: absolute;
    top:230px;
    left:50%;
    transform:translateX(-50%);
    width:400px;
    max-width: 400px;
    font-size:17px;
    font-weight: bold;
}

.qr_popup_caption_bottom {
    margin: auto;
    position: absolute;
    bottom:25%;
    left:50%;
    transform:translateX(-50%);
    width:400px;
    max-width: 400px;
    font-size:17px;
    font-weight: bold;
}

#qrcode img{
    width: 100%;
}

.conversion_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px;
}

.conversion_container_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 3;
}

.conversion_container_right {
    flex: 2;
}