* {
	margin: 0; 
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	font: 16px/1.4 'Lato', sans-serif;
	color: #fefeff;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	overflow:hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
}

p{
    height: 56px;
    position: absolute;
    bottom: 0px;
    z-index: 100;
    width: 41%;
	    text-align: center;
    background-image: url(../images/bj.png);
    background-repeat: repeat-x;
    background-position: bottom;
    left: 30%;
    right: 30%;
    opacity: 0.60;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    font-weight: 300;
    color: #76747a;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
	
}

.logos a{
    text-decoration: none;
    display: block;
    height: 54px;
    width: 192px;
    background-image: url(https://www.qijishow.com/img/logo.svg);
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    margin-top: 20px;
    margin-left: 20px;
}

.logo2 {
      height: auto;
    text-align: center;
    position: absolute;
    text-align: center;
    z-index: 10;
        left: 37%;
    top: 20%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    display: block;
    border-radius: 500px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.logo2:hover{
       text-decoration: none;
       background-color: rgba(209, 170, 110, 0.13);
    border-radius: 500px;
    background-image: none;
}

#h1 img{
    width: 33%;
}
[class^="letter"] {
	-webkit-transition: opacity 3s ease;
	-moz-transition: opacity 3s ease;
	transition: opacity 3s ease;
}


#container {
display: table;
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
text-align: center;
cursor: none;

}

#container p {
	position: absolute;
	width: 100%;
	left: 0;
	    bottom: -88px;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	font-weight: 300;
	color: #76747a;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased; 
}
#container p strong {
color: #b3abc5;
font-size: 5em;
}
#container p span {
	font-size: 0.75em;
	padding: 0 2px;
}

#canvas {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: none;
}

#stats { 
	position: absolute; 
	z-index: 10; 
	left: 10px; 
	top: 10px; 
}

.dg.ac {
	z-index: 100 !important;
}

#container div p strong a {
color: #999;
font-size: 0.5em;
}
body,td,th {
font-family: Lato, sans-serif;
    background-color: black;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}