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

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

.modal-content {background:none !important;box-shadow:none !important;border:none !important;}
.modal-body {line-height:4rem;font-size:1.5rem;font-weight:bold;color:#e1dfd9;}
.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;}

.ImgBox {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px;color:#f5db95;line-height:30px;font-size:14px;}
.ImgBox img {max-width:100%;}



@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/min.jpg) center 0 no-repeat;
  background-size: cover;
}	

.BtnBox {width:100%;height:auto;position:fixed;left:0px;bottom:10%;}
.BtnBox a {width:30%;height:auto;display:block;float:left;margin-left:2.5%;margin-bottom:2rem;cursor:pointer;}
.BtnBox a img {width:100%;height:auto;}

.HH {width:100%;height:auto;margin:0 auto;margin-top:2rem;}
.HH img {width:100%;height:auto;}

.Txt {width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;}
.Top {width:100%;height:auto;overflow:hidden;}
.Top img {width:100%;height:auto;}
.Bottom {width:100%;height:auto;overflow:hidden;}
.Bottom img {width:100%;height:auto;}
.Center {background:url(../img/Center.png) repeat-y;background-size:100% auto;width:100%;height:auto;overflow:hidden;padding-left:5rem;padding-right:5rem;}
.CloseBtn {width:56px;height:54px;display:block;cursor:pointer;position:absolute;right:10px;top:10px;}

.footer {display:none;}
}	



@media screen and (min-width:768px){

body {background:url(../img/max.jpg) top center no-repeat #1a1a1a; }

.Nav {width:341px;height:68px;display:block;position:absolute;right:10px;top:10px;background:url(../img/Nav.png);}
.Nav:hover {background:url(../img/NavOn.png);}

.BtnBox {width:1000px;height:262px;overflow:hidden;margin:0 auto;margin-top:600px;}
.BtnBox a {width:320px;height:262px;display:block;float:left;margin-top:0px;cursor:pointer;margin-left:10px;}
.BtnBox a img {display:none;}
.Btn1 {background:url(../img/Btn1.png);}
.Btn1:hover {background:url(../img/Btn1On.png);}
.Btn2 {background:url(../img/Btn2.png);}
.Btn2:hover {background:url(../img/Btn2On.png);}
.Btn3 {background:url(../img/Btn3.png);}
.Btn3:hover {background:url(../img/Btn3On.png);}

.modal-dialog {width:1215px;}
.modal-body {color:#fff;line-height:30px;font-size:14px;}
.modal-body span {color:#f5db95;}
.HH {width:825px;height:76px;margin:0 auto;margin-top:20px;}

.Txt {width:1215px;height:auto;overflow:hidden;margin:0 auto;position:relative;line-height:40px;font-size:15px;}
.Txt span {color:#82e5ff;font-weight:bold;}
.Top {width:100%;height:auto;overflow:hidden;}
.Top img {width:100%;height:auto;}
.Bottom {width:100%;height:auto;overflow:hidden;}
.Bottom img {width:100%;height:auto;}
.Center {background:url(../img/Center.png) repeat-y;background-size:100% auto;width:100%;height:auto;overflow:hidden;padding-left:50px;padding-right:50px;}
.CloseBtn {width:56px;height:54px;display:block;cursor:pointer;position:absolute;right:10px;top:10px;}

.ImgBox {width:70%;margin:0 auto;margin-bottom:30px;}

table {width:80%;height:auto;margin:0 auto;margin-top:40px;}
table th {background:#f5db95;border:1px solid #f5db95;line-height:40px;text-align:center;font-size:14px;color:#000;}
table td {border:1px solid #f5db95;line-height:40px;text-align:center;font-size:14px;color:#f5db95;}
table td img {margin-top:10px;margin-bottom:10px;}

}