<!--HTML--><div class="htmldemo"><div class="htmldemo">
<center><div class="bsibg3">
<div class="bsititle3">ПРОТОТИПЫ</div> 

<div class="bsitxt3">
<div class="yonetoheal">
<div class="accordion vertical"><ul> <li><input type="radio" id="radio-4" name="radio-accordion"><label for="radio-4">A-B-C-D</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>
<b>Ao no Exorcist</b> » Rin Okumura » <b>Shinichi Igarasi</b><br>
<b>Ao no Exorcist </b> » Yukio Okumura. » <b>Akira Igarasi</b><br>
<b>Addiction</b> » Han Siran » <b> Kyle Hackman</b><br>
<b>Bungou Stray Dogs</b> » Nakajima Atsushi » <b>Jacob Winter</b><br>
<b>Bungou Stray Dogs</b> » Dazai Osamu » <b>Jonathan J. Licht </b><br>
<b>Durarara!!!</b> » Orihara Izaya » <b>Richard Tyler</b><br>
</center>
</td> </tr> </tbody></table></div></div> </li>


<li><input type="radio" id="radio-5" name="radio-accordion"><label for="radio-5">E-F-G-H</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>Haikyuu!!</b> » Tetsurou Kuroo » <b>Ryan Lester</b><br>
<b>Haikyuu!!</b> » Oikawa Tooru » <b>Miles Myers</b><br>
<b>Haikyuu!! </b> » Bokuto Koutarou» <b>Charles Harrison</b><br>
<b>Golden Kamuy</b> » Tokushirou Tsurumi » <b>Alan J. Wood</b><br>
</center>
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-6" name="radio-accordion"><label for="radio-6">I-J-K-L-M</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>Idolmaster</b> » Shibuya Rin » <b>Hilda Stain</b><br>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-7" name="radio-accordion"><label for="radio-7">N-O-P-Q-R</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>Owerwatch</b> » Genji Shimada » <b>Jude Kwon</b><br>
<b>One Piece</b> » Trafalgar Law » <b> Marcell Tiger-Tish</b><br>
<b>Persona 5</b> » Ren Amamiya » <b>Oliver Campbell</b><br>
<b>Private Scandal</b> » Kyle Hackman » <b>Kyle Hackman</b><br>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-8" name="radio-accordion"><label for="radio-8">S-T-U-V</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>Saezuru Tori wa Habatakanai</b> » Doumeki Chikara » <b>Mark Olsen</b><br>
<b>Touken Ranbu</b> » Shokudaikiri Mitsutada » <b>Orpheo Sigard</b><br>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-9" name="radio-accordion"><label for="radio-9">W-X-Y-Z</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>Yuri on Ice</b> » Victor Nikiforov » <b> Ulrich Maier</b><br>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-10" name="radio-accordion"><label for="radio-10">0-9 + Арты</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top"><center>
<b>art by lovecacao</b>  » <b>Gabriella Lombardi</b><br>
<b>art by sackcloth and ashes</b> » Vivian » <b>Christophe A. Barthelemy </b><br>
<b>wnqns</b> » original » <b>Rebecca Gilmore</b><br>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

</ul></div></div></div></div></center> <style>

.bsibg3 {
    background-color: #eaeaea;
    padding: 4px;
    width: 550px;
    border: 1px dotted #808080;
}

.bsititle3 {
    background-color: #eaeaea;
    /* padding: 13px 32px; */
    color: #cac8c6;
    font-family: open sans;
    font-size: 30px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px rgb(128, 128, 128);
    border-bottom: 3px solid #808080;
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
    border-top: 1px solid #808080;
}

.bsitxt2 { 
text-align: justify; 
margin-top: -2px; 
background-color: #FFF; 
padding: 10px; 
margin-bottom: 5px; 
border-bottom: 1px solid #808080; 
border-top: 1px solid #808080; 
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
} 

.bsitxt3 {
    text-align: left;
    margin-top: -2px;
    background-color: #eaeaea;
    margin-bottom: 5px;
    border-bottom: 1px solid #808080;
    /* border-top: 1px solid #808080; */
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
}

.yonetoheal {width: auto;} 

.accordion { 
width: auto; 
margin: 0 auto; 
padding: 10px;
} 

.accordion ul {
list-style: none; 
margin: 0; 
padding: 0; 
} 

.accordion li {
margin:0; 
padding:0; 
} 

.accordion [type=radio], .accordion [type=checkbox] { display:none; } 

.accordion label {
display:block; 
background: #FAFAFA; 
font-family: open sans; 
text-transform: uppercase; 
text-align: center; 
font-size: 16px; 
letter-spacing: 0.5px; 
-webkit-transition: all .2s ease-out; 
-moz-transition: all .2s ease-out; 
} 

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { 
background:#cac8c6; 
border: #808080 1px dotted;
color:#FFF; 
} 

.accordion .content { 
padding: 0 10px; 
overflow:hidden; 
-webkit-transition: all .5s ease-out; 
-moz-transition: all .5s ease-out; 
border: 1px solid #fff; 
background-color: #fff;
} 

.accordion p { 
color:#333; 
margin:0 0 10px; 
} 

.accordion h3 { color:#eaeaea; margin:10px 0;} 
.vertical ul li {overflow:hidden; margin:0 0 1px; } 
.vertical ul li label { padding:10px; } 

.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { 
border-bottom:0; 
} 

.vertical ul li .content { height:0px; border-top:0;} 

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { 
height: 170px; 
border: 1px solid #fff; 
background-color: #fff; 
padding: 10px; } 

.wohaowhe {
padding-right: 5px; 
height: 170px; 
overflow-y: auto; 
text-align: left; 
font-size: 10px;
} 

@font-face { 
font-family: 'TripSerifCE_Light'; 
src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); 
src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

.wohaowhe::-webkit-scrollbar {width: 2px; height: 2px;} 

.wohaowhe::-webkit-scrollbar-thumb {width: 2px} </style></div></div>