@charset"UTF-8";
* {
    padding:0;
    margin:0;
    color:#ffc107;
    font-size:13px;
    font-family:"Microsoft YaHei", Arial, Helvetica, "Zawgyi-One", sans-serif;
    text-decoration:none;
    list-style-type:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
a {
    display:inline-block;
    text-decoration:none;
    outline:none;
    behavior:expression(this.onFocus=this.blur())
}
input[type=text]::-ms-clear {
    display:none
}
input, option, select, textarea {
    outline:none
}
div:focus {
    outline:none
}
h1, h2, h3 {
    margin:0
}
h1 {
    font-size:30px
}
h2 {
    font-size:18px
}
h3 {
    font-size:15px
}
.i-arrow {
    float:right;
    color:#fff;
    font-style:normal;
    -moz-transform:scaleY(1.5);
    -o-transform:scaleY(1.5);
    -ms-transform:scaleY(1.5);
    -webkit-transform:scaleY(1.5);
    transform:scaleY(1.5);
    vertical-align:top
}
.lay-screen {
    width:1170px;
    margin:0 auto;
    overflow:hidden
}
.lnk-basic {
    display:inline-block;
    padding:7px 10px;
    margin:0 4px;
    color:#fff;
    background-color:#585274;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6)
}
.lnk-primary {
    padding:5px 20px;
    margin:0 10px;
    color:#fff;
    font-size:15px;
    letter-spacing:1px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    background:#c05cff;
    background:-moz-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
    background:-webkit-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
    background:-webkit-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
    background:-o-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
    background:linear-gradient(135deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c05cff', endColorstr='#6a70ff', GradientType=1)
}
.lnk-primary:hover {
    color:#000
}
.lnk-primary:hover .i-arrow {
    -webkit-animation-delay:0s;
    -webkit-animation-duration:0.3s;
    -webkit-animation-name:arrowMove;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-fill-mode:forwards
}
.label-basic {
    display:none
}
.ipt-basic {
    width:120px;
    color:#fff;
    padding:6px 3px 7px 25px;
    border:1px solid #c1c1c1;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background:transparent url(imgs/ui/icons.png) -7px -5px no-repeat;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out
}
.ipt-basic :active, .ipt-basic:focus {
    border:1px solid #9665bf
}
@media screen and (max-width:480px) {
    h1 {
        font-size:24px
    }
    h2 {
        font-size:15px
    }
}
body {
    background-color:#000
}
.blk-loggedIn, .blk-logIn, .lnk-mb {
    display:inline-block;
    vertical-align:top
}
#apkQrcode:before {
    display:inline-block;
    content:"";
    width:148px;
    height:148px;
    position:absolute;
    left:0;
    background-image:url(imgs/ui/Qrcode-APK.png)
}
.lnk-apkQrcode img {
    position:absolute;
    width:148px;
    height:148px;
    border:14px solid #FFF;
    top:2px;
    left:2px
}
#qrcode-mobileVision, .blk-mobileVision img {
    width:92px;
    height:92px;
    margin:14px 19px 0 20px
}
#qrcode-line:before {
    display:inline-block;
    content:"";
    width:78px;
    height:78px;
    position:absolute;
    top:-77px;
    left:30px
}
#qrcode-wechat:before {
    display:inline-block;
    content:"";
    width:78px;
    height:78px;
    position:absolute;
    top:-77px;
    left:30px
}
.are-sideTool {
    position:fixed;
    top:20%;
    right:15px;
    z-index:3
}
.are-sideTool .ul-contact {
    background-color:#212126;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    border:1px solid #807556;
    width:39px;
    height:300px;
    text-align:center
}
.are-sideTool .li-contact {
    width:80%;
    height:48px;
    margin:0 auto;
    border-bottom:1px solid #505050
}
.are-sideTool .li-contact:last-child {
    border-right:none
}
.are-sideTool .li-contact.on .blk-line, .are-sideTool .li-contact.on .blk-mobileVision, .are-sideTool .li-contact.on .blk-phone, .are-sideTool .li-contact.on .blk-skype, .are-sideTool .li-contact.on .blk-wechat {
    display:block;
    overflow:hidden
}
.are-sideTool .li-contact.off>a {
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30)
}
.are-sideTool .li-contact .txt-contact {
    display:none
}
.are-sideTool .li-contact .lnk-contact {
    display:inline-block;
    width:122%;
    height:100%;
    margin-left:-11%;
    background-repeat:no-repeat
}
.are-sideTool .li-contact .lnk-contact.on, .are-sideTool .li-contact .lnk-contact:hover {
    background-color:#404057
}
.are-sideTool .li-contact.hr24 .lnk-contact {
    background-image:url(imgs/ui/icons-sideTool.png);
    background-position:center 8px
}
.are-sideTool .li-contact.mobileVision .txt-contact {
    display:block;
    width:70px;
    padding-top:7px;
    color:#ffd564
}
.are-sideTool .li-contact.mobileVision .lnk-contact {
    background-image:url(imgs/ui/icons-sideTool.png);
    background-position:center -45px
}
.are-sideTool .li-contact .blk-mobileVision {
    display:none;
    width:140px;
    height:150px;
    position:absolute;
    right:39px;
    top:10px;
    background:url(imgs/ui/toolBg-mobileVision.png) left top no-repeat
}
.are-sideTool .li-contact.line .lnk-contact, .are-sideTool .li-contact.phone .lnk-contact, .are-sideTool .li-contact.skype .lnk-contact, .are-sideTool .li-contact.wechat .lnk-contact {
    background-image:url(imgs/ui/icons-sideTool.png);
    background-position:center -95px
}
.are-sideTool .li-contact.phone .lnk-contact {
    background-position:center -144px
}
.are-sideTool .li-contact.line .lnk-contact {
    background-position:center -192px
}
.are-sideTool .li-contact.wechat .lnk-contact {
    background-position:center -232px
}
.blk-phone, .blk-skype {
    display:none;
    width:174px;
    height:90px;
    padding:15px 9px 0 0;
    background:url(imgs/ui/toolBg-phone.png) left top no-repeat;
    position:absolute;
    right:39px;
    top:126px;
    z-index:2
}
.blk-phone .lnk-phoneContact, .blk-phone .lnk-skypeContact, .blk-skype .lnk-phoneContact, .blk-skype .lnk-skypeContact {
    height:auto;
    line-height:20px;
    color:#ffd564;
    background:none
}
.blk-phone .lnk-phoneContact.off, .blk-phone .lnk-skypeContact.off, .blk-skype .lnk-phoneContact.off, .blk-skype .lnk-skypeContact.off {
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30)
}
.blk-skype {
    width:137px;
    height:60px;
    padding:10px 9px 0 0;
    background:url(imgs/ui/toolBg-skype.png) left top no-repeat;
    right:38px;
    top:92px
}
.blk-skype .lnk-skypeContact {
    width:70%;
    text-align:left;
    margin-left:0;
    word-wrap:break-word
}
.blk-line, .blk-wechat {
    display:none;
    width:140px;
    height:150px;
    background:url(imgs/ui/toolBg-line.png) left top no-repeat;
    position:absolute;
    right:39px;
    top:155px;
    z-index:2
}
.blk-wechat {
    top:203px;
    background:url(imgs/ui/toolBg-wechat.png) left top no-repeat
}
.iPanel-line, .iPanel-wechat {
    position:relative;
    top:112px;
    left:-4px
}
.txt-contactID {
    display:block;
    color:#212126;
    margin-left:-8px;
    -moz-transform:scale(0.75);
    -o-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
    transform:scale(0.75)
}
.txt-contactID em {
    font-style:normal;
    color:#3c8f0b
}
.blk-apkTour {
    display:inline-block;
    width:481px;
    height:211px;
    margin:21px 0 38px 40%;
    background-color:rgba(0, 0, 0, 0.39);
    position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.lnk-apkQrcode {
    display:inline-block;
    border:2px solid #948250;
    width:155px;
    height:155px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background-color:white;
    margin:28px 0 0 22px;
    position:relative
}
.lnk-apkQrcode:after {
    display:inline-block;
    content:"";
    border:0.5px solid rgba(255, 255, 255, 0.15);
    margin-left:179px;
    height:100%;
    position:absolute;
    top:0px;
    left:0
}
.ul-apkSign {
    display:inline-block;
    vertical-align:top;
    margin:30px auto 35px 35px
}
.li-apkSign {
    display:inline-block;
    color:#fff
}
.li-apkSign:first-child {
    margin:0 5px;
    border-right:0.5px solid rgba(255, 255, 255, 0.7);
    background:url(imgs/ui/icons.png) 0 -477px no-repeat
}
.li-apkSign:nth-child(2) {
    background:url(imgs/ui/icons.png) 0 -528px no-repeat
}
.li-apkSign .lnk-apk {
    display:inline-block;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    padding:10px 20px 10px 42px;
    pointer-events:none
}
.li-apkSign .lnk-apk:hover .i-arrow {
    -webkit-animation-delay:0s;
    -webkit-animation-duration:0.3s;
    -webkit-animation-name:arrowMove;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-fill-mode:forwards
}
.li-apkSign .em-txt, .li-apkSign .i-arrow {
    display:none
}
.li-apkSign .em-txt {
    font-style:normal;
    font-size:15px;
    color:#fff
}
.lnk-tourGuide {
    display:inline-block;
    padding:17px 10px;
    margin-top:27px;
    width:232px;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px
}
.h1-tit {
    font-size:30px;
    color:#fff;
    font-weight:normal;
    text-align:center;
    padding:10px 0;
    letter-spacing:1px
}
.h1-tit:after, .h1-tit:before {
    display:inline-block;
    content:"";
    border:0.5px solid #fff;
    width:65px;
    vertical-align:middle;
    margin:-2px 15px 0 0
}
.h1-tit:after {
    margin:-2px 0 0 15px
}
.h3-desc {
    color:#fff;
    font-weight:normal;
    width:50%;
    margin:20px;
    word-break:normal
}
.lnk-top {
    display:block;
    width:60px;
    height:60px;
    position:fixed;
    right:5px;
    bottom:10%;
    text-indent:-9999em;
    background:url(imgs/ui/lnk-top.png) center top no-repeat;
    background-size:contain;
    z-index:1
}
.lnk-mb {
    display:none;
    height:48px;
    top:11px;
    right:26px;
    bottom:auto;
    left:auto;
    position:absolute
}
.lnk-mb>span {
    display:block;
    background-color:#bb8f19;
    width:36px;
    height:5px;
    margin:auto auto 8px;
    position:relative;
    top:17px;
    -webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.55);
    -moz-box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.55);
    box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.55)
}
.lnk-mb.on>span:first-of-type {
    background-color:#bb8f19;
    -webkit-transform:translateY(4px) rotate(-45deg);
    -ms-transform:translateY(4px) rotate(-45deg);
    transform:translateY(4px) rotate(-45deg);
    top:22px
}
.lnk-mb.on>span:nth-of-type(2) {
    width:0
}
.lnk-mb.on>span:nth-of-type(3) {
    -webkit-transform:translateY(-7px) rotate(45deg);
    -ms-transform:translateY(-7px) rotate(45deg);
    transform:translateY(-7px) rotate(45deg);
    top:7px
}
.lay-memberRule .reg-main, .lay-secrecy .reg-main, .lay-tools .reg-main {
    height:auto;
    min-height:690px;
    background:#10114c url(imgs/layout/Bg-memberRule.jpg) center top no-repeat
}
.reg-header {
    height:95px;
    background-color:#212126;
    -webkit-box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.55);
    box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.55)
}
.are-logo {
    float:left;
    display:inline-block;
    text-align:left
}
.are-logo .lnk-logo {
    width:241px;
    height:82px;
    background:url(imgs/header/logo.png) left 13px no-repeat
}
.are-authorA {
    float:right;
    margin:8px 0 0 126px
}
.are-authorB {
    position:absolute;
    margin:52px 0px 10px 570px
}
.form-logIn .ipt-user :active, .form-logIn .ipt-user:focus {
    background-position:-7px -40px
}
.form-logIn .ipt-password :active, .form-logIn .ipt-password:focus {
    background-position:-7px -113px
}
.form-logIn .ipt-captcha :active, .form-logIn .ipt-captcha:focus {
    background-position:-7px -187px
}
.form-logIn .panel-captcha {
    display:inline-block;
    position:relative
}
.form-logIn .ipt-password {
    width:119px;
    background-position:-7px -79px
}
.form-logIn .ipt-captcha {
    width:145px;
    background-position:-7px -152px
}
.form-logIn .img-captcha {
    position:absolute;
    right:4px;
    top:4px
}
.lnk-logIn {
    display:none;
    padding:12px 28px;
    margin:20px 10px;
    border:none
}
.form-logIn .lnk-logIn {
    display:inline-block;
    padding:5px 15px;
    margin-top:0;
    border:none
}
.blk-loggedOut {
    display:inline-block;
    border-left:1px solid #000;
    margin-left:9px
}
.blk-loggedOut .lnk-loggedOut {
    margin:0 10px 0 15px;
    border:none
}
.form-loggedIn {
    display:inline-block;
    position:relative;
    z-index:3
}
.form-loggedIn .lnk-basic:hover {
    color:#000
}
.form-loggedIn .lnk-account {
    background:url(imgs/ui/icons.png) -11px -46px no-repeat;
    width:auto;
    height:19px;
    padding-left:20px;
    padding-right:20px;
    color:#fff
}
.form-loggedIn .lnk-cash {
    background:url(imgs/ui/icons.png) -7px -625px no-repeat;
    width:auto;
    height:19px;
    padding-left:20px;
    padding-right:20px;
    color:#fff
}
.lnk-loggedIn {
    display:none;
    background:url(imgs/ui/icons-mb.png) center 7px no-repeat;
    width:98px;
    height:83px;
    -webkit-box-shadow:none;
    box-shadow:none;
    text-indent:-9999em;
    border:none;
    position:relative
}
.lnk-loggedIn:after {
    display:inline-block;
    content:"";
    content:"▼";
    width:12px;
    color:#c5c5c5;
    margin:0;
    position:absolute;
    top:35px;
    right:10px;
    text-indent:0px;
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -moz-transform-origin:center;
    -o-transform-origin:center;
    -ms-transform-origin:center;
    -webkit-transform-origin:center;
    transform-origin:center;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.blk-nav .li-nav {
    display:inline-block;
    vertical-align:top;
    padding-right:5px;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100)
}
.blk-nav .li-nav a {
    display:inline-block;
    vertical-align:top
}
.blk-nav .li-nav a .i-arrow {
    color:#c5c5c5;
    position:absolute;
    top:9px;
    right:-5px;
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.blk-nav .li-nav:nth-child(2) {
    padding-right:8px
}
.blk-nav .li-nav:nth-child(3) {
    padding-right:11px
}
.blk-nav .li-nav:first-child {
    padding-right:0px
}
.blk-nav .li-nav:first-child .lnk-nav {
    width:60px
}
.blk-nav .li-nav:nth-child(2) .lnk-nav {
    width:78px
}
.blk-nav .li-nav .lnk-nav {
    width:82px;
    border-bottom:7px solid transparent
}
.blk-nav .li-nav .lnk-nav, .blk-nav .li-nav .lnk-navDrop {
    width:87px;
    font-size:15px;
    line-height:35px;
    color:#c5c5c5;
    text-align:center
}
.blk-nav .li-nav.off {
    opacity:0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60)
}
.blk-nav .li-nav.on:last-child {
    border-bottom:7px solid transparent
}
.blk-nav .li-nav.on:last-child .i-arrow {
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -moz-transform-origin:center;
    -o-transform-origin:center;
    -ms-transform-origin:center;
    -webkit-transform-origin:center;
    transform-origin:center
}
.blk-nav .li-nav.on:last-child .lnk-nav {
    border-bottom:7px solid transparent
}
.blk-nav .li-nav.on>.lnk-nav {
    color:#f9ca48;
    border-bottom:7px solid #cd9f24
}
.blk-nav .li-nav.on .nav-dropDown {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    border-top:7px solid #cd9f24
}
.blk-nav .li-nav.on .lnk-nav {
    color:#f9ca48
}
.blk-nav .nav-dropDown {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    position:absolute;
    z-index:2;
    background-color:#d5d5d5;
    -webkit-box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.55);
    -moz-box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.55);
    box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.55);
    border-top:7px solid transparent
}
.blk-nav .nav-dropDown .lnk-navDrop {
    display:block;
    color:#000
}
.blk-nav .nav-dropDown .lnk-navDrop:first-child {
    border-bottom:1px solid #b4b4b4
}
.blk-nav .nav-dropDown .lnk-navDrop:hover {
    background-color:#fff
}
.reg-footer {
    background-color:#0d0913;
    position:relative
}
.reg-footer:before {
    display:inline-block;
    content:"";
    display:block;
    border-top:1px solid #383340;
    width:100%;
    position:absolute;
    top:112px
}
.h1-contact {
    display:inline-block;
    font-weight:normal;
    color:#fff;
    height:112px;
    padding:0 20px
}
.h1-contact:before {
    display:inline-block;
    content:"";
    height:100%;
    vertical-align:middle
}
.are-f-Contact .ul-contact {
    width:80%;
    display:inline-block;
    vertical-align:top
}
.are-f-Contact .li-contact {
    display:inline-block;
    vertical-align:top;
    width:20%;
    height:112px;
    margin-left:-4px;
    text-align:center;
    border-right:1px solid #000;
    background-repeat:no-repeat
}
.are-f-Contact .li-contact:first-child {
    margin-left:0px
}
.are-f-Contact .li-contact:last-child {
    border-right:none
}
.are-f-Contact .li-contact.on, .are-f-Contact .li-contact:hover {
    background-color:#17121e
}
.are-f-Contact .li-contact.on .blk-line, .are-f-Contact .li-contact.on .blk-mobileVision, .are-f-Contact .li-contact.on .blk-phone, .are-f-Contact .li-contact.on .blk-skype, .are-f-Contact .li-contact.on .blk-wechat {
    display:block;
    overflow:hidden
}
.are-f-Contact .li-contact.off>a {
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30)
}
.are-f-Contact .li-contact .lnk-contact {
    display:inline-block;
    width:100%;
    height:100%
}
.are-f-Contact .li-contact .txt-contact {
    display:block;
    padding-top:75px;
    color:#8988ab
}
.are-f-Contact .li-contact.hr24 {
    background-image:url(imgs/ui/icons-f-contact.png);
    background-position:center 0px
}
.are-f-Contact .li-contact.mobileVision {
    display:none
}
.are-f-Contact .li-contact.skype {
    background-image:url(imgs/ui/icons-f-contact.png);
    background-position:center -160px
}
.are-f-Contact .li-contact.phone {
    background-image:url(imgs/ui/icons-f-contact.png);
    background-position:center -322px
}
.are-f-Contact .li-contact .blk-phone, .are-f-Contact .li-contact .blk-skype {
    height:105px;
    right:auto;
    left:auto;
    top:-105px;
    margin-left:-7px;
    background:url(imgs/ui/toolBg-phone-footer.png) left top no-repeat
}
.are-f-Contact .li-contact .blk-skype {
    top:-68px;
    margin-left:13px;
    background:url(imgs/ui/toolBg-skype-footer.png) left top no-repeat
}
.are-f-Contact .li-contact.line {
    background-image:url(imgs/ui/icons-f-contact.png);
    background-position:center -482px
}
.are-f-Contact .li-contact.line .lnk-contact {
    background:none
}
.are-f-Contact .li-contact .blk-line, .are-f-Contact .li-contact .blk-wechat {
    height:155px;
    right:auto;
    left:auto;
    top:-155px;
    margin-left:21px;
    background:url(imgs/ui/toolBg-line-footer.png) left top no-repeat
}
.are-f-Contact .li-contact.wechat {
    background-image:url(imgs/ui/icons-f-contact.png);
    background-position:center -640px
}
.are-f-Contact .li-contact.wechat .lnk-contact {
    background:none
}
.are-f-Contact .li-contact .blk-wechat {
    background:url(imgs/ui/toolBg-wechat-footer.png) left top no-repeat
}
.ul-subNav {
    text-align:center;
    padding:24px 0
}
.ul-subNav .li-subNav {
    display:inline-block;
    vertical-align:top;
    margin-left:-4px;
    border-left:1px solid #3d394e
}
.ul-subNav .li-subNav:last-child {
    border-right:1px solid #3d394e
}
.ul-subNav .li-subNav.off>a {
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30)
}
.ul-subNav .lnk-subNav {
    display:block;
    color:#7c7b96;
    padding:0 22px
}
.ul-subNav .lnk-subNav.on, .ul-subNav .lnk-subNav:hover {
    color:#fff
}
.are-f-logos .ul-f-logos {
    text-align:center
}
.are-f-logos .f-logo {
    display:inline-block;
    width:113px;
    height:40px;
    background-position:left center;
    background-repeat:no-repeat
}
.are-f-logos .f-logo01 {
    background-image:url(imgs/ui/f-logo01.png)
}
.are-f-logos .f-logo02 {
    width:54px;
    background-image:url(imgs/ui/f-logo02.png)
}
.are-f-logos .f-logo03 {
    background-image:url(imgs/ui/f-logo03.png)
}
.are-f-logos .f-logo04 {
    width:38px;
    background-image:url(imgs/ui/f-logo04.png)
}
.are-f-logos .f-logo05 {
    width:43px;
    background-image:url(imgs/ui/f-logo05.png)
}
.ul-copyright {
    text-align:center;
    padding:10px 0 25px
}
.li-copyright {
    color:#6f6e86
}
.are-txtrule {
    line-height:30px;
    font-size:15px;
    letter-spacing:0.1em;
    padding:50px 0
}
.are-txtrule .h3-desc {
    text-align:center;
    width:auto
}
.are-txtrule .h3-desc:after, .are-txtrule .h3-desc:before {
    display:inline-block;
    content:"";
    border:0.5px solid #fff;
    width:15%;
    vertical-align:middle;
    margin:-2px 15px 0 0
}
.are-txtrule p {
    color:#fff;
    word-break:normal
}
.are-txtrule .p-tit {
    color:#ffd908
}
.ul-rulelist {
    padding:30px 0
}
.li-rulelist {
    list-style-type:decimal;
    color:#fff;
    margin-left:35px;
    letter-spacing:0px
}
.theme-game-pager {
    display:none;
    padding:20px 0;
    text-align:center;
    position:relative
}
.ui-lnk-first, .ui-lnk-last, .ui-lnk-next, .ui-lnk-pager, .ui-lnk-previous {
    margin:0 5px;
    padding:10px 15px;
    color:#9c9ca0;
    letter-spacing:1px;
    background-color:#060619;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.ui-lnk-first:hover, .ui-lnk-last:hover, .ui-lnk-next:hover, .ui-lnk-pager:hover, .ui-lnk-previous:hover {
    background-color:#2a2b64;
    color:#ffc11a
}
.ui-ul-pager {
    display:inline
}
.ui-li-pager {
    display:inline-block
}
.sel-pager, .ui-lnk-pager {
    background-color:#050619
}
.ui-lnk-pagerActive {
    background-color:#2a2b64;
    pointer-events:none;
    color:#ffc11a
}
.sel-pager {
    width:auto;
    height:38px;
    padding:0 0px 0 5px;
    color:#9c9ca0;
    border:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.blk-nav .li-nav:last-child {
    display:none
}
.reg-banner {
    margin-bottom:-30px;
    position:relative;
    overflow:hidden
}
.reg-banner .lnk-banner01 {
    background-image:url(imgs/banner/banner01.jpg)
}
.reg-banner .lnk-banner02 {
    background-image:url(imgs/banner/banner02.jpg)
}
.reg-banner .lnk-banner03 {
    background-image:url(imgs/banner/banner03.jpg)
}
.reg-banner .lnk-banner04 {
    background-image:url(imgs/banner/banner04.jpg)
}
.reg-banner .lnk-banner05 {
    background-image:url(imgs/banner/banner05.jpg)
}
.reg-main {
    background:#2b2160 url(imgs/layout/Bg-indexA.jpg) center top no-repeat;
    height:auto
}
.reg-mainBottom {
    background:url(imgs/layout/Bg-indexB.jpg) center top no-repeat;
    height:633px
}
.are-service {
    text-align:center
}
.are-service .h1-tit {
    padding:23px 0
}
.ul-service {
    text-align:center
}
.li-service {
    display:inline-block;
    vertical-align:top;
    width:320px;
    height:240px;
    margin:0 10px 65px 10px;
    background-position:center top;
    background-repeat:no-repeat;
    position:relative;
    border-radius:3px
}
.li-service:nth-child(4) {
    margin-left:-2px
}
.li-service .lnk-serviceCube {
    display:block;
    height:100%;
    cursor:pointer
}
.li-service .txt-serviceDescibe {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    width:100%;
    color:#fff;
    font-size:15px;
    text-align:left;
    padding:10px 0 10px 15px;
    position:absolute;
    bottom:-1px;
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.8) 66%, black 100%);
    background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.8) 66%, black 100%);
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(66%, rgba(0, 0, 0, 0.8)), to(black));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.8) 66%, black 100%);
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.8) 66%, black 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}
.li-service .h2-serviceName {
    font-size:18px;
    font-weight:normal;
    text-align:center;
    color:#c5c5c5;
    padding:4px 15px;
    background-color:#171719;
    width:100%;
    position:absolute;
    bottom:-32px
}
.li-service:last-child {
    margin-right:0
}
.li-service.service-live {
    background-image:url(imgs/main/service01.jpg)
}
.li-service.service-slot {
    background-image:url(imgs/main/service02.jpg)
}
.li-service.service-mobile {
    background-image:url(imgs/main/service03.jpg)
}
.li-service.service-casino {
    background-image:url(imgs/main/service04.jpg)
}
.li-service.service-download {
    background-image:url(imgs/main/service05.jpg)
}
.li-service.service-contact {
    background-image:url(imgs/main/service06.jpg)
}
.li-service.on .txt-serviceDescibe {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg)
}
.li-service.on .h2-serviceName {
    color:#fff;
    background-color:#040404
}
.are-apkTour {
    background:url(imgs/main/img-apkTour.png) 8% 21px no-repeat
}
.are-apkTour .h3-desc {
    font-weight:normal;
    color:#fff;
    text-align:center;
    margin:0 0 0 30%
}
.are-casino {
    padding-bottom:20px
}
.are-casino .h1-tit {
    padding:23px 0;
    color:#000
}
.are-casino .h1-tit:after, .are-casino .h1-tit:before {
    border:0.5px solid #000
}
.are-casino .panel-switch {
    display:none
}
.blk-casino {
    width:940px;
    height:390px;
    margin:0 auto;
    background-color:#0d0913;
    position:relative;
    -webkit-box-shadow:0 5px 20px 5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow:0 5px 20px 5px rgba(0, 0, 0, 0.55);
    box-shadow:0 5px 20px 5px rgba(0, 0, 0, 0.55)
}
.blk-casino .panel-casino {
    display:none;
    width:940px;
    height:390px;
    position:absolute
}
.blk-casino .panel-casino:first-of-type {
    background:rgba(0, 0, 0, 0.8) url(imgs/main/casinoBg-gc.jpg) left top no-repeat
}
.blk-casino .panel-casino:nth-of-type(2) {
    background:rgba(0, 0, 0, 0.8) url(imgs/main/casinoBg-dc.jpg) left top no-repeat
}
.blk-casino .panel-casino.on {
    display:block
}
.blk-casino .panel-quickInfo {
    width:35%;
    height:390px;
    padding:30px 10px 0 30px;
    background-color:rgba(0, 0, 0, 0.8)
}
.blk-casino .h3-desc {
    width:100%;
    margin:30px 0 80px 0
}
.blk-casino .lnk-primary {
    margin:0;
    width:242px;
    padding:13px 30px
}
.panel-switch {
    width:100%;
    height:63px;
    position:absolute;
    top:390px
}
.panel-switch .lnk-switch {
    display:inline-block;
    width:470px;
    height:63px;
    font-size:20px;
    line-height:63px;
    text-align:center;
    background-color:#0d0913;
    color:rgba(255, 255, 255, 0.4);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg)
}
.panel-switch .lnk-switch.on {
    -moz-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    color:white;
    background-color:#904bbb
}
.img-casinoGC {
    display:block;
    width:83px;
    height:91px
}
.lay-mobile .reg-banner {
    margin:0;
    background:#2a2c77 url(imgs/banner/bannerMobile01.jpg) center top no-repeat
}
.lay-mobile .reg-banner:after {
    display:inline-block;
    content:"";
    width:100%;
    border-top:1px solid rgba(255, 255, 255, 0.3);
    position:absolute;
    top:452px
}
.lay-mobile .are-apkTour {
    background:none;
    text-align:center
}
.lay-mobile .blk-apkTxt {
    display:inline-block;
    width:188px;
    height:auto;
    background-color:transparent;
    margin:calc(112px/2) auto;
    vertical-align:top
}
.lay-mobile .blk-apkTxt .h1-tit, .lay-mobile .blk-apkTxt .h3-desc {
    width:auto;
    text-align:left;
    margin:0
}
.lay-mobile .blk-apkTxt .h1-tit:after, .lay-mobile .blk-apkTxt .h1-tit:before, .lay-mobile .blk-apkTxt .h3-desc:after, .lay-mobile .blk-apkTxt .h3-desc:before {
    display:none
}
.lay-mobile .blk-apkTour {
    margin:0;
    height:200px;
    background-color:transparent
}
.lay-mobile .blk-apkTour .lnk-apkQrcode {
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6)
}
.lay-mobile .reg-main {
    background:#6472eb url(imgs/layout/Bg-gameType.jpg) center top no-repeat;
    height:auto
}
.are-bannerTxt {
    margin:82px 0 55px 41%
}
.are-bannerTxt .h1-tit {
    width:235px;
    text-align:left;
    font-size:50px;
    line-height:59px;
    padding:0 0 20px 0
}
.are-bannerTxt .h1-tit:after, .are-bannerTxt .h1-tit:before {
    display:none
}
.are-bannerTxt .h3-desc {
    font-size:13px;
    width:348px;
    margin:50px 0 0 0;
    line-height:20px
}
.ul-stepDesc li+li {
    margin:0 0 0 30px;
    overflow:hidden
}
.li-stepDesc {
    display:inline-block;
    width:83px;
    height:83px;
    text-align:center;
    color:#fff;
    font-size:15px;
    line-height:83px;
    border:1px solid #fff;
    vertical-align:top;
    -webkit-border-radius:83px;
    -moz-border-radius:83px;
    -ms-border-radius:83px;
    border-radius:83px
}
.li-stepDesc:before {
    display:inline-block;
    content:"";
    height:83px;
    vertical-align:middle
}
.ul-gameType {
    text-align:center
}
.ul-gameType li+li {
    border-left:1px solid rgba(255, 255, 255, 0.4)
}
.li-gameType {
    display:inline-block;
    vertical-align:top;
    width:34%;
    color:#fff;
    font-size:18px
}
.li-gameType:before {
    display:inline-block;
    content:"";
    width:40px;
    height:28px;
    vertical-align:middle;
    background:url(imgs/main/icons-gameType.png) 0px center no-repeat
}
.li-gameType:first-child {
    padding:10px 46px 0 0
}
.li-gameType:last-child {
    padding:10px 0 0 46px
}
.li-gameType .txt-gameType {
    color:#fff;
    line-height:25px;
    text-align:left;
    padding-top:10px
}
.are-gameType {
    margin:54px auto 47px
}
.are-gameType .h1-tit {
    padding-bottom:36px
}
.are-gameType .figure-img {
    margin:0;
    position:relative;
    -webkit-animation-delay:0s;
    -webkit-animation-duration:0.3s;
    -webkit-animation-name:opacityShow;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards
}
.are-gameType .figure-img div {
    position:absolute
}
.lnk-gameType.type-Live {
    position:relative;
    left:-59px;
    top:40px
}
.lnk-gameType.type-Live .figure-img {
    width:380px;
    height:343px;
    background:url(imgs/main/gameLiveType01.png) center top no-repeat
}
.lnk-gameType.type-Live .figure-img div:first-of-type {
    width:223px;
    height:137px;
    top:5%;
    left:14%;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    background:url(imgs/main/gameLiveType02.png) center top no-repeat
}
.lnk-gameType.type-Live .figure-img div:first-of-type.run-js {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-animation-delay:0.3s;
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s
}
.lnk-gameType.type-Slot {
    position:relative;
    left:-48px;
    top:0
}
.lnk-gameType.type-Slot .figure-img {
    width:383px;
    height:360px;
    background:url(imgs/main/gameSlotType01.png) -50px -50px no-repeat
}
.lnk-gameType.type-Slot .figure-img div:first-of-type {
    width:162px;
    height:131px;
    top:47%;
    left:46%;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    background:url(imgs/main/gameSlotType02.png) center top no-repeat
}
.lnk-gameType.type-Slot .figure-img div:first-of-type.run-js {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-animation-delay:0.3s;
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s
}
.lnk-gameType.type-Slot .figure-img div:nth-of-type(2) {
    width:167px;
    height:186px;
    top:21%;
    left:37%;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    background:url(imgs/main/gameSlotType03.png) center top no-repeat
}
.lnk-gameType.type-Slot .figure-img div:nth-of-type(2).run-js {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-animation-delay:0.3s;
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s
}
.are-advantag {
    text-align:center
}
.are-advantag .h3-desc {
    width:90%;
    margin:20px auto 50px
}
.are-advantag .ul-advantag {
    padding-bottom:110px
}
.are-advantag .li-advantag {
    display:inline-block;
    vertical-align:top;
    width:96px;
    height:96px;
    margin-right:5%;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out
}
.are-advantag .li-advantag:last-child {
    margin-right:0
}
.are-advantag .li-advantag:first-child {
    background:url(imgs/main/icons-advantag.png) 0px 1px no-repeat
}
.are-advantag .li-advantag:first-child:hover {
    background-position:0px -96px
}
.are-advantag .li-advantag:nth-child(2) {
    background:url(imgs/main/icons-advantag.png) -158px 1px no-repeat
}
.are-advantag .li-advantag:nth-child(2):hover {
    background-position:-158px -96px
}
.are-advantag .li-advantag:nth-child(3) {
    background:url(imgs/main/icons-advantag.png) -319px 1px no-repeat
}
.are-advantag .li-advantag:nth-child(3):hover {
    background-position:-319px -96px
}
.are-advantag .li-advantag:nth-child(4) {
    background:url(imgs/main/icons-advantag.png) -479px 1px no-repeat
}
.are-advantag .li-advantag:nth-child(4):hover {
    background-position:-479px -96px
}
.are-advantag .lnk-advantage {
    display:inline-block
}
.are-advantag .txt-advantag {
    font-size:15px;
    color:#fff;
    padding-top:110px
}
@media screen and (max-width:1200px) {
    .lay-mobile .are-apkTour {
        padding:7px 0 0
    }
    .ul-gameType li+li {
        border:none
    }
    .li-gameType {
        display:block;
        width:295px;
        margin:0 auto
    }
    .li-gameType:first-child {
        padding:0
    }
    .li-gameType:last-child {
        padding:65px 0 0 0
    }
}
@media screen and (max-width:768px) {
    .lay-mobile .blk-apkTxt, .lay-mobile .ul-stepDesc {
        display:none
    }
    .lay-mobile .h1-tit:after, .lay-mobile .h1-tit:before {
        width:5%
    }
    .lay-mobile .are-bannerTxt {
        margin:30px auto 15px
    }
    .lay-mobile .are-bannerTxt .h1-tit {
        font-size:38px;
        line-height:52px;
        width:190px;
        margin:0 0 0 40%;
        letter-spacing:2px;
        padding-left:30px
    }
    .lay-mobile .are-bannerTxt .h3-desc {
        line-height:18px;
        margin:63px auto 0;
        width:300px;
        padding-left:7px
    }
    .lay-mobile .reg-banner {
        background:#2a2c77 url(imgs/banner/bannerMobile01-mb.jpg) center top no-repeat
    }
    .lay-mobile .reg-banner:after {
        display:none
    }
    .are-bannerTxt {
        margin:0
    }
    .are-bannerTxt .h1-tit {
        width:175px;
        text-align:left;
        font-size:36px;
        line-height:49px;
        margin:0 0 0 24%;
        padding:0
    }
    .are-bannerTxt .h3-desc {
        width:315px;
        margin:8% 0 0 0;
        line-height:20px
    }
    .are-advantag .ul-advantag {
        padding-bottom:5%;
        width:55%;
        text-align:center;
        margin:0 auto
    }
    .li-advantag {
        margin:0 7% 20%
    }
    .li-advantag:nth-child(3) {
        margin-left:5px
    }
}
@media screen and (max-width:480px) {
    .lay-mobile .are-bannerTxt .h1-tit {
        margin:0 0 0 35%
    }
    .lay-mobile .are-apkTour {
        padding:0
    }
    .lay-mobile .are-apkTour .blk-apkTour {
        margin:0
    }
    .lay-mobile .are-apkTour .ul-apkSign {
        margin:38px auto 35px
    }
    .are-gameType .lnk-gameType.type-Live, .are-gameType .lnk-gameType.type-Slot {
        top:0;
        left:50%;
        -moz-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .are-gameType .lnk-gameType.type-Live .figure-img, .are-gameType .lnk-gameType.type-Slot .figure-img {
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
    .li-gameType {
        width:80%
    }
    .li-gameType:last-child {
        padding:5% 0 0 0
    }
    .are-advantag .ul-advantag {
        width:90%
    }
}
@media screen and (max-width:400px) {
    .lay-mobile .are-bannerTxt .h1-tit {
        margin:0 0 0 27%
    }
}
.panel-game-inquire {
    display:none;
    position:relative;
    width:905px;
    margin:0 auto;
    text-align:left
}
.panel-game-inquire .lnk-primary {
    margin-right:10px;
    padding:0 15px 0 47px;
    font-size:15px;
    line-height:40px;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    overflow:hidden
}
.panel-game-inquire .lnk-primary:hover .bg-inquire-icon {
    background:url(imgs/ui/icn_favorites.png) center -2px
}
.panel-game-inquire .bg-inquire-icon {
    display:inline-block;
    width:19px;
    height:16px;
    background:url(imgs/ui/icn_favorites.png) center -22px;
    position:relative;
    left:-95px;
    top:2px
}
.panel-game-inquire .ipt-inquire {
    background-color:#212126;
    padding:3px 33px 2px 5px;
    border:none;
    -webkit-box-shadow:0 1px #3f485e;
    box-shadow:0 1px #3f485e;
    color:#757576;
    line-height:33px;
    vertical-align:top;
    border:1px solid #757576;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px
}
.panel-game-inquire .lnk-inquire {
    width:23px;
    height:35px;
    background:url(imgs/ui/lnk_inquire.png) no-repeat left center;
    margin:-33px 0 0 -33px;
    vertical-align:middle;
    position:relative
}
.lnk-enterGame {
    width:100%;
    height:100%;
    color:#fff
}
.i-enter {
    display:block;
    background:url(imgs/main/icons-enterGame.png) no-repeat;
    width:60px;
    height:60px;
    margin:15% auto 5%
}
.lay-gameLive .are-gameLive, .lay-gameLive .are-gameSlot, .lay-gameSlot .are-gameLive, .lay-gameSlot .are-gameSlot {
    padding:50px 0
}
.lay-gameLive .blk-gameLive, .lay-gameLive .blk-gameSlot, .lay-gameSlot .blk-gameLive, .lay-gameSlot .blk-gameSlot {
    display:inline-block;
    width:100%;
    min-height:550px;
    background-color:rgba(0, 0, 0, 0.39);
    padding-bottom:2%;
    margin:3% 0;
    position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.lay-gameLive .blk-gameLive .panel-switch, .lay-gameLive .blk-gameSlot .panel-switch, .lay-gameSlot .blk-gameLive .panel-switch, .lay-gameSlot .blk-gameSlot .panel-switch {
    height:60px;
    margin:30px auto 0;
    text-align:center;
    position:static
}
.lay-gameLive .blk-gameLive .panel-switch .lnk-basic, .lay-gameLive .blk-gameSlot .panel-switch .lnk-basic, .lay-gameSlot .blk-gameLive .panel-switch .lnk-basic, .lay-gameSlot .blk-gameSlot .panel-switch .lnk-basic {
    height:50px;
    margin:0 -1.8px;
    line-height:50px;
    background-color:#212126;
    color:#7f7f7f;
    border:1px solid #000;
    text-align:center;
    font-size:18px;
    line-height:30px;
    vertical-align:top;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    border-radius:0px
}
.lay-gameLive .blk-gameLive .panel-switch .lnk-basic.on, .lay-gameLive .blk-gameSlot .panel-switch .lnk-basic.on, .lay-gameSlot .blk-gameLive .panel-switch .lnk-basic.on, .lay-gameSlot .blk-gameSlot .panel-switch .lnk-basic.on {
    background:#212126;
    border:1px solid transparent;
    border-bottom:6px solid #cd9f24;
    color:#fff
}
.lay-gameLive .panel-game, .lay-gameSlot .panel-game {
    display:none;
    margin:0 auto 20px
}
.lay-gameLive .panel-game.on, .lay-gameSlot .panel-game.on {
    display:block
}
.lay-gameLive .panel-game-jdb, .lay-gameSlot .panel-game-jdb {
    margin:0 auto 20px
}
.lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
    width:900px;
    margin:0 auto;
    text-align:left
}
.lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
    width:900px;
    width:960px
}
.lay-gameLive .li-gameLive, .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameLive, .lay-gameSlot .li-gameSlot {
    display:inline-block;
    width:220px;
    height:140px;
    text-align:center;
    position:relative;
    background:url(imgs/main/gameLiveBg.jpg) no-repeat;
    border:2px solid #595c91;
    margin:15px 26px 0;
    border-radius:3px
}
.lay-gameLive .li-gameLive .h3-desc, .lay-gameLive .li-gameSlot .h3-desc, .lay-gameSlot .li-gameLive .h3-desc, .lay-gameSlot .li-gameSlot .h3-desc {
    width:80%;
    margin:10px 20px;
    text-align:left;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
}
.lay-gameLive .li-gameLive:hover, .lay-gameLive .li-gameSlot:hover, .lay-gameSlot .li-gameLive:hover, .lay-gameSlot .li-gameSlot:hover {
    border:2px solid #2e2f4a
}
.lay-gameLive .li-gameLive:hover>.blk-enterGame, .lay-gameLive .li-gameSlot:hover>.blk-enterGame, .lay-gameSlot .li-gameLive:hover>.blk-enterGame, .lay-gameSlot .li-gameSlot:hover>.blk-enterGame {
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    filter:alpha(opacity=100);
    cursor:pointer
}
.lay-gameLive .li-gameJDB, .lay-gameSlot .li-gameJDB {
    width:216px;
    height:204px;
    margin:10px 3px;
    background:url(imgs/main/gameJDBBg.jpg) no-repeat
}
.lay-gameLive .li-gameJDB .blk-enterGame, .lay-gameSlot .li-gameJDB .blk-enterGame {
    height:169px
}
.lay-gameLive .li-gameJDB .img-gameJDB, .lay-gameSlot .li-gameJDB .img-gameJDB {
    width:100%
}
.lay-gameLive .blk-gameLive.jdb .panel-game-inquire, .lay-gameLive .blk-gameLive.jdb .theme-game-pager, .lay-gameLive .blk-gameSlot.jdb .panel-game-inquire, .lay-gameLive .blk-gameSlot.jdb .theme-game-pager, .lay-gameSlot .blk-gameLive.jdb .panel-game-inquire, .lay-gameSlot .blk-gameLive.jdb .theme-game-pager, .lay-gameSlot .blk-gameSlot.jdb .panel-game-inquire, .lay-gameSlot .blk-gameSlot.jdb .theme-game-pager {
    display:block
}
.lay-gameLive .blk-gameLive.panel-1 .panel-switch, .lay-gameLive .blk-gameSlot.panel-1 .panel-switch, .lay-gameSlot .blk-gameLive.panel-1 .panel-switch, .lay-gameSlot .blk-gameSlot.panel-1 .panel-switch {
    height:65px
}
.lay-gameLive .blk-gameLive.panel-1 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-1 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-1 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-1 .lnk-basic {
    width:calc(90%/1)
}
.lay-gameLive .blk-gameLive.panel-2 .panel-switch, .lay-gameLive .blk-gameSlot.panel-2 .panel-switch, .lay-gameSlot .blk-gameLive.panel-2 .panel-switch, .lay-gameSlot .blk-gameSlot.panel-2 .panel-switch {
    height:65px
}
.lay-gameLive .blk-gameLive.panel-2 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-2 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-2 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-2 .lnk-basic {
    width:calc(90%/2)
}
.lay-gameLive .blk-gameLive.panel-3 .panel-switch, .lay-gameLive .blk-gameSlot.panel-3 .panel-switch, .lay-gameSlot .blk-gameLive.panel-3 .panel-switch, .lay-gameSlot .blk-gameSlot.panel-3 .panel-switch {
    height:65px
}
.lay-gameLive .blk-gameLive.panel-3 .lnk-basic, .lay-gameLive .blk-gameLive.panel-6 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-3 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-6 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-3 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-6 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-3 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-6 .lnk-basic {
    width:calc(90%/3)
}
.lay-gameLive .blk-gameLive.panel-4 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-4 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-4 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-4 .lnk-basic {
    width:calc(90%/4)
}
.lay-gameLive .blk-gameLive.panel-5 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-5 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-5 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-5 .lnk-basic {
    width:calc(90%/3)
}
.lay-gameLive .blk-gameLive.panel-5 .lnk-basic:nth-child(4), .lay-gameLive .blk-gameLive.panel-5 .lnk-basic:nth-child(5), .lay-gameLive .blk-gameSlot.panel-5 .lnk-basic:nth-child(4), .lay-gameLive .blk-gameSlot.panel-5 .lnk-basic:nth-child(5), .lay-gameSlot .blk-gameLive.panel-5 .lnk-basic:nth-child(4), .lay-gameSlot .blk-gameLive.panel-5 .lnk-basic:nth-child(5), .lay-gameSlot .blk-gameSlot.panel-5 .lnk-basic:nth-child(4), .lay-gameSlot .blk-gameSlot.panel-5 .lnk-basic:nth-child(5) {
    width:calc(90%/2)
}
.lay-gameLive .blk-gameLive.panel-5 .panel-game, .lay-gameLive .blk-gameLive.panel-6 .panel-game, .lay-gameLive .blk-gameSlot.panel-5 .panel-game, .lay-gameLive .blk-gameSlot.panel-6 .panel-game, .lay-gameSlot .blk-gameLive.panel-5 .panel-game, .lay-gameSlot .blk-gameLive.panel-6 .panel-game, .lay-gameSlot .blk-gameSlot.panel-5 .panel-game, .lay-gameSlot .blk-gameSlot.panel-6 .panel-game {
    margin:80px auto 20px
}
.lay-gameLive .blk-gameLive.panel-5.jdb .panel-switch, .lay-gameLive .blk-gameLive.panel-6.jdb .panel-switch, .lay-gameLive .blk-gameSlot.panel-5.jdb .panel-switch, .lay-gameLive .blk-gameSlot.panel-6.jdb .panel-switch, .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-switch, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-switch, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-switch, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-switch {
    height:115px
}
.lay-gameLive .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameLive .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameLive .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameLive .blk-gameSlot.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
    width:900px;
    margin:0 auto 20px
}
.lay-gameLive .blk-gameLive.panel-7 .lnk-basic, .lay-gameLive .blk-gameSlot.panel-7 .lnk-basic, .lay-gameSlot .blk-gameLive.panel-7 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-7 .lnk-basic {
    width:calc(85%/3)
}
.lay-gameLive .blk-gameLive.panel-7 .lnk-basic:nth-child(4), .lay-gameLive .blk-gameLive.panel-7 .lnk-basic:nth-child(5), .lay-gameLive .blk-gameLive.panel-7 .lnk-basic:nth-child(6), .lay-gameLive .blk-gameLive.panel-7 .lnk-basic:nth-child(7), .lay-gameLive .blk-gameSlot.panel-7 .lnk-basic:nth-child(4), .lay-gameLive .blk-gameSlot.panel-7 .lnk-basic:nth-child(5), .lay-gameLive .blk-gameSlot.panel-7 .lnk-basic:nth-child(6), .lay-gameLive .blk-gameSlot.panel-7 .lnk-basic:nth-child(7), .lay-gameSlot .blk-gameLive.panel-7 .lnk-basic:nth-child(4), .lay-gameSlot .blk-gameLive.panel-7 .lnk-basic:nth-child(5), .lay-gameSlot .blk-gameLive.panel-7 .lnk-basic:nth-child(6), .lay-gameSlot .blk-gameLive.panel-7 .lnk-basic:nth-child(7), .lay-gameSlot .blk-gameSlot.panel-7 .lnk-basic:nth-child(4), .lay-gameSlot .blk-gameSlot.panel-7 .lnk-basic:nth-child(5), .lay-gameSlot .blk-gameSlot.panel-7 .lnk-basic:nth-child(6), .lay-gameSlot .blk-gameSlot.panel-7 .lnk-basic:nth-child(7) {
    width:calc(85%/2)
}
.lay-gameLive .blk-gameLive.panel-7 .panel-game, .lay-gameLive .blk-gameSlot.panel-7 .panel-game, .lay-gameSlot .blk-gameLive.panel-7 .panel-game, .lay-gameSlot .blk-gameSlot.panel-7 .panel-game {
    margin:120px auto 20px
}
.lay-gameLive .blk-gameLive.panel-7.jdb .panel-switch, .lay-gameLive .blk-gameSlot.panel-7.jdb .panel-switch, .lay-gameSlot .blk-gameLive.panel-7.jdb .panel-switch, .lay-gameSlot .blk-gameSlot.panel-7.jdb .panel-switch {
    height:165px
}
.lay-gameLive .blk-gameLive.panel-7.jdb .panel-game-jdb, .lay-gameLive .blk-gameSlot.panel-7.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-7.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-7.jdb .panel-game-jdb {
    width:900px;
    margin:0 auto 20px
}
.lay-gameLive .blk-enterGame, .lay-gameSlot .blk-enterGame {
    background:rgba(0, 0, 0, 0.8);
    display:block;
    width:100%;
    height:100%;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    filter:alpha(opacity=0);
    position:absolute;
    top:0;
    -o-transition:all 0.3s all;
    transition:all 0.3s all;
    -ms-transition:all 0.3s all;
    -webkit-transition:all 0.3s all;
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0)
}
.lay-gameLive .blk-favoritesJDB, .lay-gameSlot .blk-favoritesJDB {
    margin-top:-3px;
    position:relative;
    background:url() 182px 9px no-repeat
}
.lay-gameLive .blk-favoritesJDB.added, .lay-gameSlot .blk-favoritesJDB.added {
    background:url(imgs/main/gameJDBBg-added.png) 185px 7px no-repeat
}
.lay-gameLive .blk-favoritesJDB .lnk-jdbGame-favorites, .lay-gameSlot .blk-favoritesJDB .lnk-jdbGame-favorites {
    display:block;
    height:31px
}
.lay-gameLive .reg-main {
    background:#10114c url(imgs/layout/Bg-gameLive.jpg) center top no-repeat;
    height:auto;
    min-height:650px
}
.lay-gameLive .li-gameLive {
    margin:10px 10px
}
.lay-gameLive .img-gameLive {
    display:block;
    width:100%;
    height:100%;
    margin-top:-40px;
    background-position:center 13px;
    background-repeat:no-repeat
}
.lay-gameLive .img-gameLive.Bacc {
    background-image:url(imgs/main/gameLiveBacc.png)
}
.lay-gameLive .img-gameLive.InsuBacc {
    background-image:url(imgs/main/gameLiveInsuBacc.png)
}
.lay-gameLive .img-gameLive.DragonTiger {
    background-image:url(imgs/main/gameLiveDragonTiger.png)
}
.lay-gameLive .img-gameLive.Roulette {
    background-image:url(imgs/main/gameLiveRoulette.png)
}
.lay-gameLive .img-gameLive.FanTan {
    background-image:url(imgs/main/gameLiveFanTan.png)
}
.lay-gameLive .img-gameLive.TaiSai {
    background-image:url(imgs/main/gameLiveTaiSai.png)
}
.lay-gameLive .img-gameLive.Namdaobuba {
    background-image:url(imgs/main/gameLiveNamdaobuba.png)
}
.lay-gameLive .img-gameLive.Multi {
    background-image:url(imgs/main/gameLiveMulti.png)
}
.lay-gameSlot .reg-main {
    background:#10114c url(imgs/layout/Bg-gameSlot.jpg) center top no-repeat;
    height:auto;
    min-height:650px
}
.lay-gameSlot .i-enter {
    margin:25% auto 10%
}
.lay-gameSlot .li-gameSlot {
    width:170px;
    height:170px;
    background:url(imgs/main/gameSlotBg.jpg) no-repeat
}
.lay-gameSlot .li-gameJDB {
    width:216px;
    height:204px;
    background:url(imgs/main/gameJDBBg.jpg) no-repeat
}
@media screen and (max-width:1200px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:720px
    }
    .lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
        width:720px
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        margin:15px 3px 0
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        margin:15px 8px 0
    }
    .lay-gameLive .li-gameLive .blk-enterGame, .lay-gameLive .li-gameSlot .blk-enterGame, .lay-gameSlot .li-gameLive .blk-enterGame, .lay-gameSlot .li-gameSlot .blk-enterGame {
        height:20%;
        background:rgba(0, 0, 0, 0.5);
        top:auto;
        bottom:0;
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100)
    }
    .lay-gameLive .li-gameSlot .blk-enterGame, .lay-gameSlot .li-gameSlot .blk-enterGame {
        height:14%
    }
    .lay-gameLive .li-gameSlot.li-gameJDB, .lay-gameSlot .li-gameSlot.li-gameJDB {
        margin:15px 10px 0
    }
    .i-enter {
        width:100%;
        height:16px;
        background:url(imgs/main/icons-enterGame-s.png) 40px center no-repeat;
        margin:6px 0 -17px 0
    }
    .lnk-enterGame {
        padding-left:20px
    }
    .lay-gameSlot .panel-game-inquire {
        width:85.5%
    }
    .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
        width:720px
    }
    .lay-gameSlot .i-enter {
        background:url(imgs/main/icons-enterGame-s.png) 24px center no-repeat;
        margin:5px auto -11%
    }
    .lay-gameSlot .panel-game-jdb .lnk-enterGame {
        padding-left:15px
    }
}
@media screen and (max-width:768px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:580px
    }
    .lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
        width:670px
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        margin:15px 10px 0
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        margin:15px 1px 0
    }
    .lay-gameLive .li-gameSlot.li-gameJDB, .lay-gameSlot .li-gameSlot.li-gameJDB {
        margin:15px 2px 0
    }
    .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
        width:670px
    }
}
@media screen and (max-width:700px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:580px
    }
    .lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
        width:500px
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        margin:15px 10px 0
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        margin:15px 14px 0
    }
    .lay-gameLive .li-gameSlot.li-gameJDB, .lay-gameSlot .li-gameSlot.li-gameJDB {
        margin:15px 15px 0
    }
    .lay-gameSlot .blk-gameLive .lnk-basic, .lay-gameSlot .blk-gameSlot .lnk-basic {
        padding:7px 5px
    }
    .lay-gameSlot .blk-gameLive.panel-4 .panel-switch, .lay-gameSlot .blk-gameSlot.panel-4 .panel-switch {
        height:110px
    }
    .lay-gameSlot .blk-gameLive.panel-4 .lnk-basic, .lay-gameSlot .blk-gameSlot.panel-4 .lnk-basic {
        width:calc(85%/2)
    }
    .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
        width:500px
    }
}
@media screen and (max-width:600px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:420px
    }
    .lay-gameLive .ul-gameLive, .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameLive, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
        width:445px
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        margin:15px 18px 0
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        width:214px;
        margin:15px 4px 0
    }
    .lay-gameLive .li-gameSlot.li-gameJDB, .lay-gameSlot .li-gameSlot.li-gameJDB {
        margin:15px 0px 0
    }
    .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
        width:445px
    }
}
@media screen and (max-width:480px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:365px
    }
    .lay-gameLive .ul-gameLive, .lay-gameSlot .ul-gameLive {
        width:385px
    }
    .lay-gameLive .ul-gameSlot.ul-gameJDB, .lay-gameSlot .ul-gameSlot.ul-gameJDB {
        width:95%;
        text-align:center
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        width:135px;
        height:135px;
        margin:15px 22px 0;
        background-size:contain
    }
    .lay-gameLive .li-gameSlot .h3-desc, .lay-gameSlot .li-gameSlot .h3-desc {
        width:85%;
        margin:6px 10px 6px
    }
    .lay-gameLive .li-gameSlot .img-gameSlot, .lay-gameSlot .li-gameSlot .img-gameSlot {
        width:70%;
        margin-top:-2%
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        width:140px;
        height:140px;
        margin:15px 24px 0
    }
    .lay-gameLive .li-gameLive .h3-desc, .lay-gameSlot .li-gameLive .h3-desc {
        width:85%;
        margin:10px
    }
    .lay-gameLive .li-gameLive .img-gameLive, .lay-gameSlot .li-gameLive .img-gameLive {
        width:100%;
        height:92%;
        margin-top:-21%;
        background-size:contain
    }
    .lay-gameLive .li-gameLive .lnk-enterGame, .lay-gameSlot .li-gameLive .lnk-enterGame {
        padding-left:20px
    }
    .lay-gameLive .li-gameLive .i-enter, .lay-gameSlot .li-gameLive .i-enter {
        margin:6px 0 -17px -12px;
        background:url(imgs/main/icons-enterGame-s.png) 13px center no-repeat
    }
    .lay-gameLive .li-gameSlot.li-gameJDB, .lay-gameSlot .li-gameSlot.li-gameJDB {
        width:216px;
        height:204px;
        background-size:auto
    }
    .lay-gameLive .li-gameSlot.li-gameJDB .h3-desc, .lay-gameSlot .li-gameSlot.li-gameJDB .h3-desc {
        width:80%;
        margin:10px 20px
    }
    .lay-gameLive .li-gameSlot.li-gameJDB .img-gameSlot, .lay-gameSlot .li-gameSlot.li-gameJDB .img-gameSlot {
        width:100%;
        margin-top:0
    }
    .lay-gameSlot .panel-game-inquire {
        width:88%
    }
    .lay-gameSlot .panel-game-inquire .lnk-primary {
        width:55px;
        padding:0;
        text-indent:-74px
    }
    .lay-gameSlot .panel-game-inquire .bg-inquire-icon {
        left:27px
    }
    .lay-gameSlot .panel-game-inquire .ipt-inquire {
        width:calc(90% - 55px);
        padding:2px 33px 2px 5px
    }
    .lay-gameSlot .panel-game-inquire .lnk-inquire {
        margin:-35px 0 0 -33px
    }
    .lay-gameSlot .blk-gameLive.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameLive.panel-6.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-5.jdb .panel-game-jdb, .lay-gameSlot .blk-gameSlot.panel-6.jdb .panel-game-jdb {
        width:95%
    }
    .lay-gameSlot .i-enter {
        background:url(imgs/main/icons-enterGame-s.png) 5px center no-repeat;
        margin:3px auto -16%
    }
}
@media screen and (max-width:390px) {
    .lay-gameLive .ul-gameSlot, .lay-gameSlot .ul-gameSlot {
        width:282px
    }
    .lay-gameLive .ul-gameLive, .lay-gameSlot .ul-gameLive {
        width:289px
    }
    .lay-gameLive .li-gameSlot, .lay-gameSlot .li-gameSlot {
        margin:15px 2px 0
    }
    .lay-gameLive .li-gameLive, .lay-gameSlot .li-gameLive {
        margin:15px 1px 0
    }
}
.lay-casino .reg-main {
    height:auto;
    background:#10114c url(imgs/layout/Bg-casino.jpg) no-repeat
}
.lay-casino .are-casino {
    padding:50px 0 0
}
.lay-casino .are-casino .h1-tit {
    padding:23px 0;
    color:#fff
}
.lay-casino .are-casino .h1-tit:after, .lay-casino .are-casino .h1-tit:before {
    border:0.5px solid #fff
}
.lay-casino .are-casino .blk-casino {
    width:80%;
    height:auto;
    margin-bottom:20px;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.lay-casino .are-casino .blk-casino:after {
    display:inline-block;
    content:"";
    display:block;
    clear:both
}
.lay-casino .are-casino .h3-desc {
    display:inline-block;
    width:auto;
    line-height:30px;
    letter-spacing:0.1em;
    margin:50px auto 0;
    padding:0 8%
}
.lay-casino .img-casinoDC, .lay-casino .img-casinoGC, .lay-casino .img-casinoMaesot {
    display:inline-block;
    margin:calc(130px/2) 8%
}
.lay-casino .img-casinoGC {
    width:280px;
    height:160px
}
.lay-casino .img-casinoDC {
    width:300px;
    height:100px
}
.lay-casino .img-casinoMaesot {
    widows:280px;
    height:87px
}
.lay-casino .panel-GC {
    width:396px;
    height:230px
}
.lay-casino .panel-DC, .lay-casino .panel-Maesot {
    display:inline-block;
    vertical-align:top;
    width:412px;
    height:230px;
    background:url(imgs/main/dcimg.jpg) no-repeat center top;
    background-size:contain;
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6)
}
.lay-casino .panel-Maesot {
    display:none
}
@media screen and (max-width:1200px) {
    .lay-casino .reg-main .lay-screen {
        width:90%
    }
    .lay-casino .blk-casino img {
        width:24%;
        height:auto;
        margin-bottom:7%
    }
    .lay-casino .blk-casino img.img-casinoDC {
        width:33%;
        margin:calc(130px/2) 2%
    }
}
@media screen and (max-width:768px) {
    .lay-casino .h1-tit:after, .lay-casino .h1-tit:before {
        width:5%
    }
    .lay-casino .reg-main {
        background-size:contain
    }
    .lay-casino .are-casino {
        padding:0
    }
    .lay-casino .are-casino .blk-casino {
        padding-top:0
    }
    .lay-casino .are-casino .blk-casino img {
        width:43%;
        margin:0 0 -32px 0
    }
    .lay-casino .are-casino .blk-casino .img-casinoDC {
        margin:0
    }
    .lay-casino .are-casino .h3-desc {
        margin:0
    }
    .lay-casino .panel-DC, .lay-casino .panel-GC {
        width:100%;
        height:auto
    }
    .lay-casino .panel-DC {
        width:412px;
        height:230px;
        margin:0 calc((100% - 412px)/2)
    }
}
@media screen and (max-width:480px) {
    .lay-casino .panel-DC {
        width:300px;
        height:167px;
        margin:0 calc((100% - 300px)/2)
    }
}
@media screen and (max-width:320px) {
    .lay-casino .panel-DC {
        height:130px
    }
}
@media screen and (max-width:1024px) {
    .lay-memberRule .reg-main .lay-screen, .lay-secrecy .reg-main .lay-screen {
        width:80%
    }
}
@media screen and (max-width:768px) {
    .lay-memberRule .reg-main .lay-screen {
        width:90%
    }
    .lay-memberRule .are-txtrule .h1-tit:after, .lay-memberRule .are-txtrule .h1-tit:before {
        width:5%
    }
    .lay-memberRule .are-txtrule .h3-desc {
        text-align:left;
        line-height:23px;
        margin:0 5px
    }
    .lay-memberRule .are-txtrule .h3-desc:after, .lay-memberRule .are-txtrule .h3-desc:before {
        width:100%
    }
}
@media screen and (max-width:768px) {
    .lay-secrecy .reg-main .lay-screen {
        width:90%
    }
    .lay-secrecy .are-txtrule .h1-tit:after, .lay-secrecy .are-txtrule .h1-tit:before {
        width:5%
    }
    .lay-secrecy .are-txtrule .h3-desc {
        text-align:left;
        line-height:23px;
        margin:0 5px
    }
    .lay-secrecy .are-txtrule .h3-desc:after, .lay-secrecy .are-txtrule .h3-desc:before {
        width:100%
    }
}
.lay-guide .reg-main {
    background:#11114d url(imgs/layout/Bg-guide.jpg) center top no-repeat;
    height:auto
}
.lay-guide .reg-main .h1-tit {
    display:block;
    width:100%;
    padding-left:12%;
    background-color:rgba(33, 33, 38, 0.88)
}
.lay-guide .panel-switch {
    display:none;
    width:calc(100% - 262px);
    height:115px;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.3);
    position:relative;
    top:auto
}
.lay-guide .panel-switch .lnk-primary {
    margin-top:calc(115px /2.9)
}
.lay-guide .panel-switch .lnk-primary.on {
    color:#000
}
.are-submenu {
    width:262px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:20px 0 0;
    position:absolute
}
.ul-submenu {
    position:fixed
}
.li-submenu {
    width:260px;
    padding:0 27px
}
.li-submenu:first-child .lnk-submenu {
    cursor:text
}
.li-submenu:first-child:hover .lnk-submenu {
    color:#fff
}
.li-submenu.on {
    background-color:rgba(255, 255, 255, 0.2)
}
.li-submenu:hover .lnk-submenu {
    color:#f9ca48
}
.li-submenu:hover .i-arrow {
    -webkit-animation-delay:0s;
    -webkit-animation-duration:0.3s;
    -webkit-animation-name:arrowMove;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-fill-mode:forwards
}
.lnk-submenu {
    display:block;
    color:#fff;
    padding:16px 0;
    letter-spacing:0.5px;
    border-bottom:1px solid rgba(255, 255, 255, 0.2)
}
.article-guideContent {
    margin-left:262px
}
.ul-guideCont {
    width:calc(100% - 262px)
}
.li-guideCont, .li-install {
    min-height:376px;
    padding:27px 10px 0 20px
}
.li-guideCont:nth-child(2n), .li-install:nth-child(2n) {
    background-color:rgba(0, 0, 0, 0.4)
}
.li-guideCont:nth-child(odd), .li-install:nth-child(odd) {
    background-color:rgba(66, 50, 151, 0.6)
}
.blk-guideTxt {
    display:inline-block;
    vertical-align:top;
    width:42%
}
.ul-guideTxt {
    font-size:18px;
    position:relative;
    margin-top:20px
}
.ul-guideTxt:before {
    display:inline-block;
    content:"";
    width:220px;
    position:absolute;
    border-bottom:1px solid #ffc107;
    top:26px
}
.cont3-1 .li-guideTxt, .cont3-2 .li-guideTxt, .cont3-3 .li-guideTxt {
    margin-left:10px;
    list-style-type:none
}
.li-guideTxt {
    color:#fff;
    line-height:20px;
    letter-spacing:0.5px;
    padding-bottom:5px
}
.li-guideTxt:first-child {
    padding-top:20px
}
.li-guideTxt>em {
    color:#fff111;
    font-style:normal
}
.img-guide {
    display:inline-block;
    float:right;
    padding-right:50px;
    margin:5px 60px 0 0;
    clear:both
}
.guideInstall .img-guide, .guideLive .img-guide, .guideReport .img-guide, .guideRule .img-guide, .guideService .img-guide {
    padding-right:0
}
.guideInstall .lnk-apkQrcode {
    position:absolute;
    right:272px;
    top:139px;
    border:none;
    background:transparent
}
.guideInstall .lnk-apkQrcode:after {
    display:none
}
.guideInstall .are-submenu, .guideInstall .article-guideContent {
    height:1567px
}
.guideInstall .are-submenu.And, .guideInstall .article-guideContent.And {
    height:1567px
}
.guideInstall .are-submenu.Ios, .guideInstall .article-guideContent.Ios {
    height:2217px
}
.guideInstall .are-submenu.Ios .li-install:nth-child(4), .guideInstall .article-guideContent.Ios .li-install:nth-child(4) {
    min-height:650px
}
.guideInstall .cont1-0 {
    position:relative
}
.guideInstall .cont1-0 .ul-guideTxt:before {
    width:177px
}
.guideInstall .cont1-0 .blk-guideTxt {
    margin-left:52%
}
.guideInstall .cont1-0 .img-guide {
    float:left;
    margin:-115px 0 0 -22px
}
.guideInstall .cont1-1 {
    padding:0;
    min-height:439px
}
.guideInstall .cont1-1 .li-install:first-child {
    display:none
}
.guideInstall .cont1-1 .li-apkSign {
    display:none
}
.guideInstall .cont1-1 #apkQrcode.lnk-apkQrcode {
    right:111px;
    top:80px
}
.guideInstall .cont1-1 #apkQrcode.lnk-apkQrcode:before {
    width:137px;
    height:137px;
    background-size:contain
}
.guideInstall .panel-switch {
    display:block;
    width:100%;
    height:auto
}
.guideInstall .panel-switch .lnk-switch {
    width:46%;
    border-radius:20px;
    margin:2% 1%
}
.guideInstall .panel-guideInstall {
    display:none
}
.guideInstall .panel-guideInstall.on {
    display:block
}
.guideInstall .cont1-4 {
    min-height:680px
}
.guideInstall .cont1-4 .img-guide {
    margin-bottom:20px
}
.guideLogin .are-submenu, .guideLogin .article-guideContent {
    height:1128px
}
.guideLogin .cont2-3 .ul-guideTxt:before {
    width:163px
}
.guideInterface .are-submenu, .guideInterface .article-guideContent {
    height:2050px
}
.guideInterface .ul-guideTxt:before {
    width:115px
}
.guideInterface .cont3-1 .ul-guideTxt:before {
    width:128px
}
.guideInterface .cont3-2 {
    min-height:737px
}
.guideInterface .cont3-2:before {
    display:inline-block;
    content:"";
    width:100%;
    border:1px solid rgba(255, 255, 255, 0.3);
    position:relative;
    top:358px
}
.guideInterface .cont3-2 .img-guide:last-child {
    margin:-155px 62px 0 auto
}
.guideInterface .cont3-2 .txt-B {
    float:left;
    padding-top:180px
}
.guideInterface .cont3-2 .txt-B .ul-guideTxt:before {
    display:none
}
.guideInterface .cont3-3 {
    min-height:950px
}
.guideInterface .cont3-3 .blk-guideTxt {
    width:50%
}
.guideInterface .cont3-3:before {
    display:inline-block;
    content:"";
    width:100%;
    border:1px solid rgba(255, 255, 255, 0.3);
    position:relative;
    top:540px
}
.guideInterface .cont3-3 .img-guide {
    margin:80px 70px auto auto
}
.guideInterface .cont3-3 .img-guide:last-child {
    margin:-140px 62px auto auto
}
.guideInterface .cont3-3 .txt-B {
    float:left;
    padding-top:115px
}
.guideInterface .cont3-3 .txt-B .ul-guideTxt:before {
    display:none
}
.guideLive .are-submenu, .guideLive .article-guideContent {
    height:2630px
}
.guideLive .ul-guideTxt:before {
    width:115px
}
.guideLive .cont4-3 .ul-guideTxt:before {
    width:163px
}
.guideLive .cont4-5 .ul-guideTxt:before, .guideLive .cont4-6 .ul-guideTxt:before {
    width:80px
}
.guideSlot .img-guide {
    padding-right:0
}
.guideSlot .are-submenu, .guideSlot .article-guideContent {
    height:750px
}
.guideLogout .ul-submenu, .guideReport .ul-submenu, .guideRule .ul-submenu, .guideService .ul-submenu {
    position:relative;
    bottom:auto
}
.guideLogout .are-submenu, .guideLogout .article-guideContent, .guideReport .are-submenu, .guideReport .article-guideContent, .guideRule .are-submenu, .guideRule .article-guideContent, .guideService .are-submenu, .guideService .article-guideContent {
    height:650px
}
.guideLogout .blk-guideTxt, .guideReport .blk-guideTxt, .guideRule .blk-guideTxt, .guideService .blk-guideTxt {
    width:40%
}
.guideLogout .cont6-1 .ul-guideTxt:before, .guideReport .cont6-1 .ul-guideTxt:before, .guideRule .cont6-1 .ul-guideTxt:before, .guideService .cont6-1 .ul-guideTxt:before {
    width:94px
}
.guideLogout .cont6-1 .img-guide, .guideReport .cont6-1 .img-guide, .guideRule .cont6-1 .img-guide, .guideService .cont6-1 .img-guide {
    margin:10px 0 0 0
}
.guideRule .blk-guideTxt {
    width:42%
}
.guideRule .cont7-1 .ul-guideTxt:before {
    width:94px
}
.guideService .are-submenu, .guideService .article-guideContent {
    height:1000px
}
.guideService .blk-guideTxt {
    width:30%
}
.guideService .cont8-1 .ul-guideTxt:before {
    width:94px
}
.guideLogout .blk-guideTxt {
    width:35%
}
.guideLogout .cont9-1 .ul-guideTxt:before {
    width:60px
}
@media screen and (max-width:1200px) {
    .lay-guide .lay-screen {
        width:100%
    }
    .lay-guide .img-guide {
        padding-right:0
    }
    .lay-guide .ul-guideCont {
        width:auto
    }
    .lay-guide .blk-guideTxt, .lay-guide .cont1-0 .blk-guideTxt, .lay-guide .cont3-3 .blk-guideTxt {
        width:90%
    }
    .lay-guide .cont3-3 .img-guide, .lay-guide .cont6-1 .img-guide, .lay-guide .img-guide {
        display:block;
        float:none;
        margin:30px auto 0;
        padding-bottom:3%
    }
    .lay-guide .cont3-3 .img-guide.triple, .lay-guide .cont6-1 .img-guide.triple, .lay-guide .img-guide.triple {
        width:100%;
        max-width:510px
    }
    .guideInterface .are-submenu, .guideInterface .article-guideContent {
        height:2882px
    }
    .guideInterface .cont3-2:before, .guideInterface .cont3-3:before {
        top:562px
    }
    .guideInterface .cont3-2 .txt-B, .guideInterface .cont3-3 .txt-B {
        float:none;
        padding-top:0
    }
    .guideInterface .cont3-2 .img-guide:last-child, .guideInterface .cont3-3 .img-guide:last-child {
        margin:30px auto -66px
    }
    .guideInterface .cont3-3:before {
        top:895px
    }
    .guideLogin .are-submenu, .guideLogin .article-guideContent {
        height:1318px
    }
    .guideInstall .are-submenu, .guideInstall .article-guideContent {
        height:2036px
    }
    .guideInstall .are-submenu.And, .guideInstall .article-guideContent.And {
        height:2036px
    }
    .guideInstall .are-submenu.Ios, .guideInstall .article-guideContent.Ios {
        height:2844px
    }
    .guideInstall .panel-guideInstall {
        position:relative;
        width:100%
    }
    .guideInstall .cont1-0 .blk-guideTxt {
        margin-left:0
    }
    .guideInstall .cont1-0 .lnk-apkQrcode {
        position:relative;
        right:-440px;
        top:159px
    }
    .guideInstall .cont1-0 #apkQrcode:before {
        background-size:100%;
        width:148px;
        height:148px
    }
    .guideInstall .cont1-0 .img-guide {
        float:none
    }
    .guideInstall .cont1-1.li-guideCont {
        min-height:511px
    }
    .guideInstall .cont1-1 .li-install:first-child {
        position:relative
    }
    .guideInstall .cont1-1 #apkQrcode.lnk-apkQrcode {
        left:3px;
        top:228px;
        right:0;
        margin:0 auto
    }
    .guideLive .are-submenu, .guideLive .article-guideContent {
        height:2950px
    }
    .guideSlot .are-submenu, .guideSlot .article-guideContent {
        height:1900px
    }
}
@media screen and (max-width:888px) {
    .guideInstall .cont1-0 .lnk-apkQrcode {
        right:-295px;
        top:138px
    }
    .guideInstall .cont1-0 .img-guide {
        margin:-135px 0 0 -167px
    }
}
@media screen and (max-width:768px) {
    .lay-guide .reg-main .h1-tit {
        padding-left:0
    }
    .lay-guide .reg-main .h1-tit:after, .lay-guide .reg-main .h1-tit:before {
        width:5%
    }
    .lay-guide .article-guideContent {
        margin:96px 0 0 0;
        height:auto
    }
    .lay-guide .article-guideContent.And {
        height:auto
    }
    .lay-guide .article-guideContent.Ios {
        height:auto
    }
    .lay-guide .are-submenu {
        width:100%;
        height:96px;
        padding:20px 5%;
        position:absolute;
        background-color:black;
        cursor:pointer
    }
    .lay-guide .are-submenu.And {
        height:96px
    }
    .lay-guide .are-submenu.Ios {
        height:96px
    }
    .lay-guide .are-submenu .ul-submenu {
        position:relative;
        z-index:1;
        pointer-events:none
    }
    .lay-guide .are-submenu .li-submenu:nth-child(n+2) {
        background-color:transparent;
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:alpha(opacity=0);
        -moz-transform:scaleY(0);
        -o-transform:scaleY(0);
        -ms-transform:scaleY(0);
        -webkit-transform:scaleY(0);
        transform:scaleY(0)
    }
    .lay-guide .are-submenu .li-submenu:nth-child(n+2) .lnk-submenu {
        font-size:15px
    }
    .lay-guide .are-submenu.on .ul-submenu {
        pointer-events:auto
    }
    .lay-guide .are-submenu.on .li-submenu:nth-child(n+2) {
        background-color:#464651;
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        -moz-transform:scaleY(1);
        -o-transform:scaleY(1);
        -ms-transform:scaleY(1);
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-animation-delay:0.3s;
        -moz-animation-delay:0.3s;
        -o-animation-delay:0.3s;
        animation-delay:0.3s
    }
    .lay-guide .li-submenu {
        width:100%;
        border-bottom:1px solid rgba(0, 0, 0, 0.8)
    }
    .lay-guide .li-submenu .lnk-submenu {
        border-bottom:none
    }
    .lay-guide .li-submenu .i-arrow {
        display:none
    }
    .lay-guide .li-submenu:last-child {
        border-bottom:none
    }
    .lay-guide .li-submenu:first-child {
        cursor:pointer;
        text-align:center;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
        background:#c05cff;
        background:-moz-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-o-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:linear-gradient(135deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c05cff', endColorstr='#6a70ff', GradientType=1)
    }
    .lay-guide .li-submenu:first-child .lnk-submenu {
        cursor:pointer;
        display:inline-block;
        font-size:20px
    }
    .lay-guide .li-submenu:first-child:after, .lay-guide .li-submenu:first-child:before {
        display:inline-block;
        content:"▼";
        width:35px;
        color:#fff;
        -webkit-transform:scale(0.8);
        -ms-transform:scale(0.8);
        transform:scale(0.8);
        -webkit-transform-origin:top;
        -ms-transform-origin:top;
        transform-origin:top
    }
    .guideInstall .li-guideTxt {
        font-size:16px;
        line-height:26px
    }
    .guideInstall .guideTxtScar {
        text-indent:-999em
    }
    .guideInstall .article-guideContent {
        height:auto
    }
    .guideInstall .article-guideContent.And {
        height:auto
    }
    .guideInstall .article-guideContent.Ios {
        height:auto
    }
    .guideInstall .panel-switch .lnk-switch {
        font-size:14px
    }
    .guideInstall .cont1-0 {
        display:none
    }
    .guideInstall .cont1-0.li-guideCont {
        min-height:152px
    }
    .guideInstall .cont1-1 .li-install:first-child {
        display:block;
        min-height:170px
    }
    .guideInstall .cont1-1 .li-install:first-child .img-guide, .guideInstall .cont1-1 .li-install:first-child .lnk-apkQrcode {
        display:none
    }
    .guideInstall .cont1-1 .li-apkSign {
        display:block;
        width:250px;
        position:relative;
        top:-29px
    }
    .guideInstall .cont1-1 .li-apkSign:nth-child(2) .lnk-apk {
        width:100%
    }
    .guideInstall .cont1-1 .ul-installAnd .li-apkSign:nth-child(2) .lnk-apk {
        background-position:0 -142px
    }
}
@media screen and (max-width:480px) {
    .lay-guide .img-guide {
        width:100%
    }
    .lay-guide .img-guide.single {
        width:auto
    }
}
@media screen and (max-width:320px) {
    .lay-guide .img-guide.single {
        width:100%
    }
}
.are-tools {
    line-height:30px;
    font-size:15px;
    letter-spacing:0.1em;
    padding:50px 15px
}
.are-tools .ul-tools {
    padding-top:30px;
    text-align:left
}
.are-tools .h3-desc {
    text-align:left;
    letter-spacing:-0.01em;
    margin:20px;
    left:110px;
    position:absolute
}
.li-tools {
    display:inline-block;
    vertical-align:top;
    width:310px;
    height:130px;
    border-radius:5px;
    position:relative;
    margin:0 25px 22px
}
.li-tools.toolDNS .h3-desc {
    letter-spacing:-1px
}
.li-tools.toolSkype {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-skype.png) 20px center no-repeat
}
.li-tools.toolTeamViewer {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-tv.png) 20px center no-repeat
}
.li-tools.toolCache {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-cache.png) 20px center no-repeat
}
.li-tools.browserIE {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-ie.png) 20px center no-repeat
}
.li-tools.toolDNS {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-dns.png) 20px center no-repeat
}
.li-tools.browserChrome {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-chrome.png) 20px center no-repeat
}
.li-tools.toolFlash {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-flash.png) 20px center no-repeat
}
.li-tools.browserFirefox {
    background:rgba(0, 0, 0, 0.39) url(imgs/ui/icons-tools-firefox.png) 20px center no-repeat
}
.li-tools .lnk-tools {
    position:absolute;
    top:60px;
    left:123px;
    width:auto;
    text-align:center;
    margin:0
}
.li-tools .lnk-tools:before {
    display:inline-block;
    content:"";
    width:20px;
    height:26px;
    background:url(imgs/ui/icons.png) center -584px no-repeat;
    vertical-align:top
}
.li-tools .lnk-tools:hover.lnk-tools:before {
    background:url(imgs/ui/icons-download.gif) 0px 5px no-repeat
}
@media screen and (max-width:1200px) {
    .are-tools .ul-tools {
        text-align:center
    }
    .li-tools {
        width:270px;
        margin:10px 17px 22px
    }
    .li-tools .h3-desc {
        width:60%;
        left:85px
    }
    .li-tools .lnk-tools {
        left:107px
    }
}
@media screen and (max-width:480px) {
    .are-tools .h1-tit:after, .are-tools .h1-tit:before {
        width:5%
    }
    .are-tools .h3-desc {
        margin:20px 20px 20px 30px
    }
    .li-tools {
        margin:0 0 22px
    }
    .li-tools .lnk-tools {
        left:110px
    }
}
@media screen and (max-width:320px) {
    .li-tools {
        width:100%
    }
}
.cs-select {
    display:none
}
div.cs-select {
    font-size:18px;
    background:none;
    z-index:1;
    left:0;
    top:1px
}
div.cs-select .cs-placeholder {
    color:#fff;
    padding:3px 22px 3px 25px;
    text-indent:15px;
    background:#696189;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6)
}
div.cs-select.cs-active {
    background-color:#464651;
    -webkit-border-radius:4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;
    -ms-border-radius:4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px
}
div.cs-select.cs-active>span:after {
    -webkit-transform:translateY(-50%) rotate(0deg) scale(1.3);
    -ms-transform:translateY(-50%) rotate(0deg) scale(1.3);
    transform:translateY(-50%) rotate(0deg) scale(1.3)
}
div.cs-select.cs-active .cs-options {
    height:auto;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    visibility:visible;
    background:#464651;
    position:relative
}
div.cs-select span {
    text-indent:26px;
    font-size:15px;
    color:#fff;
    padding:0 0 0 13px;
    line-height:24px;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out
}
div.cs-select .cs-options {
    height:0;
    visibility:hidden;
    background:transparent;
    border-top:1px solid #1d1d21;
    -webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -ms-border-radius:0px 0px 4px 4px;
    border-radius:0px 0px 4px 4px
}
div.cs-select .cs-selected span:after, div.cs-select>span:after {
    -webkit-transform:translateY(-50%) scale(1.3);
    -ms-transform:translateY(-50%) scale(1.3);
    transform:translateY(-50%) scale(1.3);
    color:#c5c5c5;
    right:8px
}
.cs-skin-elastic .cs-options .cs-selected span:after {
    content:''
}
.cs-skin-elastic .cs-options li:hover {
    background-color:#29292f
}
.cs-skin-elastic .cs-options li span {
    background-image:url(imgs/lang/lang-flag-s.png);
    background-repeat:no-repeat;
    line-height:48px;
    border-bottom:1px solid #1d1d21
}
.cs-skin-elastic .cs-options li.flag-china span {
    background-position:0px 0px
}
.cs-skin-elastic .cs-options li.flag-taiwan span {
    background-position:0px -51px
}
.cs-skin-elastic .cs-options li.flag-english span {
    background-position:0px -102px
}
.cs-skin-elastic .cs-options li.flag-thailand span {
    background-position:0px -150px
}
.cs-skin-elastic .cs-options li.flag-korean span {
    background-position:0px -199px
}
.cs-skin-elastic .cs-options li.flag-myanmar span {
    background-position:0px -250px
}
.cs-skin-elastic .cs-options li.flag-indonesia span {
    background-position:0px -349px
}
.cs-skin-elastic .cs-options li.cs-selected span {
    background-position:0px -299px;
    background-color:#696189
}
.are-lang {
    float:right;
    position:relative;
    z-index:4;
    margin:8px 3px 0 0
}
.i-flag {
    width:35px;
    height:30px;
    text-indent:-999em;
    background-image:url(imgs/lang/lang-flag-s.png);
    background-repeat:no-repeat;
    pointer-events:none;
    position:absolute;
    z-index:3
}
.i-flag.china {
    background-position:0 -11px
}
.i-flag.taiwan {
    background-position:0 -61px
}
.i-flag.english {
    background-position:0 -110px
}
.i-flag.thailand {
    background-position:0 -160px
}
.i-flag.south-korean {
    background-position:0 -210px
}
.i-flag.myanmar {
    background-position:0 -259px
}
.i-flag.indonesia {
    background-position:0 -358px
}
.pace {
    -moz-user-select:none;
    -webkit-pointer-events:none;
    -webkit-user-select:none;
    pointer-events:none;
    -ms-user-select:none;
    user-select:none
}
.pace-inactive {
    display:none
}
.pace .pace-progress {
    background:#110d06;
    height:2px;
    position:fixed;
    right:100%;
    top:0;
    width:100%;
    z-index:2000
}
.reg-banner .swiper-container {
    width:100%;
    position:relative;
    overflow:hidden
}
.reg-banner .swiper-slide {
    background-position:center top;
    background-repeat:no-repeat;
    background-size:100%;
    padding-top:20%
}
.reg-banner .swiper-container-horizontal .swiper-pagination-bullet {
    width:12px;
    height:12px;
    background:#fff
}
.reg-banner .swiper-container-horizontal>.swiper-pagination-bullets {
    width:auto;
    bottom:50px;
    left:30px
}
.carouselCasino {
    position:relative
}
.carouselCasino .swiper-container {
    width:92%;
    width:82%;
    height:100%;
    margin:55px auto
}
.carouselCasino .swiper-button-next {
    background:url(imgs/main/aboutArrow.png) -47px center no-repeat;
    right:5%
}
.carouselCasino .swiper-button-prev {
    background:url(imgs/main/aboutArrow.png) -4px center no-repeat;
    left:5%
}
.carouselCasino .swiper-slide {
    width:100%;
    height:100%;
    text-align:center
}
.carouselCasino .lnk-slide {
    display:inline-block;
    width:297px;
    height:198px;
    background-repeat:no-repeat;
    background-size:contain;
    -webkit-box-shadow:1px 0px 5px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:1px 0px 5px 1px rgba(0, 0, 0, 0.6);
    box-shadow:1px 0px 5px 1px rgba(0, 0, 0, 0.6)
}
.lnk-GC01 {
    background-image:url(imgs/main/gc01.jpg)
}
.lnk-GC02 {
    background-image:url(imgs/main/gc02.jpg)
}
.lnk-GC03 {
    background-image:url(imgs/main/gc03.jpg)
}
.lnk-GC04 {
    background-image:url(imgs/main/gc04.jpg)
}
.lnk-GC05 {
    background-image:url(imgs/main/gc05.jpg)
}
.lnk-GC06 {
    background-image:url(imgs/main/gc06.jpg)
}
.lnk-GC07 {
    background-image:url(imgs/main/gc07.jpg)
}
.lnk-GC08 {
    background-image:url(imgs/main/gc08.jpg)
}
.lnk-GC09 {
    background-image:url(imgs/main/gc09.jpg)
}
.lnk-DC01 {
    background-image:url(imgs/main/dc01.jpg)
}
.lnk-DC02 {
    background-image:url(imgs/main/dc02.jpg)
}
.lnk-DC03 {
    background-image:url(imgs/main/dc03.jpg)
}
.lnk-DC04 {
    background-image:url(imgs/main/dc04.jpg)
}
.lnk-DC05 {
    background-image:url(imgs/main/dc05.jpg)
}
.lnk-DC06 {
    background-image:url(imgs/main/dc06.jpg)
}
.lnk-DC07 {
    background-image:url(imgs/main/dc07.jpg)
}
.lnk-DC08 {
    background-image:url(imgs/main/dc08.jpg)
}
.lnk-DC09 {
    background-image:url(imgs/main/dc09.jpg)
}
.are-marquee {
    height:30px;
    position:relative;
    top:-30px;
    z-index:2;
    background-color:rgba(0, 0, 0, 0.560784);
    overflow:hidden
}
.are-marquee .h3-marquee {
    display:inline-block;
    color:#fff;
    line-height:30px;
    font-weight:normal;
    vertical-align:middle
}
.marquee {
    display:inline-block;
    width:900px;
    min-height:30px;
    vertical-align:top;
    overflow:hidden;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.marquee .ul-marquee {
    display:inline-block
}
.marquee .ul-marquee li {
    display:block;
    width:100%;
    height:20px;
    margin:10px 0 10px 0;
    color:#fff
}
.marquee .lnk-marquee {
    position:absolute;
    width:100%;
    height:50px
}
.are-logInBox, .are-marqueeBox, .are-modifyPasdBox {
    visibility:hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    width:100%;
    height:100%;
    padding-top:0%;
    margin:0 auto;
    position:absolute;
    top:0;
    z-index:-1
}
.are-logInBox .lnk-boxClose, .are-marqueeBox .lnk-boxClose, .are-modifyPasdBox .lnk-boxClose {
    font-size:26px;
    text-align:center;
    position:absolute;
    width:32px;
    height:32px;
    color:#fff;
    top:10px;
    right:0;
    background:url(imgs/box/controls-close.png) no-repeat 0 0
}
.are-logInBox .lnk-boxClose:hover, .are-marqueeBox .lnk-boxClose:hover, .are-modifyPasdBox .lnk-boxClose:hover {
    background-position:0 -30px
}
.are-logInBox .boxOverlay, .are-marqueeBox .boxOverlay, .are-modifyPasdBox .boxOverlay {
    display:block;
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    opacity:0.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter:alpha(opacity=90);
    z-index:0
}
.are-logInBox.on, .are-marqueeBox.on, .are-modifyPasdBox.on {
    visibility:visible;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    padding-top:5%;
    cursor:pointer;
    z-index:5
}
.are-logInBox.on .blk-logInBox, .are-marqueeBox.on .blk-logInBox, .are-modifyPasdBox.on .blk-logInBox {
    width:80%
}
.are-logInBox.on .blk-marqueeBox, .are-marqueeBox.on .blk-marqueeBox, .are-modifyPasdBox.on .blk-marqueeBox {
    width:90%
}
.blk-logInBox, .blk-modifyPasdBox {
    width:65%;
    margin:0 auto;
    height:auto;
    background-color:#464651;
    padding:26px 0 40px 0;
    border-radius:7px;
    border:1px solid #555555;
    position:relative;
    z-index:5
}
.blk-logInBox .h1-tit, .blk-modifyPasdBox .h1-tit {
    font-size:20px
}
.blk-logInBox .h1-tit:after, .blk-logInBox .h1-tit:before, .blk-modifyPasdBox .h1-tit:after, .blk-modifyPasdBox .h1-tit:before {
    display:none;
    font-size:20px
}
.blk-logInBox .ipt-basic, .blk-modifyPasdBox .ipt-basic {
    display:block;
    width:90%;
    line-height:30px;
    margin:20px auto;
    border:2px solid #c1c1c1;
    background:#000 url(imgs/ui/icons.png) -7px 2px no-repeat
}
.blk-logInBox .ipt-basic :active, .blk-logInBox .ipt-basic:focus, .blk-modifyPasdBox .ipt-basic :active, .blk-modifyPasdBox .ipt-basic:focus {
    border:2px solid #9665bf
}
.blk-logInBox .form-logIn .ipt-user :active, .blk-logInBox .form-logIn .ipt-user:focus, .blk-logInBox .form-modifyPasd .ipt-user :active, .blk-logInBox .form-modifyPasd .ipt-user:focus, .blk-modifyPasdBox .form-logIn .ipt-user :active, .blk-modifyPasdBox .form-logIn .ipt-user:focus, .blk-modifyPasdBox .form-modifyPasd .ipt-user :active, .blk-modifyPasdBox .form-modifyPasd .ipt-user:focus {
    background-position:-7px -33px
}
.blk-logInBox .form-logIn .ipt-password, .blk-logInBox .form-modifyPasd .ipt-password, .blk-modifyPasdBox .form-logIn .ipt-password, .blk-modifyPasdBox .form-modifyPasd .ipt-password {
    width:90%;
    background:#000 url(imgs/ui/icons.png) -7px -72px no-repeat
}
.blk-logInBox .form-logIn .ipt-password :active, .blk-logInBox .form-logIn .ipt-password:focus, .blk-logInBox .form-modifyPasd .ipt-password :active, .blk-logInBox .form-modifyPasd .ipt-password:focus, .blk-modifyPasdBox .form-logIn .ipt-password :active, .blk-modifyPasdBox .form-logIn .ipt-password:focus, .blk-modifyPasdBox .form-modifyPasd .ipt-password :active, .blk-modifyPasdBox .form-modifyPasd .ipt-password:focus {
    background-position:-7px -108px
}
.blk-logInBox .form-logIn .ipt-captcha, .blk-logInBox .form-modifyPasd .ipt-captcha, .blk-modifyPasdBox .form-logIn .ipt-captcha, .blk-modifyPasdBox .form-modifyPasd .ipt-captcha {
    background:#000 url(imgs/ui/icons.png) -7px -147px no-repeat
}
.blk-logInBox .form-logIn .ipt-captcha :active, .blk-logInBox .form-logIn .ipt-captcha:focus, .blk-logInBox .form-modifyPasd .ipt-captcha :active, .blk-logInBox .form-modifyPasd .ipt-captcha:focus, .blk-modifyPasdBox .form-logIn .ipt-captcha :active, .blk-modifyPasdBox .form-logIn .ipt-captcha:focus, .blk-modifyPasdBox .form-modifyPasd .ipt-captcha :active, .blk-modifyPasdBox .form-modifyPasd .ipt-captcha:focus {
    background-position:-7px -181px
}
.blk-logInBox .form-logIn .ipt-captcha, .blk-logInBox .form-modifyPasd .ipt-captcha, .blk-modifyPasdBox .form-logIn .ipt-captcha, .blk-modifyPasdBox .form-modifyPasd .ipt-captcha {
    width:90%;
    margin:0 auto
}
.blk-logInBox .form-logIn .panel-captcha, .blk-logInBox .form-modifyPasd .panel-captcha, .blk-modifyPasdBox .form-logIn .panel-captcha, .blk-modifyPasdBox .form-modifyPasd .panel-captcha {
    display:block
}
.blk-logInBox .form-logIn .img-captcha, .blk-logInBox .form-modifyPasd .img-captcha, .blk-modifyPasdBox .form-logIn .img-captcha, .blk-modifyPasdBox .form-modifyPasd .img-captcha {
    right:39px;
    top:10px
}
.blk-logInBox .form-logIn .lnk-primary, .blk-logInBox .form-modifyPasd .lnk-primary, .blk-modifyPasdBox .form-logIn .lnk-primary, .blk-modifyPasdBox .form-modifyPasd .lnk-primary {
    display:block;
    width:90%;
    margin:20px auto 0;
    line-height:30px;
    text-align:center;
    font-size:16px
}
.blk-logInBox .form-logIn .lnk-primary:hover, .blk-logInBox .form-modifyPasd .lnk-primary:hover, .blk-modifyPasdBox .form-logIn .lnk-primary:hover, .blk-modifyPasdBox .form-modifyPasd .lnk-primary:hover {
    color:#000;
    -webkit-box-shadow:0px 0px 0px 0px transparent;
    -moz-box-shadow:0px 0px 0px 0px transparent;
    box-shadow:0px 0px 0px 0px transparent
}
.blk-logInBox .panel-control, .blk-modifyPasdBox .panel-control {
    width:340px;
    margin:0 auto
}
.blk-marqueeBox {
    width:70%;
    height:auto;
    padding:5%;
    margin:0 auto;
    background-color:#000;
    border-radius:7px;
    border:2px solid #5a3f88;
    position:relative;
    z-index:5
}
.blk-marqueeBox .h2-marquee {
    font-size:20px;
    font-weight:normal;
    color:#fff
}
.blk-marqueeBox .txt-marquee {
    color:#b48cff;
    font-size:15px;
    line-height:25px;
    letter-spacing:1px
}
@media screen and (max-width:1024px) {
    div.cs-select .cs-placeholder {
        text-indent:-9999em
    }
    div.cs-select span {
        text-indent:-9999em
    }
    div.cs-select .cs-selected span:after, div.cs-select>span:after {
        right:0;
        text-indent:-11px
    }
    .cs-skin-elastic .cs-options li span {
        line-height:35px
    }
    .cs-skin-elastic .cs-options li.flag-china span {
        background-position:0px -8px
    }
    .cs-skin-elastic .cs-options li.flag-taiwan span {
        background-position:0px -57px
    }
    .cs-skin-elastic .cs-options li.flag-english span {
        background-position:0px -107px
    }
    .cs-skin-elastic .cs-options li.flag-thailand span {
        background-position:0px -156px
    }
    .cs-skin-elastic .cs-options li.flag-korean span {
        background-position:0px -207px
    }
    .cs-skin-elastic .cs-options li.flag-myanmar span {
        background-position:0px -256px
    }
    .cs-skin-elastic .cs-options li.flag-indonesia span {
        background-position:0px -356px
    }
    .cs-skin-elastic .cs-options li.cs-selected span {
        display:none
    }
    .marquee {
        width:80%
    }
    .carouselCasino .lnk-slide {
        width:198px;
        height:132px
    }
    .are-modifyPasdBox.on {
        padding-top:25%
    }
}
@media screen and (max-width:768px) {
    .are-lang {
        margin:0 80px 0 0
    }
    div.cs-select .cs-placeholder {
        padding:29px 52px 28px 45px;
        -webkit-box-shadow:none;
        box-shadow:none;
        background:none;
        border-right:1px solid #45454f;
        border-left:1px solid #45454f;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        -ms-border-radius:0px;
        border-radius:0px
    }
    div.cs-select.cs-active>span:after {
        -webkit-transform:translateY(-50%) rotate(0deg) scale(2.5);
        -ms-transform:translateY(-50%) rotate(0deg) scale(2.5);
        transform:translateY(-50%) rotate(0deg) scale(2.5)
    }
    div.cs-select span {
        padding:0 0 0 13px;
        line-height:24px
    }
    div.cs-select .cs-selected span:after, div.cs-select>span:after {
        text-indent:-15px;
        -webkit-transform:translateY(-50%) scale(2.5);
        -ms-transform:translateY(-50%) scale(2.5);
        transform:translateY(-50%) scale(2.5)
    }
    .cs-skin-elastic .cs-options li span {
        line-height:45px;
        background-image:url(imgs/lang/lang-flag.png)
    }
    .cs-skin-elastic .cs-options li.flag-china span {
        background-position:4px -23px
    }
    .cs-skin-elastic .cs-options li.flag-taiwan span {
        background-position:4px -110px
    }
    .cs-skin-elastic .cs-options li.flag-english span {
        background-position:4px -199px
    }
    .cs-skin-elastic .cs-options li.flag-thailand span {
        background-position:4px -285px
    }
    .cs-skin-elastic .cs-options li.flag-korean span {
        background-position:4px -373px
    }
    .cs-skin-elastic .cs-options li.flag-myanmar span {
        background-position:4px -460px
    }
    .cs-skin-elastic .cs-options li.flag-indonesia span {
        background-position:4px -635px
    }
    .i-flag {
        width:99px;
        height:83px;
        background-image:url(imgs/lang/lang-flag.png)
    }
    .i-flag.china {
        background-position:6px -4px
    }
    .i-flag.taiwan {
        background-position:6px -90px
    }
    .i-flag.english {
        background-position:6px -178px
    }
    .i-flag.thailand {
        background-position:6px -267px
    }
    .i-flag.south-korean {
        background-position:6px -354px
    }
    .i-flag.myanmar {
        background-position:6px -441px
    }
    .i-flag.indonesia {
        background-position:6px -618px
    }
    .reg-banner .swiper-slide {
        background-size:200%;
        padding-top:41.5%
    }
    .reg-banner .swiper-container-horizontal .swiper-pagination-bullet {
        display:none
    }
    .carouselCasino .swiper-container {
        width:100%
    }
    .are-modifyPasdBox.on .blk-modifyPasdBox {
        width:80%
    }
}
@media screen and (max-width:480px) {
    .are-lang {
        margin:0 55px 0 0
    }
    div.cs-select .cs-placeholder {
        padding:14px 35px 14px 35px
    }
    div.cs-select.cs-active>span:after {
        -webkit-transform:translateY(-50%) rotate(0deg) scale(2.5);
        -ms-transform:translateY(-50%) rotate(0deg) scale(2.5);
        transform:translateY(-50%) rotate(0deg) scale(2.5)
    }
    div.cs-select span {
        padding:0 0 0 13px;
        line-height:24px
    }
    div.cs-select .cs-selected span:after, div.cs-select>span:after {
        text-indent:-10px
    }
    .cs-skin-elastic .cs-options li span {
        line-height:45px;
        background-image:url(imgs/lang/lang-flag.png)
    }
    .cs-skin-elastic .cs-options li.flag-china span {
        background-position:-7px -24px
    }
    .cs-skin-elastic .cs-options li.flag-taiwan span {
        background-position:-7px -110px
    }
    .cs-skin-elastic .cs-options li.flag-english span {
        background-position:-7px -199px
    }
    .cs-skin-elastic .cs-options li.flag-thailand span {
        background-position:-7px -285px
    }
    .cs-skin-elastic .cs-options li.flag-korean span {
        background-position:-7px -373px
    }
    .cs-skin-elastic .cs-options li.flag-myanmar span {
        background-position:-7px -460px
    }
    .cs-skin-elastic .cs-options li.flag-indonesia span {
        background-position:-7px -635px
    }
    .i-flag {
        width:99px;
        height:83px;
        background-image:url(imgs/lang/lang-flag.png)
    }
    .i-flag.china {
        background-position:-6px -19px
    }
    .i-flag.taiwan {
        background-position:-6px -107px
    }
    .i-flag.english {
        background-position:-6px -195px
    }
    .i-flag.thailand {
        background-position:-6px -282px
    }
    .i-flag.south-korean {
        background-position:-6px -370px
    }
    .i-flag.myanmar {
        background-position:-6px -457px
    }
    .i-flag.indonesia {
        background-position:-6px -632px
    }
    .reg-banner {
        margin-bottom:0
    }
    .reg-banner .are-marquee {
        top:0;
        background-color:#212126
    }
    .reg-banner .are-marquee .lay-screen {
        width:95%
    }
    .reg-banner .marquee {
        width:70%
    }
    .blk-logInBox .form-logIn .img-captcha {
        right:27px
    }
    .blk-modifyPasdBox .panel-control {
        width:auto;
        text-align:center
    }
    .blk-modifyPasdBox .panel-control .lnk-primary {
        padding:5px 10px
    }
    .carouselCasino .lnk-slide {
        width:328px;
        height:218px
    }
}
@media screen and (max-width:320px) {
    div.cs-select .cs-placeholder {
        padding:14px 23px
    }
    .carouselCasino .lnk-slide {
        width:260px;
        height:173px
    }
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration:0.75s;
    animation-duration:0.75s
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
.animated.flip {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes arrowMove {
    0% {
        left:10px
    }
    to {
        left:15px;
        color:#e8b67e
    }
}
@keyframes arrowMove {
    0% {
        left:10px
    }
    to {
        left:15px;
        color:#e8b67e
    }
}
@-webkit-keyframes opacityShow {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes opacityShow {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@media screen and (max-width:1200px) {
    .lay-screen {
        width:98%
    }
    .are-logo {
        float:left;
        -moz-transform:scale(0.6);
        -o-transform:scale(0.6);
        -ms-transform:scale(0.6);
        -webkit-transform:scale(0.6);
        transform:scale(0.6);
        -moz-transform-origin:left;
        -o-transform-origin:left;
        -ms-transform-origin:left;
        -webkit-transform-origin:left;
        transform-origin:left
    }
    .are-authorA {
        margin-left:-92px
    }
    .are-authorB {
        margin:0;
        right:0;
        top:54px
    }
    .h1-contact {
        display:none
    }
    .are-f-Contact .ul-contact {
        width:100%
    }
    .reg-main {
        height:990px
    }
    .are-apkTour {
        background:url(imgs/main/img-apkTour.png) -8px 145px no-repeat;
        padding-bottom:42px;
        background-size:270px
    }
    .are-apkTour .h3-desc {
        text-align:center
    }
    .blk-apkTour {
        width:435px;
        height:176px;
        margin:75px 0 0 37%
    }
    .lnk-apkQrcode {
        width:125px;
        height:125px
    }
    #apkQrcode:before, .blk-apkTour img {
        background-size:125px;
        width:120px;
        height:120px
    }
    .lnk-apkQrcode:after {
        margin-left:145px
    }
    .lnk-tourGuide {
        margin-top:18px;
        width:200px
    }
    .ul-service {
        margin:0 auto
    }
    .li-service {
        width:265px;
        height:210px;
        margin:0 10px 55px
    }
    .reg-mainBottom {
        height:450px
    }
    .blk-casino {
        width:700px;
        height:290px
    }
    .blk-casino .panel-casino:first-of-type, .blk-casino .panel-casino:nth-of-type(2) {
        width:700px;
        background-size:700px;
        height:290px
    }
    .blk-casino .panel-quickInfo {
        width:262px;
        height:290px
    }
    .blk-casino .img-casinoDC, .blk-casino .img-casinoGC {
        width:51px;
        height:55px
    }
    .blk-casino .h3-desc {
        margin:20px 0 20px 0;
        font-size:13px;
        line-height:20px;
        letter-spacing:1px
    }
    .blk-casino .lnk-primary {
        font-size:13px;
        width:170px;
        padding:8px 15px
    }
    .panel-switch {
        top:290px;
        height:44px
    }
    .panel-switch .lnk-switch {
        font-size:18px;
        width:50%;
        height:auto;
        vertical-align:top;
        line-height:45px
    }
}
@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .are-authorA {
        float:right
    }
    .reg-main {
        height:auto
    }
    .are-apkTour {
        background:url(imgs/main/img-apkTour.png) 145px 145px no-repeat;
        background-size:270px
    }
    .blk-apkTour {
        margin:123px 0 0 420px
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:1%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:4%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:2%
    }
    .are-f-Contact .li-contact .blk-wechat {
        margin-left:4%
    }
}
@media screen and (max-width:900px) {
    .reg-main {
        height:1374px
    }
    .li-service {
        width:320px;
        height:240px;
        margin:0 10px 65px 10px
    }
    .li-service:nth-child(4) {
        margin-left:10px
    }
    .li-service:nth-child(5) {
        margin-left:-1px
    }
}
@media screen and (max-width:768px) {
    .are-sideTool {
        display:none
    }
    .lay-screen {
        width:100%
    }
    .blk-loggedIn {
        width:106px;
        height:auto
    }
    .blk-loggedIn .lnk-loggedIn {
        width:100%
    }
    .blk-loggedIn .form-loggedIn {
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:alpha(opacity=0);
        top:-99em;
        left:-40px;
        background-color:#464651;
        text-align:center;
        -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
        -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6)
    }
    .blk-loggedIn .form-loggedIn a {
        display:block;
        width:auto;
        height:auto;
        font-size:15px;
        padding:15px 28px;
        margin:0;
        border-bottom:1px solid #000;
        background-color:transparent;
        -webkit-box-shadow:none;
        box-shadow:none;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        -ms-border-radius:0px;
        border-radius:0px
    }
    .blk-loggedIn .form-loggedIn a.lnk-account {
        background:url(imgs/ui/icons.png) 30px -29px no-repeat;
        text-indent:34px
    }
    .blk-loggedIn .form-loggedIn a.lnk-loggedOut {
        padding:8px 52px;
        margin:8px auto;
        white-space:nowrap;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        -ms-border-radius:3px;
        border-radius:3px
    }
    .blk-loggedIn .form-loggedIn a.lnk-cash {
        background:url(imgs/ui/icons.png) 34px -610px no-repeat;
        text-indent:34px
    }
    .blk-loggedIn.on .form-loggedIn {
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        top:-3px
    }
    .blk-loggedIn.on .lnk-loggedIn {
        background-color:#464651;
        border-bottom:1px solid #000
    }
    .blk-loggedIn.on .lnk-loggedIn:after {
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .lnk-loggedIn {
        display:inline-block
    }
    .blk-loggedOut {
        border-left:0px;
        margin:0 5px
    }
    .blk-loggedOut .lnk-loggedOut {
        margin:10px 0
    }
    .lnk-mb {
        display:inline-block;
        z-index:5
    }
    .lnk-mb.on+.are-authorB {
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        top:0;
        z-index:4;
        pointer-events:auto
    }
    .reg-header {
        height:83px
    }
    .reg-header .lay-screen {
        width:100%
    }
    .are-logo {
        margin:-6px 0 0 2%;
        position:absolute;
        z-index:5
    }
    .are-authorA {
        float:right;
        margin:0
    }
    .are-authorA .form-logIn {
        display:none
    }
    .lnk-logIn {
        display:block;
        margin:20px 23px;
        padding:12px 28px
    }
    .are-authorB {
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:alpha(opacity=0);
        top:1em;
        right:0;
        pointer-events:none;
        width:100%;
        height:auto;
        margin:0;
        background-color:#212126;
        z-index:0
    }
    .blk-nav {
        margin-top:83px;
        background-color:#464651
    }
    .blk-nav .li-nav {
        display:block;
        width:100%;
        border-bottom:1px solid #000;
        position:relative
    }
    .blk-nav .li-nav:last-child .i-arrow {
        top:16px;
        right:67%
    }
    .blk-nav .li-nav:first-child .lnk-nav, .blk-nav .li-nav:nth-child(2) .lnk-nav {
        width:100%
    }
    .blk-nav .li-nav .lnk-nav {
        width:100%;
        font-size:18px;
        text-align:left;
        padding-left:25px;
        line-height:47px;
        border-bottom:0px solid #cd9f24
    }
    .blk-nav .li-nav.on {
        width:100%
    }
    .blk-nav .li-nav.on:last-child {
        border-bottom:0px solid transparent
    }
    .blk-nav .li-nav.on:last-child .lnk-nav {
        border-bottom:0px solid transparent
    }
    .blk-nav .li-nav.on>.lnk-nav {
        border-bottom:0px solid #cd9f24
    }
    .blk-nav .li-nav.on .nav-dropDown {
        border-top:0px solid #cd9f24
    }
    .blk-nav .nav-dropDown {
        width:100%;
        border-top:0px solid transparent
    }
    .blk-nav .nav-dropDown .lnk-navDrop {
        width:100%;
        font-size:16px;
        text-align:left;
        padding-left:25px;
        border-bottom:25px solid #464651
    }
    .blk-nav .nav-dropDown .lnk-navDrop:first-child {
        border-bottom:0px solid #464651
    }
    .ul-service {
        width:675px
    }
    .li-service {
        margin:15px 5px 30px
    }
    .li-service:nth-child(4) {
        margin-left:0
    }
    .blk-casino {
        width:80%;
        margin:0 auto;
        overflow:hidden
    }
    .ul-apkSign {
        margin:50px auto 35px auto
    }
    .reg-footer:before {
        top:90px
    }
    .reg-footer .blk-nav {
        margin-top:0;
        background:none
    }
    .are-f-Contact .li-contact {
        height:90px
    }
    .are-f-Contact .li-contact .txt-contact {
        display:none
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-1%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:1%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:2%
    }
    .are-f-Contact .li-contact .blk-wechat {
        margin-left:2%
    }
    .are-f-Contact .li-contact.on .blk-line, .are-f-Contact .li-contact.on .blk-wechat {
        display:none
    }
    .reg-main {
        height:auto
    }
    .are-apkTour {
        background:url(imgs/main/img-apkTour.png) center 145px no-repeat;
        background-size:auto;
        text-align:center
    }
    .are-apkTour .h3-desc {
        width:100%;
        margin:15px auto
    }
    .li-apkSign .lnk-apk {
        pointer-events:auto
    }
    .blk-apkTour {
        width:auto;
        height:215px;
        padding:0 10px;
        margin:379px auto 0
    }
    .blk-apkTour .lnk-apkQrcode {
        display:none
    }
    .li-apkSign {
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        -ms-border-radius:3px;
        border-radius:3px;
        -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
        -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.6);
        position:relative
    }
    .li-apkSign .lnk-apk {
        width:100%;
        min-width:198px;
        font-size:15px;
        text-align:left;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
    .li-apkSign .em-txt, .li-apkSign .i-arrow {
        display:inline-block
    }
    .li-apkSign .i-arrow {
        font-weight:normal;
        text-align:right
    }
    .li-apkSign:first-child {
        margin:0 11px 0 0;
        border-right:0px solid rgba(255, 255, 255, 0.15);
        background:#c05cff;
        background:-moz-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-o-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:linear-gradient(135deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c05cff', endColorstr='#6a70ff', GradientType=1)
    }
    .li-apkSign:first-child .lnk-apk {
        padding:12px 13px 12px 55px;
        background:url(imgs/ui/icons-mb.png) 0 -143px no-repeat
    }
    .li-apkSign:nth-child(2) {
        background:#c05cff;
        background:-moz-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(-45deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-webkit-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:-o-linear-gradient(315deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        background:linear-gradient(135deg, #c05cff 0%, #c05cff 26%, #c05cff 26%, #6a70ff 77%, #6a70ff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c05cff', endColorstr='#6a70ff', GradientType=1)
    }
    .li-apkSign:nth-child(2) .em-txt {
        text-indent:4px
    }
    .li-apkSign:nth-child(2) .lnk-apk {
        padding:12px 13px 12px 80px;
        text-indent:-20px;
        letter-spacing:0px;
        background:url(imgs/ui/icons-mb.png) 0 -77px no-repeat
    }
    .li-apkSign:nth-child(2) .lnk-apk:after {
        left:7%
    }
    .lnk-tourGuide {
        width:411px;
        text-align:left
    }
    .are-txtrule .li-rulelist, .are-txtrule p {
        font-size:16px;
        line-height:26px
    }
    .are-txtrule .p-tit {
        font-size:18px;
        line-height:28px;
        padding-bottom:10px
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .blk-nav .li-nav:last-child .i-arrow {
        top:16px;
        right:84%
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-1%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:3%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:2%
    }
    .are-f-Contact .li-contact .blk-wechat {
        margin-left:2%
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .are-f-Contact .li-contact .blk-phone {
        margin-left:2%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:4%
    }
}
@media screen and (max-width:730px) {
    .ul-service {
        width:100%;
        text-align:center
    }
    .li-service {
        -moz-transform:scale(0.9);
        -o-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -webkit-transform:scale(0.9);
        transform:scale(0.9);
        width:48%;
        height:auto;
        padding-top:36%;
        background-position:center top;
        background-size:100%;
        margin:15px 0px 25px
    }
    .li-service .h2-serviceName {
        bottom:auto
    }
    .li-service .txt-serviceDescibe {
        font-size:17px
    }
    .ul-subNav {
        padding:24px 0 0
    }
    .ul-subNav .li-subNav {
        margin:0 0 16px -4px
    }
    .ul-subNav .li-subNav:first-child {
        border-left:0px solid #3d394e
    }
    .ul-subNav .lnk-subNav {
        padding:0 20px
    }
    .ui-li-pager {
        margin:0 auto 7px auto
    }
}
@media screen and (max-width:600px) {
    .li-service {
        width:47%;
        padding-top:35%;
        margin:0px 0px 25px
    }
}
@media screen and (max-width:480px) {
    .lnk-logIn {
        margin:11px 23px;
        padding:6px 20px
    }
    .li-service:nth-child(4) .txt-serviceDescibe, .li-service:nth-child(6) .txt-serviceDescibe {
        font-size:13px
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-8%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:-2%
    }
    .are-apkTour {
        background:url(imgs/main/img-apkTour.png) calc(100% / 2.2) 130px no-repeat;
        background-size:40%
    }
    .are-apkTour .h3-desc {
        width:80%;
        margin:0 auto;
        line-height:23px
    }
    .are-apkTour .blk-apkTour {
        width:80%;
        height:auto;
        margin:47.3% auto 0;
        padding:0 20px
    }
    .are-apkTour .blk-apkTour .li-apkSign {
        width:100%;
        margin:2% auto
    }
    .are-apkTour .blk-apkTour .lnk-tourGuide {
        width:100%;
        text-align:left;
        margin:2% auto;
        padding-left:22px
    }
    .blk-casino .panel-casino:first-of-type, .blk-casino .panel-casino:nth-of-type(2) {
        background-position:-280px top
    }
    .reg-header {
        height:53px
    }
    .lnk-logIn {
        margin:11px 12px;
        padding:5px 14px
    }
    .are-logo {
        margin:-19px 0 0 1%;
        -moz-transform:scale(0.4);
        -o-transform:scale(0.4);
        -ms-transform:scale(0.4);
        -webkit-transform:scale(0.4);
        transform:scale(0.4)
    }
    .lnk-mb {
        right:9px;
        top:-6px
    }
    .lnk-mb.on>span:first-of-type {
        top:26px
    }
    .lnk-mb.on>span:nth-of-type(3) {
        top:11px
    }
    .blk-nav {
        margin-top:53px
    }
    .blk-loggedIn {
        width:71px
    }
    .lnk-loggedIn {
        height:53px;
        background:url(imgs/ui/icons-mb.png) 0px -7px no-repeat
    }
    .lnk-loggedIn:after {
        top:19px;
        right:4px
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-13%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:-8%
    }
    .li-service .h2-serviceName {
        font-size:15px
    }
    .reg-mainBottom {
        height:auto;
        padding-bottom:15px
    }
    .reg-mainBottom .blk-casino {
        height:390px
    }
    .reg-mainBottom .blk-casino .panel-casino {
        height:390px;
        background-position:190% top;
        background-size:141%
    }
    .reg-mainBottom .blk-casino .panel-quickInfo {
        width:53%;
        height:456px
    }
    .reg-mainBottom .blk-casino .panel-switch {
        top:390px
    }
    .reg-mainBottom .blk-casino .img-casinoGC {
        width:83px;
        height:91px
    }
    .reg-mainBottom .blk-casino .h3-desc {
        width:90%;
        font-size:15px;
        line-height:26px
    }
    .reg-mainBottom .blk-casino .lnk-primary {
        width:244px;
        font-size:15px;
        padding:15px 15px;
        margin-top:66px
    }
}
@media screen and (max-width:430px) {
    .reg-mainBottom .blk-casino .lnk-primary {
        width:85%
    }
    .reg-mainBottom .blk-casino .panel-quickInfo {
        width:47%
    }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-1%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:2%
    }
}
@media screen and (max-width:390px) {
    .reg-mainBottom .blk-casino .lnk-primary {
        width:85%;
        margin-top:30px
    }
    .reg-mainBottom .blk-casino .panel-quickInfo {
        width:42%
    }
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .reg-mainBottom .blk-casino .panel-quickInfo {
        width:46%
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-12%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:-9%
    }
}
@media screen and (max-width:360px) {
    .are-apkTour .blk-apkTour {
        margin:48.5% auto 0
    }
}
@media screen and (max-width:320px) {
    .reg-mainBottom .blk-casino .lnk-primary {
        width:85%
    }
    .reg-mainBottom .blk-casino .panel-quickInfo {
        width:35%
    }
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-18%
    }
    .are-f-Contact .li-contact .blk-line {
        margin-left:-9%
    }
}
@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait) {
    .are-f-Contact .li-contact .blk-phone {
        margin-left:-12%
    }
    .are-f-Contact .li-contact .blk-skype {
        margin-left:-9%
    }
}