body {background-color:#000000; color:#DDD;}
a    {color:#0CF; text-decoration:none;}
table.f { width:560px; }
table.m { width:280px;
          color:#dddddd;
          border:4px ridge #e0b800;
          background-color:#353c71;
          padding:10px; }
img.card{ width:64; height:128; }
th.class{ text-align:left;
          font-size:90%; }
th.sts  { font-size:90%;
          color:#44dd44;
          text-align:right; }
th.num  { font-size:90%;
          text-align:right; }
.col { color:#dddddd; font-size:90%; text-align:left; }
ul { list-style-type:none; }
.cp { color:#fff; border-bottom:1px solid; font-weight:bold; list-style:none; margin:12px 40px 12px -12px; }

@media screen and (max-width: 640px) {
 table{width:100%;}
 table.f > tbody > tr > th {display:block; width:100%;}
}