/* line 1, ../sass/audioplayer.scss */
#section-music {
  	/* Desktop
  ================================================== */
  /* Tablet (Portrait)
  ================================================== */
  /* Mobile (Portrait)
  ================================================== */
  /* Mobile (Landscape)
  ================================================== */
  /* Typography
  ================================================== */
  /*h1,h6,p { color:#808080; font-weight:200; }*/
  /* Links
  ================================================== */
  /* Misc.
  ================================================== */
  /* Default / Desktop / Firefox */
}
/* line 5, ../sass/audioplayer.scss */
#section-music .container {
  position: relative;
  margin: 0 auto;
}
/* line 6, ../sass/audioplayer.scss */
#section-music .column {
  width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* line 13, ../sass/audioplayer.scss */
  #section-music .container {
    width: 556px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 21, ../sass/audioplayer.scss */
  #section-music .container {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 29, ../sass/audioplayer.scss */
  #section-music html[data-useragent*="Chrome"] audio {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
/* line 36, ../sass/audioplayer.scss */
#section-music ul {
  list-style: none;
}
/* line 42, ../sass/audioplayer.scss */
#section-music h1 {
  font-size: 42px;
  line-height: 44px;
  margin: 20px 0 0;
}
/* line 43, ../sass/audioplayer.scss */
#section-music h6 {
  font-size: 18px;
  line-height: 20px;
  margin: 4px 0 20px;
}
/* line 44, ../sass/audioplayer.scss */
#section-music p {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 2px;
}
/* line 50, ../sass/audioplayer.scss */
#section-music a, #section-music a:visited {
  color: #ddd;
  outline: 0;
  text-decoration: underline;
}
/* line 51, ../sass/audioplayer.scss */
#section-music a:hover, #section-music a:focus {
  color: #bbb;
}
/* line 52, ../sass/audioplayer.scss */
#section-music p a, #section-music p a:visited {
  line-height: inherit;
}
/* line 58, ../sass/audioplayer.scss */
#section-music .add-bottom {
  margin-bottom: 20px !important;
}
/* line 59, ../sass/audioplayer.scss */
#section-music .left {
  float: left;
}
/* line 60, ../sass/audioplayer.scss */
#section-music .right {
  float: right;
}
/* line 61, ../sass/audioplayer.scss */
#section-music .center {
  text-align: center;
}
/* line 65, ../sass/audioplayer.scss */
#section-music audio {
  margin: 0 15px 0 14px;
  width: 670px;
}
/* line 66, ../sass/audioplayer.scss */
#section-music #mainwrap {
  /* add box-shadow or other styles here */
}
/* line 67, ../sass/audioplayer.scss */
#section-music #audiowrap {
  background-color: #231F20;
  margin: 0 auto;
}
/* line 68, ../sass/audioplayer.scss */
#section-music #plwrap {
  margin: 0 auto;
}
/* line 69, ../sass/audioplayer.scss */
#section-music #tracks {
  min-height: 65px;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: 13px;
}
/* line 70, ../sass/audioplayer.scss */
#section-music #nowPlay {
  display: inline;
}
/* line 71, ../sass/audioplayer.scss */
#section-music #npTitle {
  margin: 0;
  padding: 21px;
  text-align: right;
}
/* line 72, ../sass/audioplayer.scss */
#section-music #npAction {
  padding: 21px;
}
/* line 73, ../sass/audioplayer.scss */
#section-music #plList {
  margin: 0;
  /*height: 300px; overflow: scroll;*/
}
/* line 74, ../sass/audioplayer.scss */
#section-music #plList li {
  background-color: #231F20;
  cursor: pointer;
  margin: 0;
  padding: 21px 0;
}
/* line 75, ../sass/audioplayer.scss */
#section-music #plList li:hover {
  background-color: #262223;
}
/* line 76, ../sass/audioplayer.scss */
#section-music .plItem {
  position: relative;
}
/* line 77, ../sass/audioplayer.scss */
#section-music .plTitle {
  left: 50px;
  overflow: hidden;
  position: absolute;
  right: 65px;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
/* line 78, ../sass/audioplayer.scss */
#section-music .plNum {
  padding-left: 21px;
  width: 25px;
}
/* line 79, ../sass/audioplayer.scss */
#section-music .plLength {
  padding-left: 21px;
  position: absolute;
  right: 21px;
  top: 0;
}
/* line 80, ../sass/audioplayer.scss */
#section-music .plSel, #section-music .plSel:hover {
  background-color: #262223 !important;
  cursor: default !important;
  color: #778bfd;
}
/* line 81, ../sass/audioplayer.scss */
#section-music a[id^="btn"] {
  background-color: #231F20;
  color: #C8C7C8;
  cursor: pointer;
  font-size: 40px;
  margin: 0;
  padding: 0 27px 5px;
  text-decoration: none;
  border-bottom: none;
}
/* line 82, ../sass/audioplayer.scss */
#section-music a[id^="btn"]:last-child {
  margin-left: -4px;
}
/* line 83, ../sass/audioplayer.scss */
#section-music a[id^="btn"]:hover, #section-music a[id^="btn"]:active {
  background-color: #262223;
  color: #778bfd;
}
/* line 84, ../sass/audioplayer.scss */
#section-music a[id^="btn"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* IE 9 */
/* line 87, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] audio {
  margin-left: 9px;
  outline: none;
  width: 680px;
}

/* line 88, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] #audiowrap {
  background-color: #000;
}

/* line 89, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] #tracks {
  min-height: 57px;
  top: 5px;
}

/* line 90, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] a[id^="btn"] {
  background-color: #000;
}

/* line 91, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover {
  background-color: #080808;
}

/* line 92, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] #plList li {
  background-color: #000;
}

/* line 93, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] #plList li:hover {
  background-color: #080808;
}

/* line 94, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 9.0"] .plSel,
html[data-useragent*="MSIE 9.0"] .plSel:hover {
  background-color: #080808 !important;
}

/* IE 10 */
/* line 98, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] audio {
  margin-left: 6px;
  width: 687px;
}

/* line 99, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] #audiowrap {
  background-color: #000;
}

/* line 100, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] #tracks {
  min-height: 60px;
  top: 8px;
}

/* line 101, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] a[id^="btn"] {
  background-color: #000;
}

/* line 102, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover {
  background-color: #080808;
}

/* line 103, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] #plList li {
  background-color: #000;
}

/* line 104, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] #plList li:hover {
  background-color: #080808;
}

/* line 105, ../sass/audioplayer.scss */
html[data-useragent*="MSIE 10.0"] .plSel,
html[data-useragent*="MSIE 10.0"] .plSel:hover {
  background-color: #080808 !important;
}

/* IE 11 */
/* line 109, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] audio {
  margin-left: 2px;
  width: 695px;
}

/* line 110, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] #audiowrap {
  background-color: #000;
}

/* line 111, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] #tracks {
  min-height: 60px;
  top: 8px;
}

/* line 112, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] a[id^="btn"] {
  background-color: #000;
}

/* line 113, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover {
  background-color: #080808;
}

/* line 114, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] #plList li {
  background-color: #000;
}

/* line 115, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] #plList li:hover {
  background-color: #080808;
}

/* line 116, ../sass/audioplayer.scss */
html[data-useragent*="rv:11.0"] .plSel,
html[data-useragent*="rv:11.0"] .plSel:hover {
  background-color: #080808 !important;
}

/* All Apple Products */
/* line 120, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] audio {
  margin: 0;
  width: 100%;
}

/* line 121, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] #audiowrap {
  background-color: #000;
}

/* line 122, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] #tracks {
  min-height: 56px !important;
  top: 0px !important;
}

/* line 123, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] a[id^="btn"] {
  background-color: #000;
}

/* line 124, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] a[id^="btn"]:hover {
  background-color: #080808;
}

/* line 125, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] #plList li {
  background-color: #000;
}

/* line 126, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] #plList li:hover {
  background-color: #080808;
}

/* line 127, ../sass/audioplayer.scss */
html[data-useragent*="Apple"] .plSel,
html[data-useragent*="Apple"] .plSel:hover {
  background-color: #080808 !important;
}

/* IOS 7 */
/* line 131, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] body {
  color: #373837;
}

/* line 132, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] audio {
  margin-left: 3px;
  width: 690px;
}

/* line 133, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] #audiowrap {
  background-color: #e6e6e6;
}

/* line 134, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] #tracks {
  min-height: 75px;
  top: 23px;
}

/* line 135, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] a[id^="btn"] {
  background-color: #e6e6e6;
  color: #373837;
}

/* line 136, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] a[id^="btn"]:hover {
  background-color: #eee;
}

/* line 137, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] #plList li {
  background-color: #e6e6e6;
}

/* line 138, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] #plList li:hover {
  background-color: #eee;
}

/* line 139, ../sass/audioplayer.scss */
html[data-useragent*="OS 7"] .plSel,
html[data-useragent*="OS 7"] .plSel:hover {
  background-color: #eee !important;
}

/* IOS 8 */
/* line 143, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] body {
  color: #373837;
}

/* line 144, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] audio {
  margin-left: 6px;
  width: 694px;
}

/* line 145, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] #audiowrap {
  background-color: #e4e4e4;
}

/* line 146, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] #tracks {
  min-height: 75px;
  top: 23px;
}

/* line 147, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] a[id^="btn"] {
  background-color: #e4e4e4;
  color: #373837;
}

/* line 148, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] a[id^="btn"]:hover {
  background-color: #eee;
}

/* line 149, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] #plList li {
  background-color: #e4e4e4;
}

/* line 150, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] #plList li:hover {
  background-color: #eee;
}

/* line 151, ../sass/audioplayer.scss */
html[data-useragent*="OS 8"] .plSel,
html[data-useragent*="OS 8"] .plSel:hover {
  background-color: #eee !important;
}

/* IOS 9 */
/* line 155, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] body {
  color: #373837;
}

/* line 156, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] audio {
  margin-left: 6px;
  width: 694px;
}

/* line 157, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] #audiowrap {
  background-color: #d5d5d5;
}

/* line 158, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] #tracks {
  min-height: 75px;
  top: 23px;
}

/* line 159, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] a[id^="btn"] {
  background-color: #d5d5d5;
  color: #373837;
}

/* line 160, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] a[id^="btn"]:hover {
  background-color: #eee;
}

/* line 161, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] #plList li {
  background-color: #d5d5d5;
}

/* line 162, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] #plList li:hover {
  background-color: #eee;
}

/* line 163, ../sass/audioplayer.scss */
html[data-useragent*="OS 9"] .plSel,
html[data-useragent*="OS 9"] .plSel:hover {
  background-color: #eee !important;
}

/* Chrome */
/* line 167, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] audio {
  margin-left: 6px;
  width: 687px;
}

/* line 168, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] #audiowrap {
  background-color: #141414;
}

/* line 169, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] #tracks {
  min-height: 64px;
  top: 20px;
}

/* line 170, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] a[id^="btn"] {
  background-color: #141414;
}

/* line 171, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] a[id^="btn"]:hover {
  background-color: #171717;
}

/* line 172, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] #plList li {
  background-color: #141414;
}

/* line 173, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] #plList li:hover {
  background-color: #171717;
}

/* line 174, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"] .plSel,
html[data-useragent*="Chrome"] .plSel:hover {
  background-color: #171717 !important;
}

/* Chrome / Android / Tablet */
/* line 178, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] body {
  color: #373837;
}

/* line 179, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] audio {
  margin-left: 4px;
  width: 689px;
}

/* line 180, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] #audiowrap {
  background-color: #fafafa;
}

/* line 181, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] #tracks {
  min-height: 75px;
  top: 23px;
}

/* line 182, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"] {
  background-color: #fafafa;
  color: #373837;
}

/* line 183, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"]:hover {
  background-color: #eee;
}

/* line 184, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li {
  background-color: #fafafa;
}

/* line 185, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li:hover {
  background-color: #eee;
}

/* line 186, ../sass/audioplayer.scss */
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel,
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel:hover {
  background-color: #eee !important;
}

/* Audio Player Media Queries
================================================== */
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* line 195, ../sass/audioplayer.scss */
  audio {
    width: 526px;
  }

  /* line 196, ../sass/audioplayer.scss */
  html[data-useragent*="MSIE 9.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 197, ../sass/audioplayer.scss */
  html[data-useragent*="MSIE 10.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 198, ../sass/audioplayer.scss */
  html[data-useragent*="rv:11.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 199, ../sass/audioplayer.scss */
  html[data-useragent*="OS 7"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 200, ../sass/audioplayer.scss */
  html[data-useragent*="OS 8"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 201, ../sass/audioplayer.scss */
  html[data-useragent*="OS 9"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 202, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 203, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"][data-useragent*="Android"] audio {
    margin-left: 4px;
    width: 545px;
  }
}
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 208, ../sass/audioplayer.scss */
  audio {
    width: 390px;
  }

  /* line 209, ../sass/audioplayer.scss */
  html[data-useragent*="MSIE 9.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 210, ../sass/audioplayer.scss */
  html[data-useragent*="MSIE 10.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 211, ../sass/audioplayer.scss */
  html[data-useragent*="rv:11.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 212, ../sass/audioplayer.scss */
  html[data-useragent*="OS 7"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 213, ../sass/audioplayer.scss */
  html[data-useragent*="OS 8"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 214, ../sass/audioplayer.scss */
  html[data-useragent*="OS 9"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 215, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 216, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio {
    margin-left: 4px;
    width: 410px;
  }

  /* line 217, ../sass/audioplayer.scss */
  #npTitle {
    width: 245px;
  }
}
/* Mobile Portrait */
@media only screen and (max-width: 479px) {
  /* line 222, ../sass/audioplayer.scss */
  audio {
    width: 270px;
  }

  /* line 223, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"] audio {
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* line 227, ../sass/audioplayer.scss */
  html[data-useragent*="rv:11.0"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 228, ../sass/audioplayer.scss */
  html[data-useragent*="OS 7"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 229, ../sass/audioplayer.scss */
  html[data-useragent*="OS 8"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 230, ../sass/audioplayer.scss */
  html[data-useragent*="OS 9"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 231, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"] audio {
    width: 100%;
    margin-left: 0;
  }

  /* line 232, ../sass/audioplayer.scss */
  html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio {
    margin-left: 4px;
    width: 290px;
  }

  /* line 233, ../sass/audioplayer.scss */
  #npTitle {
    width: 167px;
  }
}
/* line 237, ../sass/audioplayer.scss */
#npAction, #npTitle {
  color: #778bfd;
}