.rapAudio {
	background-color: #fff;
	position: relative;
	color: #DF0404;
	user-select: none;
}

	.rapAudio audio {
		position: absolute;
		width: 100%;
		bottom: 0px;
	}

	.rapAudio canvas {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

	.rapAudio div {
		color: white;
		position: relative;
		
	}

	.rapAudio .divCaption {
		color: #080;
		font-size: 20vmin;
		padding-top: 4%;
		text-align: center;
		display: none;
	}

		.rapAudio .divCaption:after {
			content: '♫';
		}

	.rapAudio .divControls {
		padding: 4px;
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 32px;
		left: 0xp;
		right: 0px;
		box-sizing: border-box;
		display: none;
		cursor: default;
	    background-color: #DF0404
		
	}
.rapAudio {height: 130px !important}

	.rapAudio .divPP {
		margin-top: 6px;
		top: 0px;
		bottom: 0px;
		left: 0xp;
		width: 32px;
		text-align: center;
		position: absolute;
		cursor: pointer;
	}

	.rapAudio .divTotTime {
		margin-top: 4px;
		right: 0px;
		width: 64px;
		position: absolute;
		text-align: center;
	}

	.rapAudio .divVolumeOut {
		left: 32px;
		bottom: 10px;
		top: 10px;
		width: 100px;
		background-color: #ccc;
		position: absolute;
		cursor: pointer;
	}

	.rapAudio .divVolumeIn {
		height: 100%;
		width: 100px;
		background-color: #777;
		position: absolute;
	}

	.rapAudio .divCurTime {
		margin-top: 4px;
		left: 132px;
		width: 64px;
		position: absolute;
		text-align: center;
	}

	.rapAudio .divProOut {
		left: 196px;
		right: 64px;
		bottom: 10px;
		top: 10px;
		background-color: #ccc;
		position: absolute;
		cursor: pointer;
	}

	.rapAudio .divProIn {
		height: 100%;
		background-color: #777;
		position: absolute;
	}