body{
  margin: 0;
  padding: 0;
  background-color:#000;
  overflow: hidden;
}
p{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}
img{border:none}
a{text-decoration:none}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
input, select {vertical-align: middle}
h1{
  font-size:100px;
  color:#fff;
  text-shadow: 0 5px 5px purple;
  position: absolute;
  top: 23%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index:888
}
h2{
  font-size:36px;
  color:#fff;
  text-shadow: 0 5px 5px purple;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index:888
}
.logo_left{position:absolute;top:0;left:24px;padding:10px;font-size:24px;font-weight:bold;color:#fff;z-index:101}
.topnav {
                margin:0 auto;
	width: 185px;
	height: 42px;
                position:fixed;_position:absolute;top:4px;right:8px;z-index:1001
}
.topnav li {
	height: 42px;
	text-align: center;
	line-height: 42px;
	float: left;
	cursor: pointer;
}
.topnav .b{
	width: 115px;
}
.topnav .c{
	width: 35px;
}
.topnav li a{
                color:#fff;
	font-weight: bold;
}
.topnav li:hover {
	color: red;
	font-weight: bold;
}
.topnav ul {
	position: relative;
}
.topnav .zh_click{font-size:21px;font-weight:bold;padding:0 4px 2px 4px}
.wawa{
  font-size:50px;
  color:#fff;
  text-shadow: 0 1px 1px purple;
  position: absolute;
  top: 74%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index:888
}
.wawa img{width:240px;}
.wawa span{
  width:240px;
  color:#fff;
  position: absolute;
  bottom:-24px;
  margin-left:-210px;
  z-index:999
}
.arcadeScreen{
  width: 100%;
  height: 100%;
  position: absolute;      
  top: 0;
  left: 0;
  z-index:1
}

.dtr-preloader { background: #000; }
.dtr-preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; margin: auto; opacity: 1; -webkit-transition: linear .3s ease; -moz-transition: linear .3s ease; transition: linear .3s ease; z-index: 9999; }
.dtr-preloader .dtr-preloader-inner { width: 100vw; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; }
.shine{background:url(../img/shine.png) center center no-repeat;width:240px;height:300px;position:absolute;animation:opacity-change 1s ease-in-out infinite;-webkit-animation:opacity-change 1s ease-in-out infinite;-moz-animation:opacity-change 1s ease-in-out infinite;-o-animation:opacity-change 1s ease-in-out infinite;}.shine2{animation:opacity-change 1.75s ease-in-out infinite;-webkit-animation:opacity-change 1.75s ease-in-out infinite;-moz-animation:opacity-change 1.75s ease-in-out infinite;-o-animation:opacity-change 1.75s ease-in-out infinite;}@keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-moz-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-o-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}