*     { outline:none; }
header, section { display:block; }
html, body  { margin:0 auto; padding:0; background:#1a1a1a; color:#000; font:normal 100% "Segoe UI", helvetica, arial, sans-serif; text-align:justify; }
a     { background:transparent; color:#000; text-decoration:none; }
a img { border:none; }
header   { margin:5px auto; padding:1em; width:800px; height:400px; background:transparent url(/planbm.png) center no-repeat scroll; color:#fff; }
header * { display:none; }
.cdlist img { width:120px; height:120px; padding:1px; background:#000; }
.cdlist ul  { list-style:none; clear:both: overflow:hidden; width:700px; margin:.3em auto; padding:0; font-size:70%; }
.cdlist li  { float:left; width:22%; padding:.5% .5% .5% 1%; margin:.5%; border-left:1px solid #333; }
.cdlist li:hover        { border-left-color:#f80; }
.cdlist li:hover a      { color:#f5f5f5; }
.cdlist li:hover img    { background:#f5f5f5; }
.cdlist li:hover strong { color:#f80; }