.playercontainer { position:relative; margin:0 auto; width:100%; }
#npAction{width: 116px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (max-width: 767px) {
.plTitle{width:60%;}
#npTitle{width:74%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.plTitle{width:69%;}
}
@media only screen and (max-width: 480px) {
.plTitle{width:59%;}
#npTitle{width:60%;}
#plList li { min-height:60px !important; padding:10px 0 !important;}
}
@media only screen and (max-width: 380px) {
.plLength{display:none;}
.plTitle{width:75%;}
#npTitle{width:50%; min-height:60px !important;}
}
@media only screen and (max-width: 320px) {
#npAction{width:33%;}
#npTitle{width:50%;}
}
audio { margin:0 15px 0 14px; width:93%; }
#mainwrap { /* add box-shadow or other styles here */ }
#audiowrap { background-color:#26292E; margin:0 auto; margin-bottom: 15px;}
#plwrap { margin:0 auto; }
#tracks { min-height:72px; position:relative; text-align:center; text-decoration:none; top:18px !important; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:10px; text-align:right; }
#npAction { padding:10px; position:absolute; }
#plList { margin:0; list-style:none;}
#plList li { background-color:#231F20; cursor:pointer; margin:0; padding:25px 0;}
#plList li:hover { background-color:#D3D3D3; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; top:0;}
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#D3D3D3!important; cursor:default!important; }
a[id^="btn"] { background-color:#26292E; color:#fff; cursor:pointer; font-size:50px; margin:0; padding:0 20px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#D3D3D3; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }
#audiowrap { background-color:#EAEAEA !important; }
/*#tracks { min-height:64px; top:12px !important; }*/
a[id^="btn"] { background-color:#EAEAEA !important; }
a[id^="btn"]:hover { background-color:#C0C0C0 !important; }
#plList li { background-color:#EAEAEA !important; }
#plList li:hover { background-color:#C0C0C0 !important; }
.plSel, .plSel:hover { background-color:#C0C0C0 !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }