/**
 * Plugin soundPlayer
 * Copyright (c) <2016> <Jacques Malgrange contacter@boiteasite.fr>
 * License MIT
 */

.ui360 {
  display: flex;
  justify-content: center; /* 水平置中 */
}

div.ui360 a {
  display: block;
  cursor: pointer;
  background: transparent url(icons/new_player360.png) no-repeat scroll 0 0;
  width: 40px;
  height: 40px;
  text-decoration: none;
  background-size: contain;
  font-size: 1;
}
div.ui360 a:hover {
  background-image: url(icons/new_player360_hover.png);
}

/* 新版內容模組使用 Font Awesome 圖示，顏色與舊版圖片按鈕保持一致。 */
div.ui360 a.btn_audio,
div.ui360 a.btn_audio.sm2_link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #D58E2B !important;
  border-radius: 50%;
}

div.ui360 a.btn_audio:hover,
div.ui360 a.btn_audio.sm2_link:hover {
  color: #fff;
  background: #aa4c25 !important;
}

div.ui360 a.btn_audio i {
  pointer-events: none;
}
a.sm2_button {
  display: block;
  cursor: pointer;
  background: transparent url(icons/mp3button.png) no-repeat scroll 0 0;
  width: 18px;
  height: 18px;
  font-size: 1;
  text-decoration: none;
}
a.sm2_button:hover {
  background-image: url(icons/mp3button_over.png);
}
.soundPlayer--mini {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 4px;
  vertical-align: middle;
}
.soundPlayer--mini a.sm2_button {
  display: inline-block;
  vertical-align: top;
}
.soundPlayer--mini a.sm2_button.sm2_playing {
  background-image: url(icons/mp3button_over.png);
}
a.inline-playable {
  display: inline-block;
  min-height: 16px;
  background-image: url(icons/icon_play.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: #336699;
  border-radius: 3px;
  padding: 3px 3px 3px 25px;
  min-width: 19em;
  text-decoration: none;
  font-weight: normal;
  color: #f6f9ff;
}
a.inline-playable:hover {
  background-color: #003366;
  color: #fff;
}
div.sm2-bar-ui {
  width: 320px;
  height: 42px;
  background-image: url(icons/fullplayer320.png);
  position: relative;
}
div.sm2-bar-ui .sm2-main-controls,
div.sm2-bar-ui .sm2-inline-texture {
  display: none;
}
div.sm2-bar-ui .bd div.sm2-playlist-wrapper ul li a {
  position: absolute;
  left: 50px;
  top: 1px;
  display: block;
  width: 220px;
  height: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
div.sm2-bar-ui li {
  list-style: none;
}