body,html,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,form{margin:0;padding: 0;outline: 0;}
ul,li,dl,dt,dd{list-style:none;}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration: none;}
img{border:0;}
*:focus{outline: none;}
body,html{font-family: "微软雅黑";min-width: 1000px;}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
.yellowCr{color: #FFFF00}
.wrap{width: 1000px;margin: 0 auto;}
.hide{display: none;}
em,i{font-style:normal}
*{box-sizing: border-box;}


/*botfixed*/
/* BBin資訊站 */
@keyframes hoverEff{
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@-webkit-keyframes hoverEff{
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.bbininfo-wrap {position: fixed;right: 0;bottom: 3px;z-index: 999;}
.btn-bbininfo {display: block;position: relative;right: 0;}
.bbin-toppic {display: none;width: 301px;height: 48px;cursor: pointer;}
a.bbin-toppic.no-link {cursor: default;}

@keyframes bbinactive
{   
    0%{ margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-moz-keyframes bbinactive /* Firefox */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-webkit-keyframes bbinactive /* Safari 和 Chrome */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-o-keyframes bbinactive /* Opera */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}
.bbin-jump .bbininfo-slide-active {
    animation: bbinactive 1s;
    -moz-animation: bbinactive 1s; /* Firefox */
    -webkit-animation: bbinactive 1s;  /* Safari 和 Chrome */
    -o-animation: bbinactive 1s;   /* Opera */
}
.bbininfo-slide-active {display: block;}
.bbininfo-close {position: absolute;width: 20px;height: 20px;top: 8px;right: 4px;z-index: 3;cursor: pointer;background: url(../images/bbin_close.png) 50% 50% no-repeat;
}
.bbininfo-close:hover {animation: hoverEff .8s linear;-webkit-animation: hoverEff .8s linear;}

/*header*/
.header{width: 100%;height: 184napx;background: url(../images/header_bg.jpg)  no-repeat left top;font-size: 12px;color: #633B1D;background-size: 100% 100%;
    z-index: 9999}
.header .top{height: 32px;line-height: 32px;color: #fff;}
.header .top .left{padding-left: 60px;}
.header .top a{color: #ECD713;display: inline-block;margin: 0 4px;}
.header .top img{vertical-align: middle;display: inline-block}
.logo{display: inline-block;width: 228px;height: 100px;
    position: absolute;left: 0;}
.logo img{max-width: none;}
.logo:hover{background-position: 0 -125px;}
.logo-con{position: relative;height: 100px}
.logo-con .headerimg{margin: 20px 0 0 0;}
.header .top .isb-game{color: #EC9E13}
.header .top .auto-game{color: #EC9E13}

.right p.download-app{
    display: inline-block;
    color: #46e061;
    font-size: 12px;
}
.right p.download-app span{
    display: none;
    position: absolute;
    top: 25px;
    width: 150px;
    z-index: 1;
}
.right p.download-app:hover span{
    display: block;
    height: 150px;
    background: url('../images/app_download.png')
}
.right p.download-app:hover span img{
    position: absolute;
    top: 35px;
    left: 25px;
    width: 100px;
    height: 100px;
}
#nav{
    position: relative;
    height: 52px;
    text-align: center;
    background: #261f21;
    border-bottom: 1px solid #31282b;
}
#nav > ul{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#nav>ul>li>a {
    display: inline-block;
    padding-top: 8px;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
#nav>ul>li {
    float: left;
    position: relative;
    width: 115px;
    height: 52px;
    font-size: 16px;
    color: #fff;
}
#nav>ul>li span {
    display: block;
    color: #694d57;
    font-size: 9.6px;
}
#nav>ul>li>a.blue {color: #56c5f7;}
#nav>ul>li>a.green {color: #46e061;}
#nav>ul>li>a.yellow {color: #ff0;}
#nav>ul>li:hover {background: #2f2729;}
#nav>ul>li:hover span, #nav>ul>li:hover {color: #ffea00;}
#nav>ul>li>a {
    display: inline-block;
    padding-top: 8px;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
#nav>ul>li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    border-left: 1px dotted #543f46;
    height: 22px;
}
.nav li .hot{position: absolute;right: 0px;top: 2px;margin-top: 0px;}
#nav .list .second-nav{
    visibility:hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 115px;
    z-index: 101;
    background: rgba(0,0,0,.7);
    border: 2px solid #e9cf7a;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
#nav .list>li:hover .second-nav{opacity: 1;visibility: visible;}
#nav .list .second-nav>a{
    display: block;
    width: 111px;
    color: #fff;
    font-size: 12px;
    line-height: 27px;
    text-align: left;
    border-bottom: 1px dashed #48363c;
    padding-left: 30px;
}
#nav .list .second-nav>a:hover{
    color: yellow;
}
#nav .list .second-nav>a.hot-game{
    background: url(../images/hot.gif) no-repeat right top;
}
.indexbanner {
    height: 320px;
    position: relative;
    overflow: hidden;
    clear: both;
}
.lunbo ,.aside-lunbo{
    height: 320px;
    position: relative;
}
.lunbo .hd ,.aside-lunbo .hd{
    overflow: hidden;
    position: absolute;
    left: 47%;
    bottom: 30px;
    z-index: 1;
}
.lunbo > .hd li.on,.aside-lunbo > .hd li.on{
    background: white;
}
.lunbo .bd,.aside-lunbo .bd{
    width: 100%;
    overflow: hidden;
    /*height: 512px;*/
}
.aside-lunbo .close-lb{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: url(../images/aside/aside_close.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}
.lunbo .hd ul ,.aside-lunbo .hd ul{
    overflow: hidden;
    zoom: 1;
    border-radius: 5px;
    padding: 10px 8px;
    text-align: center;
}
.lunbo .hd ul li ,.aside-lunbo .hd ul li{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px;
    cursor: pointer;
    background: rgba(0,0,0,.5);
    border: 1px solid #ccc;
    border-radius: 50%;
}
.index-news{
    background: rgba(0,0,0,0.8);
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0px;
}
#content{
    padding: 0;
    position: relative;
    background: #191315;
}
#home{
    height: 539px;
    background: url(../images/index_content.jpg);
    text-align: center;
}
.wrapper{
    position: relative;
    width: 1040px;
    margin: 0 auto;
}
#home .wrapper{
    padding-top: 100px;
    background: url(../images/content_title.png) no-repeat center top;
}
#game-box01,
#game-box02 {
    font-size: 0
}

#game-box01 li,
#game-box02 li {
    display: inline-block;
    background-repeat: no-repeat
}

#game-box01 li a,
#game-box02 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none
}

#game-box01 li {
    margin: 0 10px;
    width: 239px;
    height: 241px
}

#game-box02 {
    margin-top: -110px
}

#game-box02 li {
    width: 260px;
    height: 263px;
    background-position: center top
}

#game-box02 li:hover {
    background-position: center bottom
}

#game-box01 li[data-img="link01"] {
    background-image: url('../images/link01.png')
}

#game-box01 li[data-img="link02"] {
    background-image: url('../images/link02.png')
}

#game-box01 li[data-img="link03"] {
    background-image: url('../images/link03.png')
}

#game-box02 li[data-img="live"] {
    background-image: url('../images/live.png')
}

#game-box02 li[data-img="sport"] {
    background-image: url('../images/sport.png')
}

#game-box02 li[data-img="slot"] {
    background-image: url('../images/game.png')
}

#game-box02 li[data-img="lottery"] {
    background-image: url('../images/lottery.png')
}
#electronic{
    height: 458px;
    background: url(../images/index_bg2.jpg) no-repeat center;
    box-sizing: border-box;
}
#electronic .wrapper{
    background: url(../images/game-title.png) no-repeat left 35px;
}
#electronic .box-hide{display: none;}
.slot-list {
    display: inline-block;
    margin: 90px 0 20px;
}
.slot-list li {
    display: inline-block;
    margin-right: 8px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 41px;
    border-radius: 22px;
    background: #282023;
    color: #755d62;
    cursor: pointer
}

.slot-list li.active {
    background: #352a2e;
    color: #fdfa84
}

.game-box {width: 700px}

.game-box li {
    display: inline-block;
    margin: 0 11px 12px 0;
    width: 155px;
    height: 128px;
    font-size: 12px;
    background-color: #342a2d;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    text-align: center
}
.game-box li:hover{background: #fdfa84;}
.game-box li img{margin: 0 auto;margin-top: 2px;padding-bottom: 5px;}
.game-box li:hover span{color:#333;}
.jackpot {
    position: absolute;
    top: 35px;
    right: 0;
    padding-top: 48px;
    width: 300px;
    height: 96px;
    color: #fff;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    background: url('../images/jackpot.png') no-repeat
}

.jackpot:before {
    content: '';
    position: absolute;
    top: 100%;
    right: 47px;
    width: 198px;
    height: 66px;
    background: url('../images/award.png') no-repeat center top
}
.txtMarquee-top {
    position: absolute !important;
    top: 195px;
    right: 0;
    padding: 12px 8px 20px;
    width: 300px;
    height: 224px;
    border-radius: 15px;
    border: 1px solid #33292c;
    background: #201a1c;
    overflow: hidden;
    text-align: center
}
#award>li{line-height: 1.7}
#award span {
    display: inline-block;
    margin: 0 auto;
    width: 90px;
    color: #7e646a;
    font-size: 14px;
    text-align: left
}

#award span.player {
    width: 110px;
    padding-left: 10px
}

#mobile {
    padding-top: 100px;
    height: 497px;
    background: url('../images/index_bg3.png') no-repeat center
}

#mobile p {
    padding-top: 14px;
    width: 610px;
    color: #796066;
    font-size: 18px;
    line-height: 33px
}

#mobile #qr {
    position: absolute;
    top: 173px;
    left: 0;
    width: 100px;
    height: 100px;
    color: #796066;
    font-size: 14px;
    text-align: center
}

#mobile #qr img {
    width: 100px
}

#mobile a {
    position: absolute;
    top: 270px;
    left: 135px;
    width: 175px;
    height: 37px;
    background: url('../images/mobile.png') no-repeat center
}
.index-footer{
    width: 100%;
    background: #181516;
}
.index-footer:after{
    content: '';
    display: block;
    height: 320px;
    background: url('../images/index_footer.jpg') no-repeat center;
}
.index-login{width: 418px;
    ;position: absolute;right: 0;top: 14px;}
.index-login .title{padding: 13px 0 0 0;height: 85px;}
.index-login .body{width: 177px;margin: 0 auto;}
.index-login .module,.register-login .module{height: 30px;line-height: 20px;width: 151px;padding: 3px 5px;
    border: 1px solid #9F703E;position: relative;
    background-color: #1B1517;margin-right: 5px;
    margin-top: 6px;float: left;}
.vPic {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.vPic img{
    height: 28px;
}
.index-login .module .tit,.register-login .module .tit{color: #fff;font-size: 13px;}
.index-login .module .inp,.register-login .module .inp{width: 100px;font-size: 12px;border: none;background: none;color: #fff;margin-top: 3px;}
.index-login .module .inp::-webkit-input-placeholder,.register-login .module .inp::-webkit-input-placeholder{color: #fff;} 
.index-login .module .inp:-moz-placeholder,.register-login .module .inp:-moz-placeholder{color: #fff;} 
.index-login .module .inp::-moz-placeholder,.register-login .module .inp::-moz-placeholder{color: #fff;} 
.index-login .module .inp:focus::-webkit-input-placeholder,.register-login .module .inp:focus::-webkit-input-placeholder{color: #fff; }
.index-login .psw-tit{display: inline-block;color: #EBCF7F;background-color: #331706;
    border-left: 1px solid #9F703E;height: 28px;margin-top: -3px;width: 34px;text-align: center;float: right;
    line-height: 28px;}
.index-login .login-btn{border: none;margin-top: 8px;width: 150px;height: 28px;line-height: 28px;color: #FFF;
    background-color: #CB0211;border: none;cursor: pointer;outline: none;}
.index-login .login-btn:hover{ background-color: #F70214;}
.register-btn{display: inline-block;width: 95px;height: 61px;background: url(../images/btn_joinus.png) no-repeat center top;
    float: left;margin-top: 7px;}
/*.register-btn:hover{background-position: 0 -61px}*/
.index-login .left{width: 320px;}
/*banner*/
.banner{width: 100%;height: 500px;position: relative;}
.banner .index-news{width: 100%;height: 37px;line-height: 37px;background: url(../images/newsbg01_x.png) repeat-x;
    bottom: 0;position: absolute;}
.news-marquee .tit{float: left;width: 110px;}
.news-marquee marquee{float: left;width: 890px;font-size: 12px;color: white;height: 36px;line-height: 36px;}

/*main*/
.main{background: url(../images/container_bg01.jpg) #663925 no-repeat center top;padding-bottom: 30px;
   }
.main .top{text-align: center;}
.main .top img{display: inline-block;}
.main .game-con{position: relative;height: 416px;}
.main .game-con a{display: block;position: absolute;}

.main .mobile-bet{width: 256px;height: 416px;background: url(../images/game01.png) no-repeat center top;
        top: 14px;
    left: -8px;}
.main .mobile-bet:hover{background-position: 0 -416px;}

.main .live-casino{width: 516px;height: 231px;background: url(../images/game02.png) no-repeat center top;
    top: -6px;left: 242px;}
.main .live-casino:hover{background-position: 0 -231px;}
.main .lottery{width: 256px;height: 211px;background: url(../images/game03.png) no-repeat center top;
    top: 14px;right: -8px;}
.main .lottery:hover{background-position: 0 -211px;}

.main .sports{width: 256px;height: 211px;background: url(../images/game04.png) no-repeat center top;
    top: 219px;left: 242px;}
.main .sports:hover{background-position: 0 -211px;}
.main .casino{width: 531px;height: 346px;background: url(../images/game05.png) no-repeat center top;
    top: 214px;right: -28px;}
.main .casino:hover{background-position: 0 -346px;}

/*footer*/
.footer{width: 100%;background: #191315;overflow: hidden;border-top: 1px solid #2b2224;}
.footer img{display: inline-block;}
.footer .top dl{float: left;overflow: hidden;background: url(../images/f_line01.png) no-repeat right center;
    padding: 0 1px 0 54px;padding-right: 33px;color: #D29175;font-size: 14px;}
.footer .top dl:last-child{padding-right: 0px;background: none}
.footer .top {padding-top: 30px;background: url(../images/f_line02.png) no-repeat center bottom;overflow: hidden;
    padding-bottom: 30px;}
.footer dl dt,.footer dl dd{float: left;}
.footer dl dd{margin-left: 15px;}
.footer dl dd .num{color: #FFDB5F;margin-top: 4px;}
.footer dl dd .tit{color: #D29175}

.footer .middle{background: url(../images/footer_img.png) no-repeat 100% 0;height: 110px;}
.middle .bblogo{margin-top: 22px;display: inline-block;}
.footer .copyright{min-height: 30px;margin-bottom: 10px;font-size: 12px;color: #D29175}
.footer .copyright a{color: #D29175;display: inline-block;margin-right: 5px;}
.footer .copyright a:hover{color: #D6C49A;}

.goTop{position: fixed;right: 5px;bottom: 50px;z-index: 9999;display: none;}
.goTop a{display: inline-block;width: 40px;height: 40px;background: #ccced0;border-radius: 3px;;}
.goTop a:hover{background: #fff;}

/*register*/
.register-banner{background: url(../images/title_welcome.jpg) no-repeat center top;height: 240px;}
.register-wrap{background: url(../images/container_bg02.jpg) #663924 no-repeat center top;padding: 10px 0}
.register-wrap .con{margin: 10px auto;width: 998px;overflow: hidden;border: 1px solid #9C5A3D;background-color: #7A4229;}
.nav-list{float: left;margin: 28px 0 0 19px;width: 234px;}
.nav-list ul li{margin-bottom: 10px;}
.nav-list ul li a{display: block;height: 54px;line-height: 54px;background: url(../images/sidebar_over.jpg) no-repeat left top;
   font-size: 18;padding-left: 95px;color: #F1BDA1}
.nav-list ul li a:hover{background-position: 0 -54px}
.sidemenu-footer{margin-bottom: 10px;}

.register-wrap .details{width: 700px;background: #6c3722;float: right;margin: 28px 0 0 19px;padding-bottom: 30px;}
.register-wrap .details .top{padding: 15px 25px;border-bottom: 1px solid #C8C8C8;}
.register-wrap .details h1{color: #FFA37B;font-weight: normal;font-size: 24px;}
.register-wrap .details h1 img{vertical-align: middle;}
.register-wrap .details .tips{padding-left: 30px;}
.register-wrap .details .tips li{line-height: 20px;color: #F1BAA0;font-size: 12px;}

.form-con{margin-top: 20px;}
.form-con .title{margin: .5em 0;line-height: 20px;color: #fff;font-size: 12px;}
.form-con .line{padding-top: 20px;color: #fff}
.form-con .line input[type=checkbox]{vertical-align: middle;}
.form-con .inp{background-color: #EAEAEA;box-sizing: border-box;padding: 10px;width: 100%;width: 276px;color: #000;font-size: 15px;outline: 0;border-radius: 5px;border: 1px solid #C8C8C8;}
.form-con .inp:focus{background-color: #fff;}
.form-con .tit{display: inline-block;width: 80px;color: #F1BAA0;font-size: 12px;text-align: right;margin-right: 10px;}
.form-con .tips{color: #F1BAA0;font-size: 12px}
.form-con .star{color: red;display: inline-block;margin-right: 5px;;}
.right-form .article-tips{margin-top: 50px;padding-bottom: 100px;}
.right-form .article-tips p{font-size: 15px;color: #fff;line-height: 24px;padding-left: 20px;}
.form-con .sub{width: 128px;color: #fff;height: 40px;border-radius: 4px;text-align: center;line-height: 38px;
    background: #ff3a2b;color: #fff;font-size: 12px;display: inline-block;border: none;cursor: pointer;}
.form-con .sub:hover{color: #333}
.form-con .line label{font-size: 12px;}

.form-con .tips-text{padding-top: 15px;padding-left: 30px;}
.form-con .tips-text dd,.right-con .tips-text dt{color: #fff;margin-top: 15px;font-size: 13px;}


/*afterlogin*/
.after-login{padding: 10px;color: #fff;margin-top: 18px;max-width: 500px;text-align: right;
    border-radius: 5px;
    /*border: 1px #894F36 solid;*/
    /*background-color: #663621;*/
    width: 418px;float: right;right: 0;top: 14px;}
.after-login a{color: #DFDFDF;}
.after-login a:hover{color: #FFFF00;}
.after-login .bot{color:#DFDFDF;padding-top: 5px;}
.after-login .hd{padding-bottom: 5px;}

.container{
    width: 1200px;
    margin: 0 auto;
}