#form-audio {background: url(http://forumstatic.ru/files/0017/d8/50/90072.png) no-repeat 50% 5px;}
@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: local('Material Icons'), local('MaterialIcons-Regular'), url('http://forumstatic.ru/files/0017/d8/50/74050.woff2') format('woff2'),url('http://forumstatic.ru/files/0017/d8/50/55034.woff') format('woff'),url('http://forumstatic.ru/files/0017/d8/50/69630.ttf') format('truetype');}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
div.player {background-color: #9f9f9f; border: 2px solid #59add4; background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));-moz-border-radius: 4px;border-radius: 4px;khtml-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;margin:0 auto;z-index:200;overflow:hidden;width:400px;opacity: 0.9;text-shadow: 0 1px 0 rgba(255,255,255,.4);font-weight: bold;padding: 10px;}
#play {background: transparent url(http://forumstatic.ru/files/0017/d8/50/88284.png) no-repeat scroll 0 -22px;border: 0 none;cursor: pointer;display: block;float: left;height: 31px;left: 13px;margin: 7px;vertical-align: super;width: 31px;}
#prev,#next {border: 0 none;cursor: pointer;height: 10px;margin-left: 9px;width: 21px; vertical-align: middle;}
#prev {background: transparent url(http://forumstatic.ru/files/0017/d8/50/88284.png) no-repeat scroll 0 0;}
#next {background: transparent url(http://forumstatic.ru/files/0017/d8/50/88284.png) no-repeat scroll 0 -11px;}
#volume{-webkit-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;
background-color:#999;cursor: pointer;height:4px;left: 45px;margin-left: 10px;position: absolute;top: 9px;vertical-align: bottom;width:70px;}
#cover img {overflow:hidden;left:0px;top:0px;margin:0px;border:mediumnone;line-height:1;background-color:transparent;backface-visibility:hidden;filter:drop-shadow(0px 1px 3px DimGrey);-webkit-filter:drop-shadow(0px 1px 3px DimGrey);opacity:1;width:86px;height:86px;}
input[class="aplayer"]::-moz-range-progress {background:url(http://forumstatic.ru/files/0017/d8/50/12225.png) repeat-x scroll 0 -45px;}
input[class="aplayer"]::-moz-range-track{-moz-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;height:4px;}
input[class="aplayer"]::-moz-range-thumb{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0; border: 0; height: 19px;width:19px;cursor: pointer;filter: drop-shadow(3px 3px 7px slategrey);}
input[class="aplayer"]::-webkit-slider-thumb{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0;border:0;height:19px;width:19px;cursor: pointer;-webkit-filter: drop-shadow(3px 3px 7px slategrey);}
input[class="aplayer"]::-moz-range-thumb:hover{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll -18px 0px;}
input[class="aplayer"]::-webkit-slider-thumb:hover{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll -18px 0px;}
#seekbar { -webkit-appearance:none !important;background: #999;border-radius:4px; box-shadow:inset 0 0 1px#333;cursor: pointer;height:4px;width: 160px; vertical-align: super;}
.volume{background:url(http://forumstatic.ru/files/0012/72/15/67036.png)no-repeat scroll 0-75px rgba(0,0,0,0);content:"";display:inline-block;height:25px;margin-top:0;padding-right:1px;position:relative;right:-5px;vertical-align:middle;width:25px;}
button:focus, input:focus {outline:none;}
#duration, #end {font-size: 0.8em; vertical-align: super;}
#timebox {margin: 2px;}
#track { font-size: 0.8em;overflow: hidden;padding: 5px; text-align: left;width: 390px;}
#track li{cursor: pointer;}
#track li:nth-child(odd) {background: #dadada;}
#track li:nth-child(even) {background:#cdcdcd;}
#track li.active {background:#bddeee;}
#plist {cursor:pointer;margin-left:3px;vertical-align:sub;}
.spin {-webkit-animation: spin 2.8s infinite linear;-moz-animation: spin 2.8s infinite linear;-o-animation: spin 2.8s infinite linear;animation: spin 2.8s infinite linear;}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
#action {color: #fffff0;display: inline-block;float: right;font-size:14px;overflow: hidden;text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);width: 250px;animation: marquee 15s linear infinite;}
#action:hover {animation-play-state: paused} 
@-moz-keyframes marquee {
0% {-moz-transform: translate(0, 0);}
100% {-moz-transform: translate(-30%, 0);}
}
@-webkit-keyframes marquee {
0% {-webkit-transform: translate(0, 0);}
100% {-webkit-transform: translate(-30%, 0);}
}
@keyframes marquee {
0%{ transform: translate(0, 0); }
100% { transform: translate(-30%, 0); }
}
#tr-list{min-width:700px;width:fit-content;}
.adinput {display: table;}
.a-box{counter-reset:section;} 
.adinput:before {counter-increment:section;content:counter(section) ". ";}
.adinput:first-child #deltrack {display: none !important;}
#addtrack {color: lime;background: linear-gradient(lime, #006600); background: -webkit-linear-gradient(lime, #006600);background: -o-linear-gradient(lime, #006600);background: -ms-linear-gradient(lime, #006600);}
#deltrack {color: #d11919;background: linear-gradient(#d11919, #990000); background: -webkit-linear-gradient(#d11919, #990000);background: -o-linear-gradient(#d11919, #990000);background: -ms-linear-gradient(#d11919, #990000);}
#addtrack,#deltrack {cursor: pointer;font-size: 20px;vertical-align: sub;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
input[name="n"]::-moz-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]::-webkit-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]:-ms-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="u"]::-moz-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]::-webkit-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]:-ms-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="c"]::-moz-placeholder {font-size: 11px;}
input[name="c"]::-webkit-input-placeholder {font-size: 11px;}
input[name="c"]:-ms-input-placeholder {font-size: 11px;} 
input[name="n"]:focus, input[name="u"]:focus, input[name="c"]:focus {border: 2px solid #129FEA;outline: 0;}
input[name="n"], input[name="u"], input[name="c"]{border-radius: 6px;}
form#tr-list {max-height:600px;position:absolute;top: 15%;overflow-y:auto;resize: both;z-index: 9;}
@media screen and (min-width: 320px) and (max-width: 846px) {
form#tr-list{width: 470px !important;height: auto;}
input[name="n"], input[name="u"],input[name="c"] {width: 140px;}
.adinput {display: flex;}
.adsubmit {display: flex;flex-flow: row wrap;}
div.player{width: 350px;}
#seekbar {width: 135px;}
#track {width: 340px;justify-content: center;display: flex;}
}
@media screen and (min-width: 320px) and (max-width: 846px) and (orientation: portrait) {
div.player{width: 330px;}
#cover img {width: 68px;height: 68px;}
}
header{background-color:rgba(80,114,153,0.9);color:#fff;display:none;font:14px/1.3 Arial,sans-serif;left:0;margin:0!important;position:fixed;top:0;right:0;text-align:center;width:100%!important;z-index:2;}
header>.material-icons{cursor:pointer;font-size:30px;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;text-shadow:rgba(33,33,33,0.5)0px 3px 3px;}
#html-header div[id^="block-"]{background:transparent none repeat scroll 0 0;border:medium none;box-shadow:none;margin:0 auto;opacity:1;padding:0;width:600px;}
#html-header #play,#html-header #next,#html-header #prev,#html-header.volume{background:transparent none repeat scroll 0 0;}
#html-header #play::before{color:#fff;content:"\e80a";font-family:mybb;font-size:32px;}
#html-header #next::before{color:#fff;content:"\e80b";font-family:mybb;font-size:24px;}
#html-header #prev::before{color:#fff;content:"\e80c";font-family:mybb;font-size:24px;}
@media screen and(min-width:320px)and(max-width:846px)and(orientation:portrait){
    #html-header div[id^="block-"]{width:350px;}
    #html-header #play,#html-header #next,#html-header #prev{border-radius:50%;-webkit-box-shadow:0px 5px 10px 2px rgba(239,242,244,0.2)inset;-moz-box-shadow:0px 5px 10px 2px rgba(239,242,244,0.2)inset;box-shadow:0px 5px 10px 2px rgba(239,242,244,0.2)inset;}}
#html-header #track ul{display:none;}
#html-header #track ul li:not(.active){background:transparent;}
#html-header #cover img,li[class^=pa-fld]#cover img{width:46px!important;height:46px!important;}
#html-header #action{width:400px;font-size:12px;}
#html-header #volume{width:45px;}
#html-header #timebox{float:right;width:250px;margin:0;}
#html-header.aplayer{-webkit-appearance:none;margin:4px 0;}
#html-header.aplayer:focus{outline:none;}
#html-header.aplayer::-webkit-slider-runnable-track{height:3px;cursor:pointer;box-shadow:0.2px 0.2px 0.9px#748a9d,0px 0px 0.2px#110092;background:#E3F2FD;border-radius:0.4px;border:1px solid#006323;}
#html-header.aplayer::-webkit-slider-thumb{box-shadow:2px 2px 9.7px rgba(232,0,237,0.57),0px 0px 2px rgba(250,8,255,0.57);border:1px solid#E3F2FD;height:10px;width:10px;border-radius:28px;background:#748a9d;cursor:pointer;-webkit-appearance:none;margin-top:-5px;}
#html-header.aplayer:focus::-webkit-slider-runnable-track{background:rgba(178,206,237,0.57);}
#html-header.aplayer::-moz-range-track{height:3px;cursor:pointer;box-shadow:0.2px 0.2px 0.9px#748a9d,0px 0px 0.2px#110092;background:#E3F2FD;border-radius:0.4px;border:1px solid#006323;}
#html-header.aplayer::-moz-range-thumb{box-shadow:2px 2px 9.7px rgba(232,0,237,0.57),0px 0px 2px rgba(250,8,255,0.57);border:1px solid#E3F2FD;height:10px;width:10px;border-radius:28px;background:#748a9d;cursor:pointer;}
#html-header.aplayer::-ms-track{height:3px;cursor:pointer;background:transparent;border-color:transparent;color:transparent;}#html-header.aplayer::-ms-fill-lower{background:rgba(17,43,72,0.57);border:1px solid#006323;border-radius:0.8px;box-shadow:0.2px 0.2px 0.9px#748a9d,0px 0px 0.2px#110092;}
#html-header.aplayer::-ms-fill-upper{background:#E3F2FD;border:1px solid#006323;border-radius:0.8px;box-shadow:0.2px 0.2px 0.9px#748a9d,0px 0px 0.2px#110092;}#html-header.aplayer::-ms-thumb{box-shadow:2px 2px 9.7px rgba(232,0,237,0.57),0px 0px 2px rgba(250,8,255,0.57);border:1px solid#E3F2FD;height:10px;width:10px;border-radius:28px;background:#748a9d;cursor:pointer;height:3px;}
#html-header.aplayer:focus::-ms-fill-lower{background:#E3F2FD;}
#html-header.aplayer:focus::-ms-fill-upper{background:rgba(178,206,237,0.57);}
#eq {position: relative;right: -5px;bottom: 4px;float: right;display: inline-block;height: 50px;overflow: visible;width: 30px;
-moz-transform: scaleY(-1);  -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1);}
.b8{position:absolute;height: 0px;width: 4px;background: #E3F2FD;margin-right:1px;-webkit-transition: height 0.5s ease-out;transition: height 0.5s ease-out;display:inline-block;border-radius: 0 0 2px 2px; //right:0;}