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;}
body,html{font-family: "微软雅黑";min-width: 1000px;background: #280B23;width: 100%;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
.wrap{width: 1000px;margin: 0 auto;}
.hide{display: none;}
.yellowCr{color: #FFD234}
.violetCr{color: #9F5092}  /*紫色*/
.redCr{color: rgb(247, 8, 8)}
.lilacVioletCr{color: #EAD0E6}  /*浅紫色*/
.lilacPinkCr{color: rgb(224, 163, 180)}  /*浅粉色*/
.blueCr{color: rgb(9, 241, 33)}
.brightYellow{color: rgb(255, 255, 0)}
.blueCr{color: rgb(0, 255, 0)}
.greenCr{color: rgb(0, 255, 255)}
em,i{font-style:normal}
*{box-sizing: border-box;}


/*header*/
.header{position: relative;z-index: 9999;width: 100%;}
.header_top{background: #280B23;}
.header .top{height: 34px;line-height:34px;color: #E0A3B4;font-size: 12px;}
.header .top a{color: #E0A3B4;}
.header .top .rightlink06{display: inline-block;display: inline-block;width: 22px;height: 16px;
	background: url(../images/lang_rect.png) no-repeat center top;vertical-align: middle;}
.header .top .rightlink07{display: inline-block;display: inline-block;width: 22px;height: 16px;
	background: url(../images/lang_rect.png) no-repeat center -40px;vertical-align: middle;}
.header .top .rightlink08{display: inline-block;display: inline-block;width: 22px;height: 16px;
	background: url(../images/lang_rect.png) no-repeat center -80px;;vertical-align: middle;}

.header .bot{background: url(../images/nav_bg_x.png) repeat-x;height: 96px;width: 100%;padding-top: 10px;}
.header .logo{float: left;}
.vPic {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.vPic img{
    height: 26px;
}
.nav{position: relative;width: 900px;float: right;}
.nav ul{position: relative;z-index: 10}
.nav li{float: left;position: relative;}
.nav li a{display: inline-block;width: 89px;height: 71px;font-size: 12px;text-align: center;color: #fff;
	position: relative;}
.nav li a .tit{font-size: 14px;padding: 20px 0 7px 0;line-height: 19px;}
.nav li a .eng{font-size: 10px;white-space: nowrap;}
.nav li a img{position: absolute;right: -4px;top: 9px}
.nav li:hover .tit{color: #FFD234}
.nav li:hover .eng{color: #FFD234}
.nav .home a{color: #FFD234}
.nav .casino .eng,.nav .sports .eng,.nav .lottery .eng,.nav .service .eng{color: #9F5092}

.nav .animate-module{width: 90px;height: 71px;background: url(../images/nav_over.png) no-repeat center top;
	position: absolute;left: 0;top: 0;z-index: 9}
.nav li .second-nav{position: absolute;left: 0;top: 66px;width: 89px;display: none;
	padding-top: 4px;background: url(../images/toparrow.png) no-repeat center top;}
.nav li .second-nav a{font-size: 12px;color: #333;line-height: 30px;height: 30px;background:url(../images/sub.png) repeat;}
.nav li .second-nav a:hover{color: #fff}

.nav-login{background: #1F071B;padding-top: 10px;overflow: hidden;display: none;padding-bottom: 10px;
    line-height: 33px}
.index-login .module{float: left;position: relative;display: block;border-radius: 2px;line-height: 26px;border: 1px solid #A59CA4;
    width: 154px;height: 28px;margin: 0 10px 0 0;}
.nav-login .url{float: left;line-height: 33px;color: #FFF100;font-size: 14px;}
.index-login .module .inp{width: 112px;height: 26px;border: none;float: left;padding: 0 5px;background: none;
	font-size: 12px;color: #A59CA4}
.index-login .module .inp::-webkit-input-placeholder {color:#A59CA4;}
.index-login .module .inp:-moz-placeholder {color:#A59CA4;}
.index-login .module .inp::-moz-placeholder { color:#A59CA4;}
.index-login .module .inp:-ms-input-placeholder { color:#A59CA4;}

.index-login .module .inp:focus::-webkit-input-placeholder {color:#625260;}
.index-login .module .inp:focus:-moz-placeholder {color:#625260;}
.index-login .module .inp:focus::-moz-placeholder { color:#625260;}
.index-login .module .inp:focus:-ms-input-placeholder { color:#625260;}

.index-login .module .inp:focus{border: none;outline:none}
.index-login .module .tips{font-size: 12px;color: #A59CA4} 
.index-login .register-btn,.index-login .login-btn{float: left;width: 86px;margin-right: 5px;height: 30px;color: #FFF;font-size: 14px;text-align: center;
    text-decoration: none; border: none; cursor: pointer; outline: none; border-radius: 6px;}
.index-login .login-btn{background: #7A316C}
.index-login .login-btn:hover{background: #983d87}
.index-login .register-btn{background: #F39800}
.index-login .register-btn:hover{background: #faa71d}
.index-login .forget{line-height: 30px;font-size: 12px;color: #fff;display: inline-block;text-decoration: underline;}


/*banner*/
.banner{width: 100%;height: 494px;background: url(../images/bg01.jpg) no-repeat center top;position: relative;margin-top: -5px;}
.banner .con{width: 1000px;margin: 0 auto;position: relative;height: 494px;}
.banner .login-module{position: absolute;right: 0;top: 165px;width: 220px;
    height: 242px;background: url(../images/login_bg.png) no-repeat center top;box-sizing: border-box;padding: 60px 20px 0;}

.register-banner{height: 280px;background: url(../images/title_welcome.jpg) no-repeat center top;padding-bottom: 31px;}
.register-banner .index-news{background: #1F071B}

.login-module .module{width: 180px;background: #632357;border: none;margin-bottom: 10px;border-radius: 5px;height: 30px;}
.login-module .module .inp{width: 128px;}
.login-module .module .tips{font-size: 14px;}
.login-module  .code{width: 100px;}
.login-module .register-btn,.login-module .login-btn{float: left;cursor: pointer;color: #333;
    width: 85px;height: 30px;line-height: 30px}
.login-module .login-btn{background: url(../images/btn_login.png) no-repeat center top;}
.login-module .login-btn:hover{background: url(../images/btn_login.png) no-repeat center -30px;}
.login-module .register-btn{background: url(../images/btn_joinus.png) no-repeat center top;}
.login-module .register-btn:hover{background: url(../images/btn_joinus.png) no-repeat center -30px;}

.index-news{width: 100%;background: url(../images/news_bg_xy.png) repeat;height: 40px;position: absolute;bottom: 0;left: 0;line-height: 40px;}
.index-news .news-tit{float: left;color: #FFD234;background: url(../images/news_bg.png) no-repeat left center;box-sizing: border-box;padding: 0 0 0 23px;
    font-size: 12px;}
.index-news marquee{float: left;width: 900px;color: #D691A4;font-size: 12px;}

.first-game{width: 100%;height: 100px;background: url(../images/borderbottom.png) no-repeat center top;}
.first-game li{float: left;width: 154px;margin-right: 128px;}
.first-game li a{display: inline-block;width: 154px;height: 100px;}
.first-game li.game01{background: url(../images/first-game01.png) no-repeat center top;}
.first-game li.game01:hover{background: url(../images/first-game01_1.png) no-repeat center top;}
.first-game li.game02{background: url(../images/first-game02.png) no-repeat center top;}
.first-game li.game02:hover{background: url(../images/first-game02_1.png) no-repeat center top;}
.first-game li.game03{background: url(../images/first-game03.png) no-repeat center top;}
.first-game li.game03:hover{background: url(../images/first-game03_1.png) no-repeat center top;}
.first-game li.game04{background: url(../images/first-game04.png) no-repeat center top;margin-right: 0px;}
.first-game li.game04:hover{background: url(../images/first-game04_1.png) no-repeat center top;}

/*games*/
.games{height: 350px;border-bottom: 1px solid #46133E}
.games ul{background: url(../images/board.jpg) no-repeat center top;padding: 30px 0 0 40px;overflow: hidden;
    height: 154px; }
.games ul li{float: left;width: 170px;height: 64px;overflow: hidden;} 
.games ul li a{width: 170px;height: 64px;display: inline-block;margin-right: 25px;} 
.games ul li.games01 a{background: url(../images/game01.png) no-repeat;} 
.games ul li.games02 a{background: url(../images/game02.png) no-repeat;} 
.games ul li.games03 a{background: url(../images/game03.png) no-repeat;} 
.games ul li.games04 a{background: url(../images/game04.png) no-repeat;} 
.games ul li.games05 a{background: url(../images/game05.png) no-repeat;margin-right: 0px;} 
.games ul li.games06 a{background: url(../images/game06.png) no-repeat;} 
.games ul li.games07 a{background: url(../images/game07.png) no-repeat;} 
.games ul li.games08 a{background: url(../images/game08.png) no-repeat;} 
.games ul li.games09 a{background: url(../images/game09.png) no-repeat;} 
.games ul li.games10 a{background: url(../images/game10.png) no-repeat;margin-right: 0px;} 
.games ul li:hover a{background-position: center -64px}

.game-type{background: url(../images/bg03.jpg) no-repeat center top;height: 479px;width: 100%;border-bottom: 1px solid #46133E}
.game-type ul{padding-top: 140px;}
.game-type li{width: 176px;height: 250px;float: left;margin-right: 14px;overflow: hidden;}
.game-type li.gametype03{margin-left: 236px;}
.game-type li a{display: inline-block;width: 176px;height: 250px;}
.game-type li.gametype01 a{background: url(../images/live-game01.png) no-repeat center top}
.game-type li.gametype02 a{background: url(../images/live-game02.png) no-repeat center top;}
.game-type li.gametype03 a{background: url(../images/live-game03.png) no-repeat center top;}
.game-type li.gametype04 a{background: url(../images/live-game04.png) no-repeat center top}
.game-type li a:hover{background-position: center -250px}

.game-bot{border-bottom: 2px solid #46133E;}
.footer-gamelink{height: 95px;margin-top: 30px;background: url(../images/footer_img.png) no-repeat right top;}
.footer-gamelink a{margin-right: 54px;}
.footer .top{padding: 30px 0;overflow: hidden;border-bottom: 1px dotted #673446;}
.footer .top li{ width: 249px;height: 44px;color: #9F6D7B;text-align: left;font-size: 14px;float: left;
    overflow: hidden;}
.footer .top li .icon{display: inline-block;width: 44px;height: 44px;overflow: hidden;float: left;margin-right: 10px;
    }
.footer .top li.link02{width: 290px;}
.footer .top li.link03{width: 205px;}
.footer .top li.link04{width: 220px;}
.footer .top li.link01 .icon{background: url(../images/contact.png) no-repeat center top;}
.footer .top li.link02 .icon{background: url(../images/contact.png) no-repeat center -46px;}
.footer .top li.link03 .icon{background: url(../images/contact.png) no-repeat center -92px;}
.footer .top li.link04 .icon{background: url(../images/contact.png) no-repeat center -138px;}
.footer .top li h4{font-size: 14px;color: #9F6D7B}
.footer .top li .num{font-size: 18px;color: #FFD234;font-weight: 700}

.footer-link{text-align: center;color: #9F6D7B;font-size: 12px;padding-top: 25px;}
.footer-link a{color: #9F6D7B;margin: 0 5px;}
.footer-link a:hover{color: #FFD234;}
.copyright{padding: 15px 0;text-align: center;font-size: 12px;color: #9F6D7B}



/*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;}

.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{overflow: hidden;clear: both;padding-top: 25px;}
.register .left-nav{width: 240px;float: left;}
.register .list li{margin-bottom: 5px;}
.register .list a{display: inline-block;width: 240px;height: 40px;line-height: 40px;
    padding-left: 20px;font-size: 12px;color: #fff;
    background: url(../images/sidebar_over.png) no-repeat left top;}
.register .list a:hover{background-position: left -40px}

.register .right-con{width: 730px;margin-left: 30px;float: left;padding: 25px;
    border-radius: 5px;background-color: #361230;}
.register .right-con h1{}
.register .right-con h1{width: 700px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;
    color: #ffffff;font-size: 24px;}
.register .right-con h1 img{vertical-align: middle;}

.register .right-con .top{text-align: center;font-size: 12px;border-bottom: 1px solid #fff;padding-bottom: 15px;}
.register .right-con .top p{margin-top: 12px;color: #fff}

.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{height: 32px;padding: 5px 4px;font-size: 14px;line-height: 1.428571429;width: 315px;border-radius: 3px;border: none;}
.form-con .tit{display: inline-block;width: 80px;color: #fff;font-size: 12px;text-align: right;}
.form-con .tips{color: #fff;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;}

.right-con .tips{padding-top: 15px;}
.right-con .tips dd,.right-con .tips dt{color: red;margin-top: 15px;font-size: 15px;}

.fixediv{position:fixed;top:140px;z-index:9999;width:140px;height:216px;background:#ddd;}
.fixediv img{float:left;}
.fixediv a.close{display:block;height:30px;line-height:30px;background:#fff;font-size:14px;padding:0 10px;color:#5e5e5e;text-decoration:none;text-align:center;}
.leftadv{left:0px;}
.rightadv{right:0px;}

/*after-login*/
.banner .after-login{background: url(../images/login_bg.png) no-repeat center -242px;}
.after-login .line{font-size: 12px;color: #eee;line-height: 26px;}
.after-login .line a{color: #eee}
.after-login .line .register-btn{color: #333;margin-top: 20px;margin-left: 48px;}
.after-login .line .info-icon img{margin-left: 5px;width: 14px;}

.after-login-nav{font-size: 12px;color: #fff}
.after-login-nav a{font-size: 12px;color: #fff}
.after-login-nav .info-icon img{width: 14px;margin-left: 5px;}

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