﻿@charset "utf-8";

/*******************
***** Main CSS *****
*******************/
body {font-family:Arial, Helvetica, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:13px;background-color:#030404;color:#fff;}
a:focus, a:focus:visited, a:focus:hover, a:hover:focus {text-decoration:none;}
a:focus, a:visited, button:focus, input:focus {outline:0;}
.container {width:1040px;padding-left:0;padding-right:0;}
.content-bg {background: #ffffff url(../images/common/content-bg-02.jpg) repeat-x;position:relative;}
.content-shadow {height:6px;position:absolute;top:0px;left:0px;width:100%;background:url(../images/common/menu-shadow.png) repeat-x;}
.subpage-content {margin-top:37px;background:#272322;border-radius:5px 5px 0 0;}
.subpage-title {height:37px;background:url(../images/common/subpage-title.jpg) repeat-x;border-radius:5px;color:#FFFFFF;font-size:16px;font-weight:bold;padding-left:20px;padding-top:7px;}
.btn-playnow-custom{
    position:absolute;
    left: 20px;
    bottom: 14px;
}
.btn-playnow-custom.dl{
    bottom: 140px;
}
a.btn-playnow {
    width: 179px;
    height: 45px;
    display: flex;
    background-image: linear-gradient(to bottom, #e4880f 0%, #ffd205 50%,#e4880f 100%);
    border-radius: 7px;
    color: #2c0000;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    justify-content: center;
    align-items: center;
}
a.btn-playnow:hover {
    background-image: linear-gradient(to bottom, #e4880f 0%, #ffd205 30%,#e4880f 100%);
    text-decoration:none;
}
a.btn-playnow-2 {width:211px;height:41px;display:block;background-image:url(../images/common/btn-playnow-2.png);background-repeat:no-repeat;background-position:0 0px;color:#000000;font-size:18px;text-align:center;font-weight:bold;padding-top:7px;}
a.btn-playnow-2:hover {background-position:-211px 0;text-decoration:none;}
.subpage-content .form-control{
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    color: #fff;
}
.subpage-content .form-control option{
    color: #ffffff;
    background-color: #383435;
}
.content-bg-livecasino{
    background: #ffffff url(../images/cn/bg_casino.jpg) repeat-x;
    position:relative;
}
.livecasino_top_banner{
    background-image: url(../images/cn/live_casino_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-others {
    background: #ffffff url(../images/cn/othrs-bg.jpg) repeat-x;
    position: relative;
}

.others_banner {
    background-image: url(../images/cn/othrs.jpg);
    height: 280px;
    background-position: center;
}
.inner_product_custom{
    position: relative;
    padding: 0px 10px 10px 0px;
    text-align: center;
}
.inner_product_custom img{
    width: 100%;
}

.lobby-box {padding-top:10px}
.esports_banner{
    background-image: url(../images/cn/esports_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-esports{
    background: #ffffff url(../images/cn/bg_esports.jpg) repeat-x;
    position:relative;
}
.slots_banner{
    background-image: url(../images/cn/slots_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-slots{
    background: #ffffff url(../images/cn/bg_slots.jpg) repeat-x;
    position:relative;
}
.download-bg-slots{
    position: relative;
}
.download_banner{
    background-image: url(../images/cn/download_top.jpg);
    height: 280px;
    background-position: center;
}
.tournament_banner{
    background-image: url(../images/cn/tournament_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-tournament{
    background: #ffffff url(../images/cn/bg_tournament.jpg) repeat-x;
    position:relative;
    padding-bottom: 10px;
}
.contentpage_banner{
    background-image: url(../images/cn/info_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-contentpage{
    background: #ffffff url(../images/cn/bg_content.jpg) repeat-x;
    position:relative;
    padding-bottom: 10px;
    padding-top: 30px;
}
.whitelabel_banner{
    background-image: url(../images/cn/whitelabel_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-whitelabel{
    background: #ffffff url(../images/cn/bg_whitelabel.jpg) repeat-x;
    position:relative;
    padding-bottom: 10px;
}
.sports_banner{
    background-image: url(../images/cn/sports_top.jpg);
    height: 280px;
    background-position: center;
}
.content-bg-sports{
    background: #ffffff url(../images/cn/bg_sports.jpg) repeat-x;
    position:relative;
    padding-bottom: 10px;
}

.fishing_banner {
    background-image: url(../images/common/fishing/fishing.jpg);
    height: 280px;
    background-position: center;
}

.content-bg-fishing {
    background: #ffffff url(../images/common/fishing/fishing-bg.jpg) repeat-x;
    position: relative;
}

.lottery_banner {
    background-image: url(../images/cn/lottery.jpg);
    height: 280px;
    background-position: center;
}

.content-bg-lottery {
    background: #ffffff url(../images/cn/lottery-bg.jpg) repeat-x;
    position: relative;
}

.content-bg-sports_before {
    background: #000000 url(../images/cn/galaxysport.jpg) center top;
    position: relative;
    padding-bottom: 10px;
    min-height: 800px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.tournament_custom{
    width: 100%;
    margin: 0;
}
.tournament_time {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to top, #000306 0%,#121011 50%,#555555 100%);
    padding-top: 3px;
}
.tournament_custom_left{
    bottom: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}
.tournament_time_custom{
    font-size: 18px;
}
.tournament_time_dots{
    font-size: 25px;
}
.tournament_custom_right{
    bottom: 8px;
    display: block;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
}
.tournament_custom_right01{
    font-size: 18px;
    color: #f6da69;
}
.tournament_custom_right02{
    margin-top: 8px;
}
.tournament_custom_right03{
    margin-top: 25px;
}
.tournament_custom_right04{
    margin-top: 23px;
}
.tournament_custom_right06{
    margin-top: 20px;
}
.btn-tour{
    background-image: linear-gradient(to bottom, #f6da69 0%,#e7ae55 100%);
    color: #000000;
    min-width: 116px;
    border-radius: 20px;
    border: none;
    height: 35px;
}
.btn-tour:hover{
    background-image: linear-gradient(to bottom, #e7ae55 0%,#f6da69 100%);
}
.more-less{
    float: right;
}
.panel-contentpage .panel-collapse > .panel-body {
    color: #000;
}
.panel-contentpage .panel-heading{
    color: #fdcb06;
    border-radius: 15px;
    background: linear-gradient(to bottom, #131313 0%,#0b0b0b 25%,#292929 75%,#000000 100%);
}
.panel-group .panel.panel-contentpage {
    margin-bottom: 0;
    border-radius: 20px;
    border: none;
}
.panel-group .panel-contentpage .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
.bg_whitelabel{
    background-color: #ffffff;
    padding: 10px 0px;
    color: #000;
}
.whitelabel_title {
    background-image: url(../images/common/whitelabeltitle.png);
    background-repeat: no-repeat;
    height: 50px;
    max-width: 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-size: 16px;
    color: #fdcb06;
}
.whitelabel_content{
    padding: 20px;
}
.whitelabel_packages{
    padding: 0;
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    max-width: 1360px;
}
.whitelabel_packages li{
    width: 250px;
    min-height: 144px;
    text-align: center;
    padding: 10px;
    display: grid;
    justify-items: center;
    margin: 3px;
    color: #ffffff;
    border-radius: 20px;
    background: linear-gradient(to bottom, #131313 0%,#0b0b0b 25%,#292929 75%,#000000 100%);
}
.whitelabel_packages_mobile{
    background-image: url(../images/whitelabel/phone.png)!important;
    background-repeat: no-repeat;
    height: 50px;
    justify-content: left;
}
.mobile_custom{
    width: 161px;
    text-align: left;
    padding: 9px;
}
.registerbg{
    background: #000000 url(../images/cn/registerbg.jpg) repeat-x;
    background-size: cover;
}
.footer_register{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.panel-info.panel_register > .panel-heading{
    background: linear-gradient(to bottom, #131313 0%,#0b0b0b 25%,#292929 75%,#000000 100%);
    border: none;
    color: #ffffff;
    font-weight: bold;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.panel-info.panel_register{
    border: none;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 12px;
}
.panel-info.panel_register .form-control{
    height: 43px;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    width: 100%;
    color: #ffffff;
}
.panel-info.panel_register .verify_custom .form-control{
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel-info.panel_register ::placeholder{
    color: #000000;
}
.panel-info.panel_register .input-group-addon{
    width: 53px;
    background: linear-gradient(to bottom, #040003 0%,#2e2927 75%,#000000 100%);
    border: none;
}
.panel-info.panel_register .fa-2x{
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 25%,#d7982a 50%,#eec95b 75%,#f9e481 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.panel-info.panel_register .input-group{
    width: 333px;
}
.verify_custom{
    position: relative;
}
.verify_code{
    position: absolute;
    right: 20px;
    z-index: 999;
    top: 4px;
}
.btn-submit{
    margin-top: 10px;
    background: linear-gradient(to bottom, #e4880f 0%,#ffd205 60%,#e4880f 100%);
    border: none;
    min-height: 40px;
    min-width: 150px;
    border-radius: 50px;
    color: #36350b;
    font-size: 15px;
    font-weight: bold;
}
.btn-submit:hover{
    background: linear-gradient(to bottom, #e4880f 0%,#ffd205 30%,#e4880f 100%);
}
.register_logo img{
    width: 300px;
}
/*********************
***** Header CSS *****
*********************/
#topLanguage {height:30px;background:#01080f;}
#topLanguage .helpCenter {float:left;border-right:1px solid #353535;height:29px;padding-top:8px;padding-right:10px;}
#topLanguage .helpCenter a {font-size:11px;color:#848484;}
#topLanguage .helpCenter a:hover {color:#FFFFFF;text-decoration:none;}
#topLanguage .languageWrap {float:left;height:29px;padding-left:10px;padding-top:5px;}
#topLanguage .btn-language {border:1px solid #383435;border-radius:5px;padding-left:48px;color:#ffffff;font-size:11px;width:120px;height:20px;background: rgb(14,53,81); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(14,53,81,1) 1%, rgba(15,41,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(14,53,81,1) 1%,rgba(15,41,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(14,53,81,1) 1%,rgba(15,41,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3551', endColorstr='#0f293b',GradientType=0 ); /* IE6-9 */
}
.languageWrap .dropdown{
    background-color: #383435;
    border-radius: 5px;
}
#topLanguage .dropdown-menu {border:1px solid #383435;border-radius:5px;background:#383435;font-size:11px;width:120px;min-width:100px;}
#topLanguage .dropdown-menu a {width:118px;color:#fff;text-align:right;padding:2px 5px 2px 15px;display:block;}
#topLanguage .dropdown-menu a:hover {background-color:#fff;color: #383435;}
#topLanguage .dropdown-menu a.language-cn {background-image:url(../images/common/flag-cn.png);background-repeat:no-repeat;}
#topLanguage .dropdown-menu a.language-en {background-image:url(../images/common/flag-en.png);background-repeat:no-repeat;}
#topLanguage .dropdown-menu a.language-my {background-image:url(../images/common/flag-my.png);background-repeat:no-repeat;}
#topLanguage .dropdown-menu a.language-id {background-image:url(../images/common/flag-id.png);background-repeat:no-repeat;}
#header {
    height:110px;background: rgb(1,33,56);
    background: -moz-linear-gradient(bottom,   #000306 0%,#121011 50%,#272322 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,   #000306 0%,#121011 50%,#272322 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000306 0%,#121011 50%,#272322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012138', endColorstr='#194666',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px -8px 80px -72px #fff inset;
}
#header .headWrap {position:relative;height:110px;}
#header .logo {padding-top:2px;position: absolute;top: -26px;}
#header .txtbox {border:1px solid #383435;border-radius:4px;width:143px;height:30px;padding:0 10px;font-size:12px;color:#c4c2c3;
background: #383435; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102b3d', endColorstr='#0f3957',GradientType=0 ); /* IE6-9 */
}
#header input::-moz-placeholder {color:#828282;}
#header input:-ms-input-placeholder {color:#828282;}
#header input::-webkit-input-placeholder {color:#828282;}
#header .btn-login {width:85px;height:30px;background:url(../images/common/btn-login.jpg) repeat-x;font-size:15px;font-weight:bold;color:#010000;border:none;border-radius:4px;}
#header .btn-login:hover {background:url(../images/common/btn-login-over.jpg) repeat-x;}
#header .btn-register {width:117px;height:30px;background:url(../images/common/btn-register.jpg) repeat-x;font-size:15px;font-weight:bold;color:#000000;border:none;border-radius:4px;}
#header .btn-register:hover {background:url(../images/common/btn-register-over.jpg) repeat-x;}
#header .forgotpw {float:right;clear:right;margin-top:2px;width:117px;text-align:center;}
#header .forgotpw a {font-size:13px;color:#848484;}
#header .forgotpw a:hover {color:#FFFFFF;text-decoration:none;}
#header .topLiveChat {position:absolute;bottom:-6px;right:0;z-index:11;}
#header .topLiveChat a {display:block;width:112px;height:35px;background:url(../images/cn/top-livechat.png) no-repeat;}
#header .topLiveChat a:hover {background:url(../images/cn/top-livechat-over.png) no-repeat;}
#menu {bottom:0;left:0;position:absolute;}
#menu > ul {margin:0;padding:0;list-style-type:none;}
#menu > ul > li {float:left;}
#menu > ul > li > a {background:url(../images/common/menu-bg.jpg) repeat;display:block;height:35px;border-left:1px solid #1d1d1d;border-right:1px solid #353535;font-size:15px;color:#FFFFFF;font-weight:bold;padding:7px 10px 0;}
#menu > ul > li > a:hover {background:url(../images/common/menu-bg-over.jpg) repeat-x;color:#FFFFFF;text-decoration:none;}
#menu > ul > li:first-child > a {border-radius: 5px 0 0 0;background:url(../images/common/menu-home.jpg) repeat-x;border-left:none;padding:6px 18px 0;font-size:25px;color:#4c4a11;}
#menu > ul > li:first-child > a:hover {background:url(../images/common/menu-home-over.jpg) repeat-x;}
/*#menu > ul > li:nth-child(2) > a {font-size:25px;padding:6px 18px 0;}*/
#menu > ul > li:last-child a {border-radius:0 5px 0 0;}
#announcement {position:absolute;top:0;left:0;width:1040px;z-index:10;}
#announcement .announceIcon {float:left;}
#announcement .annContent {float:left;width:805px;height:30px;background: linear-gradient(to bottom, #000306 0%,#121011 50%,#272322 100%);font-size:11px;color:#00ff5f;padding-top:8px;}
#announcement .annContent .annTitle {float:left;width:86px;padding-left:5px;}
#announcement .annContent .runText {float:right;width:718px}
#announcement .annTime {float:left;background:url(../images/common/announce-right.png);width:197px;height:30px;font-size:12px;color:#ffffff;padding-top:9px;text-align:center;}
.headerlogo{
    width: 190px;
}

/*********************
***** Footer CSS *****
*********************/
.footer-r1 {height:25px;background:url(../images/common/footer-row1.jpg) repeat-x;padding-top:6px;}
.footer-r1 .btmlink {float:left;margin-left:20px;}
.footer-r1 .btmlink ul {list-style-type:none;margin:0;padding:0;}
.footer-r1 .btmlink ul li {float:left;color:#878787;font-size:12px;}
.footer-r1 .btmlink ul li a {color:#878787;}
.footer-r1 .btmlink ul li.line {padding:0 15px;}
.footer-r1 .btmlink ul li a:hover {color:#ffffff;text-decoration:none;}
.footer-r1 .copyright {float:right;margin-right:60px;color:#878787;font-size:12px;}
.footer-r2 {height:41px;background:url(../images/common/footer-row2.jpg) repeat-x;}
.footer-r2 .footer-wrapper {position:relative;height:41px;}
.footer-r2 .back2top {position:absolute;bottom:0;right:0;}
.footer-r2 .contentwrap {float:right;margin-right:60px;padding-top:10px;}
.footer-btm {background: linear-gradient(to bottom, #2a2a2a 0%,#0e0e0e 50%,#030404 100%);border-top:2px solid #b7a273;padding-top:18px;}
.footercolumn {width:20%;float:left;}
.footercolumn h1 {color:#9b9a9a;margin:0;padding:0;font-weight:bold;font-size:16px;}
.footercolumn ul {margin:0;padding:0;list-style-type:none;}
.footercolumn ul li {padding-top:7px;font-size:12px;color:#6c6c6c;}
.footercolumn ul li a {color:#6c6c6c;}
.footercolumn ul li a:hover {color:#FFFFFF;text-decoration:none;}
.footercolumn a.btm-facebook {width:50px;height:50px;display:block;background-image:url(../images/common/btm-icon-facebook.jpg);background-repeat:no-repeat;background-position:0 0;}
.footercolumn a.btm-facebook:hover {background-position:-50px 0;}
.bottom-logo {margin-top:18px;border-top:1px dotted #666666;border-bottom:1px dotted #666666;text-align:center;padding:8px 0;margin-bottom:10px;}
.btmlogo-pt {width:101px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-pt.jpg);background-repeat:no-repeat;background-position:0 0;}
.btmlogo-pt:hover {background-position:-101px 0;}
.btmlogo-gp {width:104px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-gp.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-gp:hover {background-position:-104px 0;}
.btmlogo-mg {width:116px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-mg.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-mg:hover {background-position:-116px 0;}
.btmlogo-bs {width:74px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-bs.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-bs:hover {background-position:-74px 0;}
.btmlogo-gameaid {width:43px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-gameaid.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-gameaid:hover {background-position:-43px 0;}
.btmlogo-essa {width:59px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-essa.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-essa:hover {background-position:-59px 0;}
.btmlogo-18 {width:29px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-18.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-18:hover {background-position:-29px 0;}
.btmlogo-icra {width:31px;height:31px;display:inline-block;background-image:url(../images/common/btmlogo-icra.jpg);background-repeat:no-repeat;background-position:0 0;margin-left:15px;}
.btmlogo-icra:hover {background-position:-31px 0;}
.btmlogoCustom{
    display:inline-flex; align-items:center; margin:0px; max-width:75px
}
.slide-Right-top img{
    width: 136px;
}
.text-black{
    color: #000;
}

/*******************
***** Home CSS *****
*******************/
.content-bg-02 {background:#171717 url(../images/common/content-background.png) repeat-x;background-size: cover;}
a.mainDeposit {float:left;width:119px;height:75px;display:block;background-image:url(../images/common/main-deposit.png);background-position:0 0; background-repeat:no-repeat;font-size:14px;color:#FFFFFF;padding-top:49px;text-align:center;}
a.mainDeposit:hover {color:#e8ef21;text-decoration:none;background-position:-120px 0;}
a.mainWithdraw {float:left;width:119px;height:75px;display:block;background-image:url(../images/common/main-withdraw.png);background-position:0 0; background-repeat:no-repeat;font-size:14px;color:#FFFFFF;padding-top:49px;text-align:center;}
a.mainWithdraw:hover {color:#e8ef21;text-decoration:none;background-position:-120px 0;}
a.mainTransfer {float:left;width:119px;height:75px;display:block;background-image:url(../images/common/main-transfer.png);background-position:0 0; background-repeat:no-repeat;font-size:14px;color:#FFFFFF;padding-top:49px;text-align:center;}
a.mainTransfer:hover {color:#e8ef21;text-decoration:none;background-position:-120px 0;}
.mainsublink {float:left;width:823px;}
.mainsublink ul {list-style-type:none;margin:0;padding:0;}
.mainsublink ul li {float:left;background:url(../images/common/main-buttonbg.jpg) repeat-x;}
.mainsublink ul li a {height:75px;border-right:1px solid #a3a3a3;border-left:1px solid #ffffff;text-align:center;color:#ffffff;
    background-position: 58px 5px;font-size:18px;padding-top:48px;display:block;}
.mainsublink ul li a:hover {text-decoration:none;color:#737373;}
.mainsublink ul li:first-child {border-radius:8px 0 0 8px;}
.mainsublink ul li:first-child a {border-left:none;}
.mainsublink ul li:last-child a {border-right:none;}
    .mainsublink ul li a.livecasino {
        width: 137.1px;
        background-position-x: center;
        background-image: url(../images/common/home-livecasino.png);
        background-repeat: no-repeat;
    }
/*.mainsublink ul li a.livecasino:hover {background-position:-119px 0;}*/
    .mainsublink ul li a.sport {
        width: 137.1px;
        background-position-x: center;
        background-image: url(../images/common/home-sport.png);
        background-repeat: no-repeat;
    }
/*.mainsublink ul li a.sport:hover {background-position:-117px 0;}*/
    .mainsublink ul li a.esports {
        width: 137.1px;
        background-position-x: center;
        background-image: url(../images/common/home-esport.png);
        background-repeat: no-repeat;
    }
/*.mainsublink ul li a.esports:hover {background-position:-117px 0;}*/
    .mainsublink ul li a.slots {
        width: 137.1px;
        background-position-x: center;
        background-image: url(../images/common/home-slots.png);
        background-repeat: no-repeat;
    }

    .mainsublink ul li a.fishing {
        width: 137.1px;
        background-image: url(../images/common/home-fishing.png);
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .mainsublink ul li a.others {
        width: 137.1px;
        background-image: url(../images/common/home-others.png);
        background-repeat: no-repeat;
        background-position-x: center;
    }

/*.mainsublink ul li a.slots:hover {background-position:-117px 0;}*/
/*.mainsublink ul li a.games {width:137.1px;background-image:url(../images/common/home-tournament.png);background-repeat:no-repeat;}*/
/*.mainsublink ul li a.games:hover {background-position:-117px 0;}*/
.btmbanner {border:3px solid #6a6b69;}
.btmbanner:hover {border:3px solid #ffffff;}
.btmbanner-contentbg {    
    background: rgba(0,0,0,0.7);
    height: 62px;
    font-size: 12px;
    color: #979797;
    padding: 4px 10px;
    position: relative;
    bottom: 0;
}
.btmbanner-title {font-size:14px;color:#FFFFFF;}
.btmbanner-contentbg-02 {position:absolute;bottom:0;left:0;width:499px;background:rgba(0,0,0,0.7);height:29px;text-align:center;font-size:14px;color:#979797;padding-top:5px;}
.btmbanner:hover .btmbanner-contentbg-02 {color:#e8ef21;}
.indexbg {
    background-image: url(../images/cn/index-bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/********************
***** Games CSS *****
********************/
.subgame-menu {height:43px;background:url(../images/common/subgame-menu.jpg) repeat-x;z-index:2;border-radius:5px;}
.subgame-menu ul {list-style-type:none;margin:0;padding:0;}
.subgame-menu ul li {float:left;}
.subgame-menu ul li a {color:#FFFFFF;font-size:15px;height:43px;padding:10px 15px 0;display:block;font-weight:bold;}
.subgame-menu ul li a:hover, .subgame-menu ul li a.active {background:#fcee1b;color:#000000;text-decoration:none;}
.subgame-menu ul li:first-child a:hover, .subgame-menu ul li:first-child a.active {border-radius:5px 0 0 5px;}
.subgame-1s {padding-bottom:10px;padding-left:2px;}
.subgame-1s .subgame-item {float:left;border:1px solid #06699c;border-radius:3px;padding:7px;background-color:#0b1f2e;margin-left:10px;margin-top:10px;}
.subgame-1s .txt-pot {float:left;color:#C0BEBE;font-size:10px;}
.subgame-1s .txt-line {float:right;color:#C0BEBE;font-size:10px;}
.subgame-1s .game-title {color:#FFFFFF;font-size:13px;font-weight:bold;}
.subgame-1s .buttWrap {position:relative;background:#0e4c78;padding:1px 5px;}
.subgame-1s .buttWrap a {font-size:12px;color:#FFFFFF;}
.subgame-1s .buttWrap a:hover {text-decoration:none;color:#fcee1b;}
.subgame-1s .diamond {position:absolute;right:0;bottom:0;}


/*************************
***** Promotions CSS *****
*************************/
.promo-item {
    width: 968px;
    margin: 15px auto 0;
}

.promo-pic {
    width: 856px;
    margin-left: 50px;
}

    .promo-pic img {
        max-width: 100%
    }

.prom-bg {
    width: 968px;
    height: 76px;
    background: url(../images/common/promo-item-bg.png) no-repeat;
    position: relative;
    margin-top: -12px;
}

.promo-title {
    width: 700px;
    left: 70px;
    position: absolute;
    top: 21px;
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
}

.promo-butt {
    right: 70px;
    position: absolute;
    top: 19px;
    width: 110px;
    height: 25px;
    display: block;
    border-radius: 10px;
    background: url(../images/common/promo-button.jpg) repeat-x;
    color: #000000;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 4px;
    cursor: pointer;
}

    .promo-butt:hover, .promo-butt:focus {
        background: url(../images/common/promo-button-over.jpg) repeat-x;
        text-decoration: none;
    }

.promo-content {
    width: 948px;
    margin: 0 auto;
    background: #214156 url(../images/common/promo-content-bg.jpg) repeat-x;
    padding: 10px;
}

.promo-inContent {
    background: #193648;
    padding: 10px;
}

/**********************
***** Banking CSS *****
**********************/
.bank-table {background:#13476b;border:1px solid #387298;border-collapse:collapse;}
.bank-table tr > th {background:#009aea;border:1px solid #387298;padding:7px;text-align:center;color:#fcee1b;}
.bank-table tr > td {padding:5px;border:1px solid #387298;text-align:center;}

/***********************
***** Tutorial CSS *****
***********************/
.tabs-tutorial {border-bottom:none;border-right:none;}
.tabs-tutorial>li {float: none;margin-bottom: 2px;}
.tabs-tutorial>li {margin-right:-1px;}
.tabs-tutorial>li.active>a,.tabs-tutorial>li.active>a:hover,.tabs-tutorial>li.active>a:focus {border-bottom-color:#193648;border-right-color: transparent;}
.tabs-tutorial>li>a {border-radius: 4px 0 0 4px;margin-right: 0;display:block;color:#ffffff;}
.tabs-tutorial>li>a:hover {color:#000000;}
.tabs-tutorial>li>a:focus {border-bottom-color:#193648;}
.tabs-tutorial > li.active > a,.tabs-tutorial > li.active > a:hover,
.tabs-tutorial > li.active > a:focus {color:#fcee1b;cursor:default;background-color:#193648;border:1px solid #193648;}
.tutorial-content {border:1px solid #193648;background:#193648;padding:15px;}
.nav-deposit {border-bottom:1px solid #112532;}
.nav-deposit > li > a {color:#FFFFFF;}
.nav-deposit > li:hover a {color:#000000;}
.nav-deposit > li.active > a, .nav-deposit > li.active > a:hover, .nav-deposit > li.active > a:focus {color:#fcee1b;cursor:default; background-color:#112532;border:1px solid #112532;border-bottom-color:transparent;}
.deposit-content {background:#000000;padding:15px;}

/***************************
***** Registration CSS *****
***************************/
.regTable > tbody > tr > td {padding:2px;}
.regDescrip {font-size:11px;}
.reg-btn {background:#dcd83f;color:#000000;min-width:100px;}
.reg-btn:hover {background:#e8e20f;color:#000000;}

/*************************
***** Afterlogin CSS *****
*************************/
.member-name {float:left;font-sie:13px;color:#FFFFFF;/*padding-top:8px;*/}
.topBalance {float:left;margin-left:6px;}
.topBalance .fa-balance {font-size:15px;}
.topBalance .dropdown button > .fa {float:left;padding-top:2px;}
.topBalance .btn_balance, .btn_balance:hover {border-radius:4px;padding:5px 5px 5px 15px;background:#383435; border:1px solid #383435;width:250px;text-align:right;font-size:13px;}
.topBalance .caret {margin-left:5px;}
.topBalance .dropdown-menu {padding:2px 5px;background:#383435;border:1px solid #383435;border-radius:4px;width:250px;}
.topBalance .dropdown-menu > li > div > span > a {display:inline; color:#333;}
.topBalance .dropdown-menu > li > div > div.suite {width:100px; float:left; padding:3px 0px;font-size:13px;color:#FFFFFF;font-weight:400;}
.topBalance .dropdown-menu > li > div > div.remaining {float:right; padding:3px 0px;font-size:13px;color:#FFFFFF;font-weight:400;}
.tabs-member {border-bottom:none;border-right:none;}
.tabs-member>li {float: none;margin-bottom: 2px;}
.tabs-member>li {margin-right:-1px;}
.tabs-member>li.active>a,.tabs-member>li.active>a:hover,.tabs-member>li.active>a:focus {border-bottom-color:#193648;border-right-color: transparent;}
.tabs-member>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;    
    color: #a8a8a8;
    background-color: rgba(5, 5, 5, 0.8);
    border: 1px solid rgba(5, 5, 5, 0.8);
    border-bottom-color: rgba(5, 5, 5, 0.8);
}
.tabs-member>li>a:hover {color:#000000;}
.tabs-member > li.active > a,.tabs-member > li.active > a:hover,
.tabs-member > li.active > a:focus {color:#ffffff;cursor:default;background-color:rgba(5, 5, 5, 0.8);border:1px solid rgba(5, 5, 5, 0.8);border-bottom-color: rgba(5, 5, 5, 0.8);}
.member-content {border:1px solid rgba(5, 5, 5, 0.8);background:rgba(5, 5, 5, 0.8);padding:15px;min-height:350px;}
.member-content .form-group {margin-bottom:10px;}
.member-content label {margin-bottom:3px;}
.nav-member {border-bottom:1px solid #000000;}
.nav-member .nav_member_img img{
    width: 60px;
    cursor: pointer;
}
.nav-member > li > a {color:#FFFFFF;}
.nav-member > li:hover a {color:#000000;}
.nav-member > li.active > a, .nav-member > li > a:hover,.nav-member > li.active > a:hover, .nav-member > li.active > a:focus {
    cursor: pointer;
    background-color: #000000;
    border-bottom-color: transparent;
    color: #000;
    border: 1px solid rgb(228,136,15);
    background: linear-gradient(to bottom, rgba(228,136,15,1) 0%,rgba(255,210,5,1) 44%,rgba(228,136,15,1) 100%);
    border-radius: 5px;
    font-weight: 600;
}
.member-incontent {background:#112532;padding:15px;}
.login-table {
    background: rgb(51 51 51 / 0.4);
    border: 1px solid #000000;
    border-collapse: collapse;
}
.login-table>tbody>tr>th {
    background: linear-gradient(to bottom, #000306 0%,#121011 50%,#272322 100%);
    border: 1px solid #000000;
    padding: 7px;
    text-align: center;
    color: #e4880f;
}
.login-table>tbody>tr>td {padding:5px;border:1px solid #000000;text-align:center;}
.af-btn {background-image: linear-gradient(to bottom, #e4880f 0%, #ffd205 50%,#e4880f 100%);color:#000000;min-width:100px;}
.af-btn:hover {background-image: linear-gradient(to bottom, #e4880f 0%, #ffd205 30%,#e4880f 100%);;color:#000000;}

/********************
***** Modal CSS *****
********************/
.modal-content {background: linear-gradient(to bottom, #000306 0%,#121011 50%,#272322 100%);}
.modal-header {padding:10px;border-bottom: none; background: linear-gradient(to bottom, #131313 0%,#0b0b0b 25%,#292929 75%,#000000 100%);}
.modal-body {padding:10px;border-bottom:1px solid #4d4d4d;border-top:1px solid #4d4d4d;}
.modal-footer {padding:10px;border-top: 1px solid #4d4d4d;}
.modal-header h4 {font-size:16px;font-weight:bold;}
.modal-table {background:rgba(0, 0, 0, 0.6);border:1px solid rgba(0, 0, 0, 0.6);border-collapse:collapse;text-align: left}
.modal-table>tbody>tr>th {
    border: 1px solid rgba(229, 229, 229, 0.3);
    padding: 7px;
    text-align: center;
    color: #2c0000;
    background-image: linear-gradient(to bottom, #e4880f 0%, #ffd205 50%,#e4880f 100%);
}
.modal-table>tbody>tr>td {padding:3px 5px;border:1px solid rgba(229, 229, 229, 0.3);}
.modal-btn {background:#dcd83f;color:#000000;min-width:124px;}
.modal-btn:hover {background:#e8e20f;color:#000000;}
.modal-content .form-control {height:30px;padding:5px;} 
.modal-yellow {color:#f6da69;font-weight:bold;}
.mRightTile {font-size:15px;font-weight:bold;}
.mRightDevice {font-size:14px;}
.mobDL {padding-top:5px;}
.mobDL a {color:#D4D4D4;}
.mobDL a:hover {color:#FFFFFF;text-decoration:none;}
.btn-default{
    background: linear-gradient(to bottom, #e4880f 0%,#ffd205 60%,#e4880f 100%);
    border: none;
}
.modal-header .close{
    background: white;
    opacity: 1;
    padding: 0px 5px;
    color: #000;
}
#modal-complain .modal-dialog{
    width: 400px;
    text-align: center;
}
#modal-complain .modal-footer{
    text-align: center;
    border-top: none;
}
#modal-complain .modal-body{
    border-bottom: none;
}
#modal-complain .btn-grey{
    min-width: 123px;
    height: 30px;
    background: url(../images/common/btn-login.jpg) repeat-x;
    font-size: 15px;
    font-weight: bold;
    color: #6f6f6f;
    border: none;
    border-radius: 4px;
}
#modal-complain .btn-issue{
    min-width: 123px;
    height: 30px;
    background: linear-gradient(to bottom, #000306 0%,#121011 50%,#272322 100%);
    font-size: 15px;
    font-weight: bold;
    color: #6f6f6f;
    border: 1px solid rgb(255 255 255 / 39%);
    border-radius: 4px;
}
    #modal-complain .btn-issue.active {
        min-width: 123px;
        height: 30px;
        background: url(../images/common/btn-login.jpg) repeat-x;
        font-size: 15px;
        font-weight: bold;
        color: #6f6f6f;
        border: 1px solid rgb(255 255 255 / 39%);
        border-radius: 4px;
    }#modal-complain .btn-default{
    min-width: 123px;
}
.zpayimg {
    width: 50px;
}

/*walletmodal*/
.dropdown-balance {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,0.95);
    color: #fff;
    text-align: center;
    border: 1px solid #a6852d;
}

.summary-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 9px 0px;
    font-size: 10px;
    padding-bottom: 10px;
}

.main-item, .main-amount {
    background: linear-gradient(to bottom, #e4880f 0%, #ffd205 30%,#e4880f 100%);
    color: #000;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 14px;
}

.platform-item {
    text-transform: uppercase;
    font-weight: 500;
    padding: 0px 10px;
}

.amount-item {
    text-align: right;
    height: 25px;
    padding: 0px 10px;
}

.balc {
    display: inline-block;
    margin: 0 3px;
}

button.btn-in {
    display: inline-block;
    border: none;
    margin: 0 5px;
    height: 100%;
    padding: 0px 10px;
    background: #78b714;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

    button.btn-in:hover {
        background: #9de032;
    }

button.btn-out {
    display: inline-block;
    border: none;
    margin: 0 2px;
    height: 100%;
    padding: 0px 10px;
    background: #b71414;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

    button.btn-out:hover {
        background: #e61b1b;
    }

#walletmodal .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}

#walletmodal .modal-header {
    border-bottom: none;
    background: none;
}

#walletmodal .modal-body {
    border-top: none;
}

#walletmodal .modal-header .close {
    background: #ffffff00;
    opacity: 1;
    padding: 0px 5px;
    color: #000;
    top: 37px;
    position: absolute;
    right: 0;
    z-index: 9;
}

.balance_text {
    cursor: pointer;
    /* color: #ffd205; */
}

.balance_spec_text {
    font-size: 14px;
    font-weight: bold;
    color: #ffd205;
}

.dl_product_custom {
    position: relative;
    padding: 0px 10px 10px 0px;
    text-align: center
}

    .dl_product_custom img {
        width: 100%
    }