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: #6a593b}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
.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{background: url(../images/header_bg.png) no-repeat center top;height: 207px;position: relative;
    z-index: 99}
.header .index-login,.header .logo{float: left;}
.header .index-login{width: 380px;float: left;padding-top: 20px}
.header .logo{width: 227px;}
.header .top{padding-bottom: 5px;overflow: hidden;}
.header .wrap{position: relative;height: 207px;}

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

.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 .modify{width: 147px;}
.index-login .modify .inp{width: 80px;}

.index-login .module .inp:focus{border: none;outline:none}
.index-login .module .tips{font-size: 12px;color: #efe9a9} 
.index-login .register-btn,.index-login .login-btn{float: left;width: 54px;margin-right: 5px;height: 28px;
    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: url(../images/btn_login.png) no-repeat center top}
.index-login .login-btn:hover{background-position: 0 -28px}
.index-login .register-btn{background: #F39800}
.index-login .register-btn:hover{background: #faa71d}
.index-login .forget{line-height: 30px;font-size: 12px;color: rgb(239, 233, 169);display: inline-block;text-decoration: underline;}

.header .link{font-size: 12px;padding-top: 10px;color: red}
.header .link a{color: red}
.header .link img{vertical-align: middle;border: 1px solid #333;display: inline-block;}
.header .link .link03{color: #333}
.header .link .link02{color: rgb(235, 20, 185)}
.header ul.menu .LS-memberexclusiveii>a{color: #333}

.header .logo{position: relative;}
.header .logo .con{position: absolute;left: 0;top: 15px;}
.header .logo .con a{display: inline-block;width: 227px;height: 150px;overflow: hidden;}
.header .logo .con a:hover{background-position: 0 -150px;}

.vPic {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.vPic img{
    height: 26px;
    display: inline-block;
}

.header .nav{position: absolute;left: 0;bottom: 25px;}
.header .nav a{color: #fff}
.header ul.menu{ height:48px; line-height:48px; margin-top:4px;position:relative;position: relative;}
.header ul.menu li{ float:left; width:93px; height:48px; line-height:48px; text-align:center; margin:0 2px;z-index:3;position: initial;
    color: #fff;background: url(../images/nav_line.jpg) no-repeat right center;}
.header ul.menu li:last-child{background: none}
.header ul.menu li>a{font-size:12px; font-weight:bold; display:inline-block; height:44px;width: 83px;}
.header ul.menu li .moveNav{ position: absolute;white-space: nowrap;z-index: 9999;top: 41px;
    height: 0px;transition: 0.3s;overflow: hidden;}
.header ul.menu li .moveNav a{display: inline-block;height: 32px;;line-height: 32px;padding: 0 5px;font-size: 12px;
    background: url(../images/sub.png) repeat-x 0 -32px;float: left;font-weight: normal;}
.header ul.menu li .moveNav .before{display: inline-block;width: 33px;height: 32px;background: url(../images/sub.png) no-repeat 0 0;float: left;}
.header ul.menu li .moveNav .after{display: inline-block;width: 33px;height: 31px;background: url(../images/sub.png) no-repeat 0 -64px;float: left;}
.header ul.menu li .moveNav .con{overflow: hidden;}
.header ul.menu li:hover .moveNav{height: 32px;}
.header ul.menu .on a{background: url(../images/nav_over.png) no-repeat center top;}
.header ul.menu li em{float: right;}

.LS-Ball .moveNav{left: 40px;}
.LS-live .moveNav{left: 50px;}
.LS-game .moveNav{left: 150px;}
.nav ul.menu .LS-game{margin-right: 215px;background: none}
.nav ul.menu li:hover>a{background: url(../images/nav_over.png) no-repeat center top}

/*banner*/
.banner{background: url(../images/bg01.jpg) no-repeat center top;width: 100%;height: 566px;margin-top: -73px;}
.banner .wrap{position: relative;}
.register-banner{background: url(../images/title_welcome.jpg) no-repeat center top;height: 334px;}

#js-ele-slider{position: absolute;top: 130px;}

/*news*/
.news{width: 100%;height: 335px;background: url(../images/container_bg.png) no-repeat center top;clear: both;
    margin-top: -34px;padding-top: 28px;}
.news .top{width: 360px;margin: 0 auto;}
.news .top .tit{display: inline-block;width: 50px;float: left;font-size: 16px;color: #533D19;margin-top: -3px;}
.news .top marquee{display: inline-block;width: 300px;font-size: 12px;color: #533D19}



.gamelist{clear: both;padding-top: 23px;}
.gamelist li{float: left;margin-left: 10px;}
.gamelist li a{display: inline-block;width: 234px;height: 240px;}
.gamelist .game01 a{background: url(../images/game01.png) no-repeat center top;}
.gamelist .game02 a{background: url(../images/game02.png) no-repeat center top;}
.gamelist .game03 a{background: url(../images/game03.png) no-repeat center top;}
.gamelist .game04 a{background: url(../images/game04.png) no-repeat center top;}
.gamelist .game01:hover a{background: url(../images/game01_1.png) no-repeat center top;}
.gamelist .game02:hover a{background: url(../images/game02_1.png) no-repeat center top;}
.gamelist .game03:hover a{background: url(../images/game03_1.png) no-repeat center top;}
.gamelist .game04:hover a{background: url(../images/game04_1.png) no-repeat center top;}


/*footer*/
.footer{background: #6a593b;padding-top: 20px;}
.footer .top{background: url(../images/footer_bg.png) no-repeat center bottom;padding-bottom: 20px;}
.footer .copyright{font-size: 12px;color: #CCB89A;padding: 15px 0;text-align: center;}
.footer .copyright a{display: inline-block;vertical-align: middle;font-size: 12px;color: #CCB89A;margin: 0 2px;}
.footer .copyright a:hover{text-decoration: underline;color: #EBE3D8;}

.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;}

.right-fixed{position: fixed;right: -166px;top: 200px;transition: 0.4s;z-index: 5;}
.right-fixed a{display: block;position: relative;}
.right-fixed .btn{position: absolute;left:-44px;top: 0;cursor: pointer;}
.right-fixed:hover{right: 0;}
.right-fixed_qq,.right-fixed_email{
    position: absolute;
    width: 100%;
    padding-left: 22px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    left: 0;
    top: 15px;
}
.right-fixed_email{
    top: 29px;
    padding: 0;
}

/*register*/
.regiser-news{background: url(../images/container_bg02.png) no-repeat center top;height: auto;overflow: hidden;}
.register-con{margin-top: 70px;background: url(../images/container_bg03.png) no-repeat center top;height: auto;}

.register-con .register-nav{width: 258px;float: left;}
.register-con .list{background: url(../images/sidebar_bg.png) top center no-repeat;text-align: center;}
.register-con .list a{display: inline-block;background: url('../images/sidebar_over.png') center top no-repeat;
    width: 211px;margin: 0 auto;height: 40px;line-height: 25px;color: #FFECBA;font-size: 14px;}
.register-con .list a:hover{background-position: center bottom;}

.register-con .list-wrap{background: url(../images/sidebar.png) repeat-y center top;}
.register-form .title{padding: 20px 40px 10px;border-bottom: 1px solid #C8C8C8;}
.register-form{width: 730px;float: right;}
.register-form .title h1{line-height: 80px;font-size: 24px;;color: #fff}
.register-form .title h1 img{vertical-align: middle;}
.register-form .title .tips{font-size: 12px;color:#FF0000;margin: 12px 0;font-weight: bold;}

.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: #fff;font-size: 12px;text-align: right;margin-right: 10px;}
.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;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;}

.slogan{text-align: center;}
.slogan img{display: inline-block;}

/*afterlogin*/
.after-login{font-size: 12px;color: #4F3B23;line-height: 24px;padding-top: 35px}
.after-login a{color: #4F3B23;}
.after-login a:hover{text-decoration: underline;}
.after-login img{vertical-align: middle;}
.after-login a.exit{display: inline-block;width: 54px;height: 28px;background: url(../images/btn_logout.png) no-repeat center top;
        vertical-align: middle;}
.after-login a.exit:hover{background-position: 0 -28px;}