input[id^="spoiler"]{
 display: none;
}
input[id^="spoiler"] + label {
 display: block;
 width: auto;
 margin: 0 auto;
 margin-bottom: -12px;
 padding: 2px 5px;
 background: #eccc97;
 color: #993300;
 text-align: left;
 font-size: 15px;
 -font-weight: bold;
 border-radius: 3px;
 cursor: pointer;
 transition: all .6s;
}
input[id^="spoiler"]:checked + label {
 color: #333333;
 margin-bottom: 0px;
 font-weight: none;
 background: #f9ebd0;
}
input[id^="spoiler"] ~ .spoiler {
 width: 98%;
 height: 0;
 overflow: hidden;
 opacity: 0;
 margin: 3px auto 5px; 
 padding: 5px; 
 background: rgba(249, 235, 208, .5);
 border: 1px solid #eccc97;
 border-radius: 3px;
 transition: all .6s;
}
input[id^="spoiler"]:checked + label + .spoiler{
 height: auto;
 opacity: 1;
 padding: 5px;
 margin-bottom: 8px;
}




table {
  font-size: 15px;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
/* th {
  font-weight: normal;
  color: #039;
  border-bottom: 2px solid #6678b1;
  padding: 0px 6px;
} */
td.name {
  width: auto;
  padding: 0px 6px;
  text-align: left;
  vertical-align:center;
}
td.dn {
  width: 30px;
  text-align: center;
  vertical-align:center;
}
tbody tr:first-child ~ tr td {
  border-top: 1px solid #eccc97;
  transition: .3s linear;
}
tr:hover td {color: #993300;}



a .pdf {width:30px; height:18px; background: url('images/dn_pdf.gif') 0 0;}
a:hover .pdf {background: url('images/dn_pdf1.gif') 0 0;}

a .fb2 {width:30px; height:18px; background: url('images/dn_fb2.gif') 0 0;}
a:hover .fb2 {background: url('images/dn_fb21.gif') 0 0;}

a .djvu {width:30px; height:18px; background: url('images/dn_djvu.gif') 0 0;}
a:hover .djvu {background: url('images/dn_djvu1.gif') 0 0;}

a .epub {width:30px; height:18px; background: url('images/dn_epub.gif') 0 0;}
a:hover .doc {background: url('images/dn_epub1.gif') 0 0;}

a .doc {width:30px; height:18px; background: url('images/dn_doc.gif') 0 0;}
a:hover .doc {background: url('images/dn_doc1.gif') 0 0;}

a .chm {width:30px; height:18px; background: url('images/dn_chm.gif') 0 0;}
a:hover .chm {background: url('images/dn_chm1.gif') 0 0;}

a .htm {width:30px; height:18px; background: url('images/dn_htm.gif') 0 0;}
a:hover .htm {background: url('images/dn_htm1.gif') 0 0;}

a .txt {width:30px; height:18px; background: url('images/dn_txt.gif') 0 0;}
a:hover .htm {background: url('images/dn_txt1.gif') 0 0;}