@charset "utf-8";
/* CSS Document */

.mejs-container {
	position:relative;
	width:980px !important;/* CONTAINER WIDTH */
	height:70px !important;/* CONTAINER HEIGHT */
	margin:0;
	padding:0;
	background:#000;
	font-family:Helvetica, Arial;
	text-align:left;
	vertical-align:top;
	text-indent:0;
}
.me-plugin {
	position:absolute;
	height:auto;
	width:auto;
}
.mejs-embed, .mejs-embed body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#000;
	overflow:hidden;
}
.mejs-mediaelement {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Start: Control Buttons */
.mejs-container .mejs-controls{
	list-style-type:none;
	position:absolute;
	left:0;
	bottom:0;
	width:980px !important;/* CONTROL BAR WIDTH */
	height:70px !important;/* CONTROL BAR HEIGHT */
	margin:0;
	padding:0;
	background: #f9fcf7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9fcf7 0%, #dcf2f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#dcf2f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9fcf7 0%,#dcf2f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9fcf7 0%,#dcf2f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9fcf7 0%,#dcf2f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9fcf7 0%,#dcf2f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#dcf2f0',GradientType=0 ); /* IE6-9 */




}
.mejs-prevtrack-button, .mejs-playpause-button, .mejs-nexttrack-button,
.mejs-loop-button, .mejs-shuffle-button, .mejs-playlist-button{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
    line-height:0;
	border:0;
	background:none;
	overflow:visible;
}
.mejs-controls .mejs-button button{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	cursor:pointer;
	border:0;
}
.mejs-prevtrack-button{
	top:4px;
	left:50px;
	width:37px;
	height:62px;
	background:url(../images/audio-player-aqua/prev-back-37x62.png);
	}
	.mejs-prevtrack-button button{
		top:14px;
		left:4px;
		width:34px;
		height:36px;
		background:url(../images/audio-player-aqua/prev-button-34x72.png);
		border-radius:17px;
		}
		.mejs-prevtrack-button button:active{
			background-position:0px 36px;
			}
		.mejs-prevtrack-button button:focus{
			outline:none;
			}
.mejs-nexttrack-button{
	top:4px;
	left:142px;
	width:37px;
	height:62px;
	background:url(../images/audio-player-aqua/next-back-37x62.png);
	}
	.mejs-nexttrack-button button{
		top:14px;
		left:-1px;
		width:34px;
		height:36px;
		background:url(../images/audio-player-aqua/next-button-34x72.png);
		border-radius:17px;
		}
		.mejs-nexttrack-button button:active{
			background-position:0 36px;
			}
		.mejs-nexttrack-button button:focus{
			outline:none;
			}
.mejs-playpause-button{
	top:4px;
	left:87px;
	width:55px;
	height:62px;
	background:url(../images/audio-player-aqua/play-pause-back-55x62.png);
	}
	.mejs-controls .mejs-play button{
	top:6px;
	left:3px;
	width:49px;
	height:52px;
	background:url(../images/audio-player-aqua/play-button-49x104.png);
	border-radius:25px;
	}
		.mejs-play button:active{
				background-position:0 52px;
				}
		.mejs-play button:focus{
				outline:none;
				}
	.mejs-controls .mejs-pause button{
		top:6px;
		left:3px;
		width:49px;
		height:52px;
		background:url(../images/audio-player-aqua/pause-button-49x104.png);
		border-radius:25px;
		}
		.mejs-pause button:active{
			background-position:0 52px;
			}
		.mejs-pause button:focus{
			outline:none;
			}
.mejs-playlist-button{
	top:7px;
	left:190px;
	width:54px;
	height:55px;
	background:url(../images/audio-player-aqua/list-loop-shuffle-back-54x55.png)
	}
	.mejs-controls .mejs-show-playlist button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/list-button-42x90.png);
		border-radius:24px;
		}
	.mejs-controls .mejs-hide-playlist button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/list-on-button-42x90.png);
		border-radius:24px;
		}
		.mejs-show-playlist button:active, .mejs-hide-playlist button:active{
			background-position:0 45px;
			}
		.mejs-show-playlist button:focus, .mejs-hide-playlist button:focus{
			outline:none;
			}
.mejs-loop-button{
	top:7px;
	left:250px;
	width:54px;
	height:55px;
	background:url(../images/audio-player-aqua/list-loop-shuffle-back-54x55.png)
	}
	.mejs-controls .mejs-loop-on button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/loop-on-button-42x90.png);
		border-radius:24px;
		}
	.mejs-controls .mejs-loop-off button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/loop-button-42x90.png);
		border-radius:24px;
		}
		.mejs-loop-on button:active, .mejs-loop-off button:active{
			background-position:0 45px;
			}
		.mejs-loop-on button:focus, .mejs-loop-off button:focus{
			outline:none;
			}
.mejs-shuffle-button{
	top:7px;
	left:310px;
	width:54px;
	height:55px;
	background:url(../images/audio-player-aqua/list-loop-shuffle-back-54x55.png)
	}
	.mejs-controls .mejs-shuffle-on button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/shuffle-on-button-42x90.png);
		border-radius:24px;
		}
	.mejs-controls .mejs-shuffle-off button{
		top:6px;
		left:6px;
		width:42px;
		height:45px;
		background:url(../images/audio-player-aqua/shuffle-button-42x90.png);
		border-radius:24px;
		}
		.mejs-shuffle-on button:active, .mejs-shuffle-off button:active{
			background-position:0 45px;
			}
		.mejs-shuffle-on button:focus, .mejs-shuffle-off button:focus{
			outline:none;
			}
.mejs-controls .mejs-stop button{
	width:0px;
	height:0px;
	background:;
	}
/* End: Control Buttons */
/* Start: Time Span (Current / Duration) */
.mejs-controls .mejs-currenttime-container{
	position:absolute;
	top:15px;
	left:400px;
	width:90px !important;
	height:40px !important;
	margin:0 !important;
	padding:0 !important;
	background:url(../img/noisy-texture-100x100-transparent.png),
	url(../images/audio-player-aqua/timespan-back-left-90x40.png);
	}
.mejs-controls .mejs-duration-container{
	position:absolute;
	top:15px;
	left:490px;
	width:90px !important;
	height:40px !important;
	margin:0 !important;
	padding:0 !important;
	background:url(../img/noisy-texture-100x100-transparent.png),
	url(../images/audio-player-aqua/timespan-back-right-90x40.png);
	}
.mejs-controls .mejs-time{
	color:#fff;
	display:block;
	height:17px;
	width:auto;
	padding:8px 3px 0 3px ;
	overflow:hidden;
	text-align:center;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	}
.mejs-container .mejs-controls .mejs-time span{
	position:relative;
	display:block;
	top:10px;
	left:15px;
	width:auto;
	margin:1px 2px 0 0;
	font-family:Montserrat;
	font-size:22px;
	font-weight:bold;
	line-height:20px;
	color:#DDD;
	float:left;
	cursor:default;
	text-shadow:0 2px 1px #000;
	}
/* End: Time Span (Current / Duration) */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail{
	direction:ltr;
	padding-top:70px;
	}
.mejs-controls .mejs-time-rail span{
	display:block;
	position:absolute;
	width:980px;
	height:10px;
	cursor:pointer;
	}
.mejs-controls .mejs-time-rail .mejs-time-total{
	background:#444;
	}
.mejs-controls .mejs-time-rail .mejs-time-buffering{
	width:100%;
	background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	-o-background-size:15px 15px;
	background-size:15px 15px;
	-webkit-animation:buffering-stripes 2s linear infinite;
	-moz-animation:buffering-stripes 2s linear infinite;
	-ms-animation:buffering-stripes 2s linear infinite;
	-o-animation:buffering-stripes 2s linear infinite;
	animation:buffering-stripes 2s linear infinite;
	}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded{
	width:0;
	background:#222;
	}
.mejs-controls .mejs-time-rail .mejs-time-current{
	width:0;
	background:#28e0e0;
	background:-moz-linear-gradient(top, #28e0e0 0%, #23aaa8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#28e0e0), color-stop(100%,#23aaa8));
	background:-webkit-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:-o-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:-ms-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:linear-gradient(to bottom, #28e0e0 0%,#23aaa8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28e0e0', endColorstr='#23aaa8',GradientType=0);
	}
.mejs-controls .mejs-time-rail .mejs-time-handle{
	display:none;
	position:absolute;
	top:-5px;
	width:20px;
	height:20px;
	margin:0;
	cursor:pointer;
	background:#fff;/* Handle Image */
	border:0;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	text-align:center;
	background:url(../images/audio-player-aqua/handle-20x20.png);
	}
.mejs-controls .mejs-time-rail .mejs-time-float{
	z-index:100;
	display:block;
	position:absolute;
	top:-26px;
	width:33px;
	height:23px;
	margin-left:-18px;
	background:#eee;
	border:0;
	text-align:center;
	color:#111;
	background:url(../images/audio-player-aqua/time-float-back-33x23.png);
	}
.mejs-controls .mejs-time-rail .mejs-time-float-current{
	display:block;
	top:2px;
	left:0;
	width:33px;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#DDD;
	text-align:center;
	}
.mejs-controls .mejs-time-rail .mejs-time-float-corner{
	display:none;
	position:absolute;
	top:15px;
	left:13px;
	width:0;
	height:0;
	line-height:0;
	border:solid 5px #eee;
	border-color:#eee transparent transparent transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
.mejs-controls .mejs-time-rail:hover .mejs-time-handle{
	visibility:visible;
	}
/* End: Progress Bar */
/* Start: Mute/Volume (horizonta)l */
.mejs-controls .mejs-volume-button {
	position:absolute;
	top:25px;
	right:160px;
	width:17px;
	height:20px;
	}
.mejs-controls .mejs-mute button{
	width:17px;
	height:20px;
	background:url(../images/audio-player-aqua/volume-unmuted-17x20.png);
	outline:none;
	}
.mejs-controls .mejs-unmute button{
	width:17px;
	height:20px;
	background:url(../images/audio-player-aqua/volume-muted-17x20.png);
	outline:none;
	}
.mejs-controls div.mejs-horizontal-volume-slider{
	position:absolute;
	top:20px;
	right:50px;
	width:100px;
	height:26px;
	cursor:pointer;
	}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
	position:absolute;
	left:0;
	top:11px;
	width:100px;
	height:8px;
	margin:0;
	padding:0;
	font-size:1px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#333;
	background:rgba(50,50,50,0.8);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background:-webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background:-moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background:-o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background:-ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background:linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	position:absolute;
	left:0;
	top:11px;
	width:50px;
	height:8px;
	margin:0;
	padding:0;
	font-size:1px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#28e0e0;
	background:-moz-linear-gradient(top, #28e0e0 0%, #23aaa8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#28e0e0), color-stop(100%,#23aaa8));
	background:-webkit-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:-o-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:-ms-linear-gradient(top, #28e0e0 0%,#23aaa8 100%);
	background:linear-gradient(to bottom, #28e0e0 0%,#23aaa8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28e0e0', endColorstr='#23aaa8',GradientType=0);
	}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
	}
/* End: Mute/Volume */
/* Start: Playlist */
.mejs-playlist{
	position:absolute;
	top:80px !important;
	left:0;
	width:980px !important;
	height:360px !important;
	overflow-y:auto;
	background:#111 url(../img/noisy-texture-100x100-transparent.png);
	-webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
	 -ms-box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
	  -o-box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
	     box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
	border-bottom:solid 5px #f9fcf7;
	}
.mejs-playlist ul{
 	margin:10px 0 0 0;
 	padding:5px;
	}
.mejs-playlist li{
	display:block;
	height:30px;
	margin:2px;
	line-height:30px;
	font-size:13px;
	font-family:Meiryo;
	color:#777;
	overflow:hidden;
	cursor:pointer;
	text-indent:20px;
	border-top:1px solid #444;
	transition:.4s ease;
	}
	.mejs-playlist li:last-child{
		border-bottom:1px solid #444;
		}
.mejs-playlist ul li:hover{
 	color:#AAA !important;
	}
.mejs-playlist li.current{
 	color:#a8a800;
	text-indent:30px;
 	font-weight:bold;
	}
/* End: Playlist */