.mui-content,body{
	background:#fff;
}
.mui-input-row.mui-input-range{
	padding-right:0;
	padding:20px 0;
}

.range-color{
	width:0%;
	height:3px;
	top:50%;
	transform:translateY(-50%);
	position: absolute;
	background:#e79834;
	z-index:99;
}

.mui-input-range>div.line-bg:after{
	content:'';
	height:2px;
	width:100%;
	top:50%;
	left:0;
	position: absolute;
	background:#e5e5e5;
	transform: translateY(-50%);
}

.mui-input-range input[type=range]{
	z-index:999;
	background:none;
}

.mui-input-range input[type='range']::-webkit-slider-thumb
{
    width: 12px;
    height:12px;
    border-color: #0062cc;
    border-radius: 50%;
    background-color: #e79834;
    background-clip: padding-box;
    -webkit-appearance: none !important;
}

#field-range-input{
	position: absolute;
	left:2px;
	top:10px;
	border:0;
	height:20px;
	padding:0;
}

.mui-input-range .alltime{
	position: absolute;
	right:0;
	top:10px;
	line-height:20px;
}

#audio{
	display:none;
}

.control{
	display:flex;
}

.control a{
	margin:0 10px;
	flex:1;
	height:60px;
	background:url(../images/play.png) no-repeat center / auto 80%;
}

.control a.replay{
	background-image: url(../images/loop.png);
	background-size:auto 65%;
}

.control a.left{
	background-image: url(../images/left.png);
}

.control a.right{
	background-image: url(../images/right.png);
}

.control a.play{
	background-image: url(../images/play.png);
	background-size:auto 100%;
}

.control a.list{
	background-image: url(../images/list.png);
	background-size:auto 50%;
}