@charset "utf-8";
.song-list-count {
	font-size: 14px;
	line-height: 30px;
}

.song-list-count font {
	font-size: 12px;
	letter-spacing: 0;
}

.song-panel {
	position: relative;
	margin: 20px 20px 20px 50px;
	height: 150px;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.song-panel .song-cover {
	position: absolute;
	top: 50%;
	left: -30px;
	width: 110px;
	transform: translateY(-50%);	
	border-radius: 10px;
	box-shadow: 0 7px 12px rgba(0,0,0, 0.8);
}

.song-info {
	padding: 20px 15px 20px 100px;
}

.song-info .title {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
}

.sub_title {
	display: none;
}

.song-info .song-level {
	float: left;
	width: 100%;
	height: 20px;
	font-weight: bold;
	color: #fff;
}

.song-info .song-level span {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 5px;
    vertical-align: bottom;
}

.song-info .song-level .easy{
	background-color: #006e54;
}

.song-info .song-level .normal{
	background-color: #fcc800;
}

.song-info .song-level .hard{
	background-color: #d3381c;
}

.song-info .song-level .expert{
	background-color: #884898;
}

.song-info .fa-play-circle, 
.song-info .fa-pause-circle{
	position: absolute;
	left: 40px;
}

/*列表版用Style*/
#song-table tr {
	border-bottom: 1px dotted #ccc;
}

#song-table tr.vocal:hover {
	background-color: #abe4ff;
	cursor: pointer;
}

#song-table tr.dancer:hover {
	background-color: #f1a799;
	cursor: pointer;
}

#song-table tr.session:hover {
	background-color: #cee4ae;
	cursor: pointer;
}

#song-table td,
#song-table th {
	text-align: center;
}

#song-table td,
#song-table th {
	border: 1px dotted #ccc;
}

#song-table th {
	background-color: #eee;
}

#song-table th:hover {
	background-color: #bbb;
	cursor: pointer;
}

#song-table .song-icon {
	float: left;
	width: 50px;
}

#song-table .song-icon img {
	width: 100%;
	vertical-align: middle;
}

#song-table .song-name {
	position: absolute;
	margin-right: 4px;
	top: 50%;
	left: 65px;
	transform: translateY(-50%);
	text-align: left;
}

#song-table .note-type-vocal {
	color: blue;
}

#song-table .note-type-dancer {
	color: red;
}

#song-table .note-type-session {
	color: #00ad00;
}