@charset "utf-8";

.card-list li .pic
{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:285px;
  height:213px;
}
.card-list li .pic *
{
  width:auto;
  height:auto;
  max-width:285px;
  max-height:213px;
}
.card-list li p span
{
  display:inline-block;
  width:90px;
  text-align:center;
  color:#ffffff;
  border-left:solid 4px #99c9fa;
}

.card-list li p span.prg1 { background-color:#23ac38; }
.card-list li p span.prg2 { background-color:#0ea8e1; }
.card-list li p span.prg3 { background-color:#00a29a; }
.card-list li p span.prg4 { background-color:#8ec31f; }
.card-list li p span.prg5 { background-color:#f8b62c; }
.card-list li p span.prg6 { background-color:#ea5514; }
.card-list li p span.prg7 { background-color:#f2a2b6; }
.card-list li p span.prg8 { background-color:#e0803a; }
.card-list li p span.prg9 { background-color:#cc6565; }