@charset "UTF-8";
@import url("font-awesome.css");
/*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */
body {margin:0}
a{color:#0066CC;text-decoration: none;}a:hover{color:#ff3300;text-decoration:none}
h4 {text-align: center; color: #004A95;font: 15px/22px Garamond, 'Hoefler Text', Times New Roman, Times, serif;margin: 0px 0 10px 0;text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #000;}
#jp_container_1{border: none;width: auto!important;padding: 10px!important}
.jp-audio :focus,.jp-audio-stream :focus,.jp-video :focus{outline:0}
.jp-audio button::-moz-focus-inner,.jp-audio-stream button::-moz-focus-inner,.jp-video button::-moz-focus-inner{border:0}
.jp-audio,.jp-audio-stream,.jp-video{margin:0;font-size:16px;font-family:Verdana,Arial,sans-serif;line-height:1.6;color:#666;background:url(../image/original.gif) center;background-size:cover}
.jp-audio{width:100%; left:0; right:0;}
.jp-audio-480{width:480px}
.jp-audio-stream{width:182px}
.jp-video-270p{width:480px}
.jp-video-360p{width:640px}
.jp-video-full{width:480px;height:270px;position:static!important;position:relative}
.jp-video-full div div{z-index:1000}
.jp-video-full .jp-jplayer{top:0;left:0;position:fixed!important;position:relative;overflow:hidden}
.jp-video-full .jp-gui{position:fixed!important;position:static;top:0;left:0;width:100%;height:100%;z-index:1001}
.jp-video-full .jp-interface{position:absolute!important;position:relative;bottom:0;left:0}
.jp-interface{position:relative;width:100%;}
.jp-audio .jp-interface,.jp-audio-stream .jp-interface{height:80px}
.jp-video .jp-interface{border-top:1px solid #666}
.jp-controls-holder{clear:both;width:440px;margin:0 auto;position:relative;overflow:hidden;top:-8px}
.jp-interface .jp-controls{margin:0;padding:0;overflow:hidden}
.jp-audio .jp-controls{width:90%;padding:20px 20px 0}
.jp-audio-stream .jp-controls{position:absolute;top:20px;left:20px;width:142px}
.jp-video .jp-type-single .jp-controls{width:78px;margin-left:200px}
.jp-video .jp-type-playlist .jp-controls{width:134px;margin-left:172px}
.jp-video .jp-controls{float:left}
.jp-controls button{display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer}
.jp-play{width:40px;height:40px;background:url(../image/jplayer.blue.monday.gif) no-repeat}
.jp-play:focus{background:url(../image/jplayer.blue.monday.gif) -41px 0 no-repeat}
.jp-state-playing .jp-play{background:url(../image/jplayer.blue.monday.gif) 0 -42px no-repeat}
.jp-state-playing .jp-play:focus{background:url(../image/jplayer.blue.monday.gif) -41px -42px no-repeat}
.jp-next,.jp-previous,.jp-stop{width:28px;height:28px;margin-top:6px}
.jp-stop{background:url(../image/jplayer.blue.monday.gif) 0 -83px no-repeat;margin-left:10px}
.jp-stop:focus{background:url(../image/jplayer.blue.monday.gif) -29px -83px no-repeat}
.jp-progress{overflow:hidden;background-color:#ddd}
.jp-audio .jp-progress{position:absolute;left:110px;top:37px;height:8px}
.jp-audio .jp-type-single .jp-progress{width:100%}
.jp-audio .jp-type-playlist .jp-progress{width:180px}
.jp-video .jp-progress{top:0;left:0;width:100%;height:10px}
.jp-seek-bar{background:url(../image/jplayer.blue.monday.gif) 0 -202px repeat-x;width:0;height:100%;cursor:pointer}
.jp-play-bar{background:url(../image/jplayer.blue.monday.gif) 0 -218px repeat-x;width:0;height:100%}
.jp-seeking-bg{background:url(../image/jplayer.blue.monday.seeking.gif)}
.jp-state-no-volume .jp-volume-controls{display:none}
.jp-volume-controls{position:absolute;top:34px;left:328px;width:150px}
.jp-audio-stream .jp-volume-controls{left:70px}
.jp-video .jp-volume-controls{top:12px;left:50px}
.jp-volume-controls button{display:block;position:absolute;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer}
.jp-mute,.jp-volume-max{width:18px;height:15px}
.jp-volume-max{left:74px}
.jp-mute{background:url(../image/jplayer.blue.monday.gif) 0 -170px no-repeat}
.jp-mute:focus{background:url(../image/jplayer.blue.monday.gif) -19px -170px no-repeat}
.jp-state-muted .jp-mute{background:url(../image/jplayer.blue.monday.gif) -60px -170px no-repeat}
.jp-state-muted .jp-mute:focus{background:url(../image/jplayer.blue.monday.gif) -79px -170px no-repeat}
.jp-volume-max{background:url(../image/jplayer.blue.monday.gif) 0 -186px no-repeat}
.jp-volume-max:focus{background:url(../image/jplayer.blue.monday.gif) -19px -186px no-repeat}
.jp-volume-bar{position:absolute;overflow:hidden;background:url(../image/jplayer.blue.monday.gif) 0 -250px repeat-x;top:5px;left:20px;width:46px;height:5px;cursor:pointer}
.jp-volume-bar-value{background:url(../image/jplayer.blue.monday.gif) 0 -256px repeat-x;width:0;height:5px}
.jp-audio .jp-time-holder{position:absolute;top:55px}
.jp-audio .jp-type-single .jp-time-holder{left:110px;width:186px}
.jp-audio .jp-type-playlist .jp-time-holder{left:110px;width:180px}
.jp-current-time,.jp-duration{width:60px;font-size:.8em;font-style:oblique;color:#fff}
.jp-current-time{float:left;display:inline;cursor:default}
.jp-duration{float:right;display:inline;text-align:right;cursor:pointer}
.jp-video .jp-current-time{margin-left:20px}
.jp-video .jp-duration{margin-right:20px}
.jp-details{font-weight:700;text-align:center;cursor:default}
.jp-details,.jp-playlist{width:100%;border:1px solid #dd;border-top:1px solid #009be3}
.jp-type-playlist .jp-details,.jp-type-single .jp-details{border-top:none}
.jp-details .jp-title{margin:0;padding:5px 20px;font-size:.90em;font-weight:700}
.jp-playlist ul{list-style-type:none;margin:0;padding:0 20px;font-size:.90em}
.jp-playlist li{padding:5px 0 4px 10px;border-bottom:1px solid #D6D6D6}
div#scroll{max-height: 650px;overflow: scroll}
.scroll-y{overflow-y:auto}
.scroll-simple::-webkit-scrollbar{width:5px}
.scroll-simple::-webkit-scrollbar-thumb{background:#00796B;border-radius:20px}
.scroll-simple::-webkit-scrollbar-track{background:#ddd;border-radius:20px}
.scroll4::-webkit-scrollbar{width:6px}
.scroll4::-webkit-scrollbar-thumb{background:#009688;border-radius:20px}
.scroll-colorx::-webkit-scrollbar-thumb{background-color:#4db2ec}
.scroll4::-webkit-scrollbar-track{background:#ddd;border-radius:20px}
.jp-playlist li{position:relative}
.jp-playlist li div{overflow:hidden;display:block}
div.jp-type-playlist div.jp-playlist li:last-child>div{border-bottom:none}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current>div:before{content:"";display:block;width:14px;height:10px;background:url(../image/playing.gif) left center;-webkit-animation:play .8s steps(3) infinite;animation:play .8s steps(3) infinite;position:absolute;top:14px;left:5px}
div.jp-type-playlist div.jp-playlist li>div:before{font-family:Fontawesome;content:"\f025";display:inline-block;float:left;position:absolute;left:5px;font-size:15px;top:9px}
div.jp-type-playlist div.jp-playlist a{color:#000;font-size:14px;text-decoration:none}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item{display:block;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:95%;padding:8px 8px 8px 20px}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,div.jp-type-playlist div.jp-playlist a:hover,div.jp-type-playlist li>div.jp-playlist:hover:before{color:#ff0000}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{display:none!important;float:right;text-align:right;margin-right:10px;font-weight:700;color:#666;margin-top:8px}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover{color:#ff0000}
div.jp-type-playlist div.jp-playlist span.jp-free-media{float:right;display:inline;text-align:right;margin-right:10px}

span.jp-artist{font-size:.8em;color:#666}
.jp-video-play{width:100%;overflow:hidden;cursor:pointer;background-color:transparent}
.jp-video-270p .jp-video-play{margin-top:-270px;height:270px}
.jp-video-360p .jp-video-play{margin-top:-360px;height:360px}
.jp-video-full .jp-video-play{height:100%}
.jp-video-play-icon{position:relative;display:block;width:112px;height:100px;margin-left:-56px;margin-top:-50px;left:50%;top:50%;background:url(../image/jplayer.blue.monday.video.play.png) no-repeat;text-indent:-9999px;border:none;cursor:pointer}
.jp-video-play-icon:focus{background:url(../image/jplayer.blue.monday.video.play.png) 0 -100px no-repeat}
.jp-jplayer,.jp-jplayer audio{width:0;height:0}
.jp-jplayer{background-color:#000}
.jp-toggles{padding:0;margin:0 auto;overflow:hidden}
.jp-audio .jp-type-single .jp-toggles{width:25px}
.jp-audio .jp-type-playlist .jp-toggles{width:25px/*margin:0;position:absolute;right:50px;top:55px*/}
.jp-video .jp-toggles{position:absolute;right:16px;margin:10px 0 0;width:100px}
.jp-toggles button{display:block;float:left;width:25px;height:18px;text-indent:-9999px;line-height:100%;border:none;cursor:pointer}
.jp-full-screen{background:url(../image/jplayer.blue.monday.gif) 0 -310px no-repeat;margin-left:20px}
.jp-full-screen:focus{background:url(../image/jplayer.blue.monday.gif) -30px -310px no-repeat}
.jp-state-full-screen .jp-full-screen{background:url(../image/jplayer.blue.monday.gif) -60px -310px no-repeat}
.jp-state-full-screen .jp-full-screen:focus{background:url(../image/jplayer.blue.monday.gif) -90px -310px no-repeat}
.jp-repeat{background:url(../image/jplayer.blue.monday.gif) 0 -290px no-repeat}
.jp-repeat:focus{background:url(../image/jplayer.blue.monday.gif) -30px -290px no-repeat}
.jp-state-looped .jp-repeat{background:url(../image/jplayer.blue.monday.gif) -60px -290px no-repeat}
.jp-state-looped .jp-repeat:focus{background:url(../image/jplayer.blue.monday.gif) -90px -290px no-repeat}
.jp-shuffle{background:url(../image/jplayer.blue.monday.gif) 0 -270px no-repeat;margin-left:5px}
.jp-shuffle:focus{background:url(../image/jplayer.blue.monday.gif) -30px -270px no-repeat}
.jp-state-shuffled .jp-shuffle{background:url(../image/jplayer.blue.monday.gif) -60px -270px no-repeat}
.jp-state-shuffled .jp-shuffle:focus{background:url(../image/jplayer.blue.monday.gif) -90px -270px no-repeat}
.jp-no-solution{padding:5px;font-size:.8em;background-color:#eee;border:2px solid #009be3;color:#000;display:none}
.jp-no-solution a{color:#000}
.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:700}

.ms_singer {margin-left:150px;height:160px;}
.ms_singer a{color:#ffff00;}a:hover{color:#ff3300;text-decoration:none}
.ms_title {color:#00ffff;font-size:20px;font-weight: bold;margin:0 0 2px 18px;font-family:"Times New Roman",Geneva, sans-serif;padding-top:0;}
.ms_author {font-family: Tahoma;font-size:12px;color:#fff;padding:0px;margin:2px 0 2px 16px;text-align:left;}
.ms_author a{color:#ffff00;}a:hover{color:#ff0000;text-decoration:none}
.ms_info {margin:2px 0 10px 16px;font-family: Tahoma;font-size:12px;color:#fff}
.ms_info a{color:#ffff00;}a:hover{color:#ff0000;text-decoration:none}

img{display: block;max-width:100%;}

.dia-cd:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 25px;
    height: 25px;
    margin: -15px auto 0 auto;
    background-color:rgba(204, 255, 255, .6);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(204, 255, 255, .9), 0 0 0 8px rgba(255, 153, 0, .9);
/*  box-shadow: inset 0 0 0 3px #fff;
    z-index: 2; */
}
.dia-cd::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
}
.dia-cd{
	position: absolute;
	background-image:url(../image/dia-cd.jpg);
    background-position: 50% 50%;
    background-size: cover;
    width:140px;
	height:140px;
	margin: 10px 0 0 5px;  
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ccc;
    animation: xoayvong 20s linear 0s infinite;
    -webkit-animation: xoayvong 20s linear 0s infinite;
    -moz-animation: xoayvong 20s linear 0s infinite;
    -o-animation: xoayvong 20s linear 0s infinite;
}
.rotate li{
	width: 45px;
	height: 45px;
	border-radius: 50px;
	display: inline-block;
	margin: 10px 20px;
	animation: xoayvong 2s linear 0s infinite;
    -webkit-animation: xoayvong 2s linear 0s infinite;
    -moz-animation: xoayvong 2s linear 0s infinite;
    -o-animation: xoayvong 2s linear 0s infinite;
}
.rotate-wrap{
	background: transparent;
	text-align: center;
	overflow: hidden;
	margin: 10px auto;
	width: 140px;
}
/* Chrome, Safari, Opera */ 

@-webkit-keyframes xoayvong{
	from{
	        -webkit-transform:rotate(0deg);
	        -moz-transform:rotate(0deg);
	        -o-transform:rotate(0deg);
	    }
    to{
	        -webkit-transform:rotate(360deg);
	        -moz-transform:rotate(360deg);
	        -o-transform:rotate(360deg);
	}
}
/* Standard syntax */ 

@keyframes xoayvong {
	from{
	        -webkit-transform:rotate(0deg);
	        -moz-transform:rotate(0deg);
	        -o-transform:rotate(0deg);
	    }
    to{
	        -webkit-transform:rotate(360deg);
	        -moz-transform:rotate(360deg);
	        -o-transform:rotate(360deg);
	}
}