body {background:#000;font-family:"微软雅黑";overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}

.modal-content {background:#29261c;}
.modal-body {line-height:4rem;font-size:1.5rem;font-weight:bold;color:#e1dfd9;text-align:center;}
.modal-body h1 {font-size:1.6rem;color:red;}
.modal-body span {color:#c3a475;}
.modal-header {border-bottom:none;color:#e1dfd9;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#29261c;color:#e1dfd9;border:none;}
.modal-body select {color:#000;}

.ImgBox {width:100%;height:auto;overflow:hidden;text-align:center;}
.ImgBox img {max-width:100%;}

#selectRoleList {color:#000;}
.errorRoleDiv {color:red;}
#Binding_Btn {display:block;text-decoration:underline;cursor:pointer;}


@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/center.jpg) center 0 no-repeat;
  background-size: cover;
}
	
.nav {width:100%;height:8rem;overflow:hidden;position:fixed;left:0;top:0;z-index:9;background:url(../img/nav.png) repeat;background-size:100% 100%;}
.nav_logo {width:auto;height:100%;float:left;overflow:hidden;display:block;}
.nav_logo img {height:100%;width:auto;}
.nav .language {line-height:8rem;font-size:1.6rem;font-weight:bold;float:right;color:#fff;display:block;margin-right:1rem;}
.nav_btn1 {width:auto;height:8rem;line-height:8rem;color:#ff7d00;text-align:center;font-weight:bold;float:right;cursor:pointer;font-size:1.8rem;margin-right:1rem;display:block;}
.nav_btn2 {width:auto;height:8rem;line-height:8rem;color:#ff7d00;text-align:center;font-weight:bold;float:right;cursor:pointer;font-size:1.8rem;margin-right:1rem;display:none;}

.nav_ul {width:100%;height:100%;;position:fixed;left:-100%;top:8rem;display:block;background:#fff;padding-left:0;z-index:9;}
.nav_ul li {width:100%;height:6rem;display:block;text-align:center;}
.nav_ul li a {width:100%;height:6rem;line-height:6rem;display:block;text-align:center;font-size:1.6rem;color:#080808;}
.nav_ul {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.nav_ul.on {left:0;}

.HH {width:96%;height:auto;margin:0 auto;margin-top:2rem;margin-left:4%;overflow:hidden;text-align:left;}
.HH img {width:50%;height:auto;}
.NewH {margin-top:8rem;}

.NewsBox {width:100%;height:auto;overflow:hidden;margin-top:2rem;}
.NewsLeft {width:30%;height:auto;float:left;margin-left:2.5%;overflow:hidden;}
.NewsLeft img {width:100%;height:auto;}
.NewsH {width:100%;height:4rem;overflow:hidden;line-height:4rem;color:#feefe1;font-weight:bold;}
.NewsTitle {width:100%;height:4rem;overflow:hidden;line-height:4rem;color:#feefe1;}
.NewsRight {width:30%;height:auto;float:left;margin-left:3%;overflow:hidden;}
.NewsRight img {width:100%;height:auto;}


.GameBox {width:100%;height:auto;overflow:hidden;}
.GameBox a {width:45%;height:auto;display:block;float:left;margin-left:3%;margin-top:2rem;}
.GameBox a img {width:100%;height:auto;}

.BuBox {width:100%;height:auto;overflow:hidden;}
.Bu {width:45%;height:auto;display:block;float:left;margin-left:3%;margin-top:1rem;}
.Bu img {width:100%;height:auto;}

.BottomNavBox {width:100%;height:auto;overflow:hidden;}
.BottomNavBox a {width:20%;height:auto;display:block;float:left;margin-left:10%;margin-top:2rem;}
.BottomNavBox a img {width:100%;height:auto;}

.UsTxt {width:100%;height:auto;overflow:hidden;padding:3rem;color:#feefe1;line-height:4rem;font-size:1.2rem;}

#ToTop {width:60px;height:60px;position:fixed;left:90px;bottom:40px;cursor:pointer;display:none;z-index:9;}

.BtnBox {width:100%;height:auto;overflow:hidden;margin:0 auto;}
.BtnBox a {width:19%;height:auto;display:block;float:left;margin-left:1%;margin-top:2rem;}
.BtnBox a img {width:100%;height:auto;}

.footer {display:none;}


}	



@media screen and (min-width:768px){
	
body {background:url(../img/bg.jpg) bottom center no-repeat #000; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

.nav {background:url(../img/TopNav.png) repeat;width:100%;height:10rem;font-weight:bold;-webkit-box-shadow: 0 2px 12px 0 rgba(6,6,6,.09);box-shadow: 0 2px 12px 0 rgba(6,6,6,.09);z-index:2;border-radius:0;position:fixed;left:0;top:0;}

.nav {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.nav_logo {float:left;display:block;width:auto;height:10rem;margin-left:2rem;}
.nav_logo img {width:auto;height:8rem;margin-top:1rem;}
.nav_ul {width:auto;height:10rem;display:block;float:right;}
.nav_ul li {float:left;width:100px;height:10rem;display:block;position:relative;overflow:hidden;}
.nav_ul li a {width:100px;height:4rem;line-height:4rem;display:block;margin-top:3rem;font-size:16px;color:#fed8bf;text-align:center;}
.nav_ul li a:hover {text-decoration:none;}
.nav_ul li i {width:100px;height:3px;background:#fed8bf;position:absolute;bottom:0;left:-14rem;}
.nav_ul li i.on {left:0;}
.nav_ul li i {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.nav_btn {display:none;}

.carousel-indicators {width:100%;height:100px;position:absolute;bottom:0;left:0;margin-bottom:0px;margin-left:0px;}
.carousel-inner img {width:100%;height:auto;}
.carousel-indicators li {width:150px;height:78px;background:none;border:none;border-radius:0px;float:left;display:block;text-indent:0px;opacity:0.7;filter:alpha(opacity=70);margin:10px 0px 0px 40px;}
.carousel-indicators li.active {width:150px;height:78px;background:none;border:none;border-radius:0px;float:left;;display:block;opacity:1;filter:alpha(opacity=100);margin:10px 0px 0px 40px;}
.carousel-indicators li:hover {opacity:0.7;filter:alpha(opacity=70);}


.W1200 {width:1200px;height:auto;overflow:hidden;margin:0 auto;padding-bottom:50px;}

.HH {width:1400px;height:auto;margin:0 auto;margin-top:50px;overflow:hidden;}
.HH img {width:auto;height:auto;}
.GameH {margin-top:50px;}

.GameBox {width:1400px;height:auto;margin:0 auto;overflow:hidden;}
.GameBox a {width:330px;height:330px;display:block;float:left;margin-right:20px;overflow:hidden;}
.GameBox a:hover {opacity:0.7;filter:alpha(opacity=70);}
.GameBox a img {width:100%;height:auto;}

.NewH {margin-top:11rem;}
.NewsBox {width:1400px;height:auto;margin:0 auto;overflow:hidden;margin-top:20px;}
.NewsBox a:hover {opacity:0.8;filter:alpha(opacity=80);}
.NewsLeft {width:446px;height:494px;float:left;overflow:hidden;display:block;}
.NewsLeft1 {margin-left:31px;}
.NewsH {width:100%;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff;overflow:hidden;margin-top:10px;}
.NewsTitle {width:100%;height:30px;line-height:30px;font-size:14px;color:#fff;overflow:hidden;}
.NewsRight {width:397px;height:auto;float:left;overflow:hidden;display:block;margin-left:40px;}

.BuBox {width:1400px;height:auto;margin:0 auto;overflow:hidden;}
.Bu {width:334px;height:469px;float:left;margin-right:12px;overflow:hidden;margin-top:20px;}
.Bu img {width:100%;height:auto;}

.BtnBox {width:1400px;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;}
.BtnBox a {width:270px;height:311px;display:block;float:left;margin-left:10px;}
.BtnBox a img {width:100%;height:auto;}

.UsBox {background:url(../img/UsBox.png);width:1400px;height:300px;margin:0 auto;overflow:hidden;position:relative;margin-top:20px;}
.UsTxt {color:#feefe1;font-size:15px;text-align:center;line-height:34px;margin-top:80px;}

.BottomNavBox {width:1400px;height:180px;background:#1b1b1b;margin:0 auto;margin-top:70px;}
.BottomNavBox a {width:92px;height:96px;display:block;float:left;margin-top:40px;margin-left:270px;}
.BottomNavBox a:hover {opacity:0.7;filter:alpha(opacity=70);}

#ToTop {width:60px;height:60px;position:fixed;left:90px;bottom:40px;cursor:pointer;display:none;z-index:9;}

.footer {width:100%;height:auto;background:#262626;-webkit-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);-moz-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);padding-top:2rem;overflow:hidden;padding-bottom:30px;margin-top:100px;}
.foot_li {width:33%;height:3rem;display:block;float:left;text-align:center;line-height:3rem;margin:0 auto;color:#757575;font-size:1.2rem;}
.foot_bottom {background:#262626;width:100%;height:3rem;line-height:3rem;color:#818181;font-size:1.2rem;text-align:center;}
.foot_bottom a {color:#757575;text-decoration:underline;}
.foot_li a {color:#757575;font-size:1.2rem;text-decoration:underline;}
.foot_li .foot_img {width:7rem;height:auto;}
.foot_li a:hover {text-decoration:underline;}

}