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: 192px;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: #AC6646;}
.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}

.nav .list>li{width: 100px;text-align: center;float: left;position: relative;height: 60px;line-height: 60px;
    color: #633B1D;font-size: 14px;}
.nav .list>li a{color: #633B1D;display: block;}
.nav .list>li.active{background: url(../images/nav_over.png) no-repeat center top;}
.nav .list>li:hover{background: url(../images/nav_over.png) no-repeat center top;}
.nav .list>li:hover .second-nav{display: block;}
.nav .list .second-nav{position: absolute;top: 60px;width: 106px;left: 0;background: #47210f;display: none;z-index: 999}
.nav .list .second-nav a{display: block;width: 106px;height: 35px;line-height: 35px;text-align: center;color: #ffc786}
.nav .list .second-nav:before{content: "";position: absolute;top: -10px;left: 50%;margin-left: -2px;display: block;width: 0;
    height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent #47210F transparent;}
.nav .list .second-nav a:hover{color: #FFE064;text-decoration: underline;}
.nav li .hot{position: absolute;right: 9px;top: 6px;}

.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: #44220E;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{background: url(../images/banner.jpg) no-repeat center top;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: #FFBB8A}

/*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: url(../images/footer_bg.jpg) #402013 no-repeat center top;overflow: hidden;}
.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;
}