header{
	text-indent:-9999em;
}
header a:link,header a:visited{
	background:url(media/head1.jpg) center no-repeat;
	background-size:contain;
}
header a:hover,header a:active{
	background:url(media/head2.jpg) center no-repeat;
	background-size:contain;
}
nav{
	font:1.25em/1.5em 'Arial Black',Arial,SimHei;
}
.song{
	width:100%;
	clear:both;
}
.col2 div,.col3 div{
	float:left;
	text-align:center;
	width:50%;
}
.songnum{
	position:absolute;
	width:2.5em;
	font:0.6em/1.25em Arial;
	height:1em;
	display:inline;
}
.col2 .songname{
	width:100%;
	line-height:1em;
}

table{
	width:100%;
	height:100%;
}
.bpm{
	width:40%;
	color:#ff0;
}
.bpmnum{
	width:60%;
	color:#0f0;
}
.mode,.time{
	font-family:'Arial Black',Arial;
	color:#f00;
}
.notes,.notesnum{
	font-family:Georgia,Kaiti;
	color:#0f0;
}
.col3 .star{
	width:100%;
	color:#ff0;
	font-family:SimSun;
}
.edition,.viewstep{
	font-family:SimHei;
}
.viewstep{
	color:#666;
}

/**************************************************************************************************/
/**********大屏样式**********/
@media screen and (min-width:721px){
header{
	height:2.25em;
}
nav li{
	height:1.5em;
	width:12.5%;
}
/**********歌曲列表**********/
.song{
	height:128px;
}
.col1,.col2,.col3{
	width:33.33333%;
	float:left;
}
.col1{
	text-align:left;
}
.col2,.col3{
	font-size:1.25em;
	line-height:1.6em;
}
.songpic img{
	width:256px;
	height:128px;
}
.songname{
	height:96px;
}
.songname,.edition,.viewstep{
	background-color:#333;
}
}
/**************************************************************************************************/
/**********小屏样式**********/
@media screen and (max-width:720px){
header{
	height:2em;
}
nav{
	height:3em;
}
nav li{
	width:25%;
	font-size:1.125rem;
}
#jump{
	text-indent:0;
}
.song{
	width:16em;
	margin:0 auto;;
}
.col1{
	width:256px;
	margin:0 auto;
}
.songpic{
	width:100%;
	text-align:center;
}
}