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

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
a:hover {opacity:0.7;filter:alpha(opacity=70);}

.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/minbg.jpg) center 0 no-repeat;
  background-size: cover;
}
	
.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.min_img {width:100%;height:auto;}	
.max_img {display:none;}
	
.Center {width:100%;height:auto;overflow:hidden;margin-top:1rem;margin-bottom:2rem;}

.Txt {width:100%;height:auto;line-height:3rem;color:#f8d880;font-size:1.4rem;overflow:hidden;margin-top:1rem;font-weight:bold;}
.Txt span {color:#f6edbc;font-weight:bold;}

.HH {width:100%;height:4rem;margin:0 auto;margin-top:1rem;font-size:2rem;font-weight:bold;text-align:center;color:#f8d880;}

.Select {width:100%;height:auto;margin:0 auto;overflow:hidden;}
.Select a {width:45%;height:auto;display:block;cursor:pointer;float:left;margin-left:3%;}
.Select a img {width:100%;height:auto;}

.reg_box {background:#fefcfb;width:98%;height:auto;overflow:hidden;padding-bottom:3rem;margin:0 auto;margin-top:4rem;}
.reginputdiv {width:98%;height:auto;line-height:4rem;margin:0 auto;margin-bottom:1.6rem;overflow:hidden;}
.reginputtitle {color:#4a4a4b;text-align:center;font-size:1.4rem;line-height:2rem;}
.reginputinput {background:#fff;border:1px solid #b3b3b4;width:96%;height:4rem;line-height:4rem;display:block;margin:0 auto;text-align:center;color:#4a4a4b;}
.reginputinput_on {width:96%;height:4rem;display:block;margin:0 auto;background:#8ad0f3;border:1px solid red;}
.checkdiv {width:98%;height:4rem;line-height:4rem;margin:0 auto;margin-top:1rem;overflow:hidden;text-align:center;color:#8ad0f3;}
.checkdiv a {color:#8ad0f3;}
.regtittle {width:98%;height:auto;line-height:4rem;margin:0 auto;overflow:hidden;text-align:center;color:red;}
#authImage {margin:0 auto;}
.reg_a {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:50%;height:4rem;display:block;line-height:4rem;text-align:center;margin:0 auto;margin-bottom:1rem;cursor:pointer;border-radius:2px;margin-top:1rem;}
.reg_a1 {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:50%;height:4rem;display:block;line-height:4rem;text-align:center;margin:0 auto;margin-bottom:1rem;cursor:pointer;border-radius:2px;}
.reginputinfo {width:100%;height:4rem;line-height:4rem;color:#000;display:block;text-align:center;}
.reginputinfo a {text-decoration:underline;color:#e16246;cursor:pointer;}

.BindingBtn {color:#e16246;font-size:1.4rem;cursor:pointer;text-decoration:underline;line-height:3rem;font-weight:bold;display:block;text-align:center;}

.Suc {width:100%;height:auto;margin:0 auto;margin-top:3rem;}
.Suc img {width:100%;height:auto;}
.Btn {width:30%;height:auto;display:block;margin:0 auto;margin-top:2rem;cursor:pointer;}
.Btn img {width:100%;height:auto;}

.footer {display:none;}


}	



@media screen and (min-width:768px){
	
body {background:url(../img/maxbg.jpg) top center no-repeat #1a1a1a;}
	
.Top {width:943px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}	
.Top img {width:100%;height:auto;}
.min_img {display:none;}

.Center {width:700px;height:auto;overflow:hidden;margin:0 auto;}

.HH {width:100%;height:80px;line-height:80px;font-size:24px;font-weight:bold;text-align:center;color:#f8d880;}

.Select {width:700px;height:auto;margin:0 auto;overflow:hidden;}
.Select a {width:200px;height:226px;display:block;cursor:pointer;float:left;margin-left:100px;}

.Txt {width:100%;height:auto;line-height:30px;color:#f8d880;font-size:16px;overflow:hidden;}
.Txt span {color:#f6edbc;font-weight:bold;}

.BindingBtn {color:#e16246;font-size:16px;cursor:pointer;text-decoration:underline;line-height:40px;font-weight:bold;}

.Suc {width:500px;height:auto;margin:0 auto;margin-top:30px;}
.Btn {width:167px;height:48px;display:block;margin:0 auto;margin-top:20px;cursor:pointer;}

.reg_box {width:700px;height:auto;overflow:hidden;text-align:center;line-height:30px;margin:0 auto;}
.reginputdiv {width:500px;height:40px;margin:0 auto;line-height:60px;font-size:14px;color:#f8d880;margin-bottom:20px;text-align:center;}
.reginputtitle {width:100px;height:40px;float:left;text-align:center;line-height:40px;}
.reginputinput {width:380px;height:39px;line-height:40px;font-size:16px;color:#000;display:block;background:#ffffff;border:1px solid #d2d2d2;float:left;text-indent:1em;}
.reginputinfo {width:380px;height:39px;line-height:40px;font-size:16px;color:#000;display:block;float:left;text-indent:1em;text-align:left;}
.reginputinfo a {text-decoration:underline;color:#e16246;cursor:pointer;}
.regtittle {width:500px;height:40px;margin:0 auto;line-height:40px;font-size:16px;color:red;text-align:center;}
.reginputinput_on  {width:380px;height:39px;border:none;border:1px solid red;line-height:40px;font-size:16px;color:#fff;display:block;background:#8ad0f3;float:left;text-indent:1em;}
.checkdiv {width:600px;height:40px;margin:0 auto;text-align:center;color:#d2d2d2;line-height:40px;margin-bottom:20px;}
.checkdiv a {color:#d2d2d2;line-height:40px;}
.errordiv {width:600px;height:40px;margin:0 auto;text-align:center;color:red;line-height:40px;margin-bottom:20px;}
.reg_a {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:200px;height:40px;display:block;line-height:40px;text-align:center;margin:0 auto;margin-bottom:20px;cursor:pointer;border-radius:2px;}
.reg_a1 {background-color: #8ad0f3;color: #fff;border-color: #1380e9;width:200px;height:40px;display:block;line-height:40px;text-align:center;margin:0 auto;margin-bottom:20px;cursor:pointer;border-radius:2px;}

}