.ui-helper-hidden {
	display: none
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}
.ui-helper-clearfix:after {
	clear: both
}
.ui-helper-clearfix {
	min-height: 0
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}
.ui-front {
	z-index: 100
}
.ui-state-disabled {
	cursor: default!important
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.ui-slider {
	position: relative;
	text-align: left
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}
.ui-slider-horizontal {
	height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}
.ui-slider-vertical {
	width: .8em;
	
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.luna-container, .luna .luna-controls{
	display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
	-webkit-box-pack       : space-around;
    -moz-box-pack          : space-around;
    -ms-flex-pack          : space-around;
    -webkit-justify-content: space-around;
    justify-content        : space-around;
    -webkit-box-align      : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
}
.luna-container{
	max-width:750px;
	margin:0 auto;
}
.audio-player{ background:#000; width:100%; display:none;  transition:all 0.6s}
.audio-player.show-warp{ margin-bottom:0}
.luna-controls{
	max-width:252px;
}
.luna-audio-tag{
	display:none;
}
.luna-progress-bar, .luna-volume{
	margin:0 10px;
}
.luna-progress-bar {
	min-width:200px;
}
.luna-volume{
	min-width:75px;
}
.luna button{
	min-width:63px;

	background-position:left center;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	outline-width:0;
	border-width:0;
	cursor: pointer;
}
.luna .luna-prev:hover, .luna .luna-next:hover,
.luna .luna-play:focus, .luna .luna-pause:focus {
	background-position: right center;
}
.luna .luna-prev{
	background-image: url('../images/player-icon/prev.svg'); background-color:transparent;
}
.luna .luna-next{
	background-image: url('../images/player-icon/next.svg'); background-color:transparent;
}
.luna .luna-play{
	background-image: url('../images/player-icon/play.svg'); background-color:transparent;
}
.luna .luna-pause{
	background-image: url('../images/player-icon/pause.svg'); background-color:transparent;
}
.luna .luna-progress-bar, .luna .luna-volume{
	background-color: #bdc3c7;
	border-radius:5px;
	height:0.4em;
	cursor: pointer;
}
.luna .ui-slider-handle{
	min-width: 20px;

	background-color:transparent;
	background-image: url('../images/player-icon/dot.svg');
	background-repeat: no-repeat;
	top:-0.5em;
	outline-width:0;
	cursor: pointer;
}
.luna .luna-time-current, .luna .luna-time-total{
	margin:auto 5px;
	font-size:1em;
	color: #bdc3c7;
}
.luna .luna-speaker{
	min-width:16px;

	max-width:16px;
	background-repeat: no-repeat;
	background-image: url('../images/player-icon/speaker.svg');	
}
@media (max-width: 600px){
	.luna .luna-progress-bar, .luna .luna-time-current,
	.luna .luna-time-total, .luna .luna-speaker,
	.luna .luna-volume	{
		display:none;
	}
}