body{width:100%;height:100%;margin:0;padding:0;font:normal 1rem 'Microsoft YaHei','宋体','Tahoma','Helvetica, Arial',"\5b8b\4f53",'sans-serif';color:#666;background:#fff url('bg.jpg');}
header,footer,nav,article,section,div,span,a,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:inherit}
strong,h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}
header,footer,nav,article,section{display:block;clear:both}
a{color:#833;text-decoration:none}
img{width:auto;max-width:100%}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

#index{margin:auto;position:absolute;padding:1rem;top:0;left:0;bottom:0;right:0;text-align:center}
#index #logo{max-width:480px;width:50%;margin-top:2rem}
#index h1{margin:5rem 0;font-size:500%}
#index div{text-align:left;width:24rem;margin:auto;}
#index p{margin:1rem 0;font-size:200%;color:#833}
#index #copyright{font-size: 100%;color:#888}
#index #copyright a{color:#888}
#index hr{width:80%;margin:3rem auto}

@media(min-width:768px) and (max-width:1024px){
	#index h1{font-size:360%}
}

@media(min-width:425px) and (max-width:767px){
	#index h1{margin:0 0 2rem 0;font-size:200%}
	#index p{font-size:180%}
	#index hr{margin:2rem auto;width:90%}
}

@media(max-width:424px){
	#index h1{margin:0 0 2rem 0;font-size:150%}
	#index div{width:12rem;}
	#index p{font-size:100%}
	#index #copyright{font-size: 30%}
	#index hr{margin:1rem auto}
}