#mainLayout{
	max-width:1500px;
	margin:0 auto;
	background-attachment:fixed
}

body {
	background: #000000;
	margin: 60px auto;
	max-width: 1600px;


}

@font-face {
	font-family:"Microsoft YaHei UI";
	
}
.data{
	border-collapse: collapse;
	text-align:center;
	width:100%;
}


	

.ratio {
    height: inherit;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(to right, #20E3B3 , #0CEBEB);
	animation-name: barAnmi;
	animation-duration: 1s;
	transition-timing-function: ease-in;
	transition:0.5s;
	text-align:right;		
	font-family:font2; 


}

.downBtn{
	text-decoration:none;
	color:white;
	border: 2px solid white; 
	cursor:pointer;
	/*background:#17E8E0;*/
	padding:6px 2%;	
	margin:0 1%;
	border-radius:120px; 
	font-weight: bold;

}

        	
.downBtn:hover{
	background:#20E3B3;
}

#btn1:hover{
	background:white;
	color: black;
}
#btn2:hover{
	background:#ABC3E3;
}
#btn3:hover{
	background:#FF5E23;
}
#btn4:hover{
	background:#FB9D1A;
}
#btn5:hover{
	background:#E50C0C;
}
#btn6:hover{
	background:#00BDFF;
}
#btn7:hover{
	background:#7c6dff;
}
#btn8:hover{
	background:#ff1db9;
}
#btn9:hover{
	background:#067227;
}
#btn10:hover{
	background:#d0ff76;
}
#btn11:hover{
	background:#007a8a;
}
#btn12:hover{
	background: #850000;
}
#btn13:hover{
	background: #ff7676;
}
#btn14:hover{
	background: #2c494d;
}
#btn15:hover{
	background: #1b00a2;
}
#btn16:hover{
	background: #bda06f;
}
.ratio a{
    position:absolute;
	padding-left:0.2%;
	color:white;	
}

@keyframes barAnmi{
	0%   {width: 0%}
}



#caption{
	text-align:center;
	letter-spacing: 3px;
	font-size:60px;
	margin-top:50px;
	color:#FFD101;
} 

#notice{
	text-align:center;
	margin:-40px 0 20px 0;
	color:#C1C1C1;
} 

.info{
	/* position:absolute; */
	width:200px;
	display: block;
	margin:100px auto 0 auto;
}

#author{
	/* position:absolute; */
	color:#666666;
	display: block;
	text-align:center;
	margin-bottom:100px;
	font-size:16px;
	width:200px;
}

.ratioLine{
	height:0px;
	background:black;
	/* margin-bottom: 10px; */
	position:inherit;
	font-family:font2;
}

.ratioLineHeight{
	width:1px;
	background:#444444;
	position:parent;
	margin-left:100%;
	font-size: 20px;
	color:#BBBBBB;
}



.floatBtn{
	position: fixed;	      
    bottom: 5%;		
    right: 2%;

}
.copyright {
	/* border: 2px solid red; */
	color: grey;
	width: 400px;
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%);
	/* top: 5px; */
	/* bottom: 10px; */
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
}