﻿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;}



@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:#1a1a1a;
  background-size: cover;
}

.TxtBox {width:98%;height:auto;margin:0 auto;overflow:hidden;margin-top:2rem;line-height:3rem;font-size:1.4rem;color:#dfbd83;margin-bottom:3rem;}
.TxtH {width:100%;height:auto;line-height:4rem;text-align:center;font-size:2rem;font-weight:bold;color:#dfbd83;}


.footer {display:none;}


}	



@media screen and (min-width:768px){
	
body {background:#1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

.TxtBox {width:1000px;height:auto;margin:0 auto;overflow:hidden;margin-top:100px;line-height:40px;font-size:14px;color:#dfbd83;margin-bottom:100px;}
.TxtH {width:100%;height:60px;line-height:60px;text-align:center;font-size:30px;font-weight:bold;color:#dfbd83;}




}


