@charset "utf-8";

#wpVideoPlayer { position:fixed; left:0; bottom:0; height:60px; z-index:3; background:#1e242c; width:100%; padding-right:60px; opacity:0; display:none;}
#wpVideoPlayer.show {opacity:0; transform: translate(0px, 120px); animation:show_Ani 0.5s forwards linear;}
#wpVideoPlayer .player-info { position:absolute; top:5px; height:50px; left:50%; margin-left:-175px; border:1px solid rgba(255,255,255,0.3); display:flex; align-items:center; width:350px; max-width:calc( 100% - 225px ); overflow:hidden; z-index:0;
border-radius:10px;}
#wpVideoPlayer .player-info > div { white-space:nowrap; /*animation: marquee 12.5s linear infinite;*/ color:white; display:flex; padding:10px; flex-direction:column; overflow:hidden;}
#wpVideoPlayer .player-info > div .title { display:block; width:100%; font-weight:bold; margin-right:5px; font-size:0.8em; line-height:1.4; text-overflow: ellipsis; overflow:hidden;}
#wpVideoPlayer .player-info > div .time-week { font-size:0.6em; opacity:0.8; line-height:1; line-height:1.4;display:block; width:100%;text-overflow: ellipsis; overflow:hidden;}
/*@keyframes marquee {
    0% { transform: translate(100%) }
    to { transform: translate(-100%)}
}*/
@keyframes show_Ani{
0%{ opacity:0; transform: translate(0px, 120px);}
100%{ opacity:1; transform: translate(0px, 0px);}
}
#wpVideoPlayer .videoPlayer-dimensions { width:100%; height:60px; position:relative; overflow:hidden;}
#wpVideoPlayer .videoPlayer-dimensions > *:not(.vjs-control-bar) { opacity:0;}
#wpVideoPlayer .video-js:empty { /*display:none;*/}
#wpVideoPlayer .video-js { background:#1e242c; width:160px;}
#wpVideoPlayer .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom:0;}
#wpVideoPlayer .video-js .vjs-control-bar { height:60px; opacity:1; position:absolute; bottom:0; left:0;}
#wpVideoPlayer .video-js .vjs-control-bar > * { opacity:0;}
#wpVideoPlayer .video-js .vjs-control-bar > button.vjs-play-control { opacity:1;}
#wpVideoPlayer .video-js .vjs-control-bar > div.vjs-volume-panel { opacity:1; align-items:center;}
#wpVideoPlayer .video-js .vjs-control-bar > div.vjs-volume-panel .vjs-volume-tooltip { margin-top:10px;}
#wpVideoPlayer .video-js .vjs-control-bar > div.vjs-live-control { opacity:1;}
#wpVideoPlayer .video-js .vjs-control-bar > button.vjs-fullscreen-control { opacity:1;}
#wpVideoPlayer .video-js .vjs-big-play-button { display:none;}
#wpVideoPlayer .vjs-button > .vjs-icon-placeholder:before{ height:60px!important; font-size:3em!important; display:flex; align-items:center; background:#1e242c; position:relative; z-index:1;}
#wpVideoPlayer .vjs-live-display{ width:60px; height:60px!important; font-size:2em!important; display:flex; align-items:center; background:#1e242c; position:relative; z-index:1;}
#wpVideoPlayer > input[value="關閉"] { position:absolute; top:0; right:0; width:60px; height:60px; border:0; outline:none; background:none; color:white; font-size:1em; cursor:pointer; background:#1e242c;}
#wpVideoPlayer > input[value="關閉"]:focus { background:rgba(255,240,0,1); color:blue; border:2px dashed blue;}

.AMFM2 .Photo { position:relative; overflow:hidden; width:512px;
border-radius: 30px;}
.AMFM2 .Photo > a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(../Images/Layout/radio_play.png) center center no-repeat; background-size:100px; opacity:0.8; z-index:2; border:4px solid rgba(241,140,47,0);
/*基礎動畫*/
transition:opacity .5s, background .5s, border .5s;
border-radius: 30px;}
.AMFM2 .Photo:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:black; opacity:0.1; z-index:1;
/*基礎動畫*/
transition:opacity .5s;}
.AMFM2 .Photo:hover:before { opacity:0.5;}
.AMFM2 .Photo > a:link,
.AMFM2 .Photo > a:visited { opacity:0.8;}
.AMFM2 .Photo > a:hover,
.AMFM2 .Photo > a:active { opacity:1; background:url(../Images/Layout/radio_play_o.png) center center no-repeat; background-size:100px; border:4px solid rgba(241,140,47,1);}
.AMFM2 .Photo > a:focus { opacity:1; background:url(../Images/Layout/radio_play_f.png) center center no-repeat, rgba(255,240,0,0.8); background-size:100px; border:4px dashed blue;}
.AMFM2 .Photo img { position:relative; z-index:0;
/*基礎動畫*/
transition:transform .5s;}
.AMFM2 .Photo:hover img {transform: scale(1.1);}
@media only screen and (min-width:0px) and (max-width:1024px) {
	.AMFM2 .Photo { width:calc( 50% - 5px );}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	.AMFM2 .Photo { width:100%;}
	.AMFM2 .Photo img { width:512px; margin:0 auto;}
	#wpVideoPlayer .player-info {left:165px; margin:0;}
}

@media only screen and (min-width:0px) and (max-width:512px) {
	#wpVideoPlayer .video-js { width:80px;}
	#wpVideoPlayer .vjs-live-display{ display:none;}
	#wpVideoPlayer .video-js .vjs-control-bar > button.vjs-play-control { width:40px;}
	#wpVideoPlayer .video-js .vjs-control-bar > div.vjs-volume-panel { width:40px;}
	#wpVideoPlayer .player-info { max-width:calc( 100% - 145px ); left:85px; }
}