body { 
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:14px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  color:#000000
}
article {
  display: block;
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
#plist{
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
#plist li {
  list-style:none;
  flex:1;
}
#plist li:last-child {
  border-right:1px solid #DDD;
}
button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999
}
#plist li.active button {
  background:#BADBED;
  color:#000;
}
table { border-collapse:collapse; table-layout:fixed; width:100%; }
th { background:#BADBED; display:none; }
td, th {
  height:53px
}
td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
td,th {
  text-align:left;
}
td+td, th+th {
  text-align:center;
  display:none;
}
td.default {
  display:table-cell;
}
.bg-purple {
  border-top:3px solid #789AAB;
}
.bg-blue {
  border-top:3px solid #789AAB;
}
.sep {
  background:#E0E7EE;
  font-weight:bold;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#789AAB; }
.hide {
  border:0;
  background:none;
}

@media (min-width: 640px) {
  #plist {
    display:none;
  }
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: 330px;
  
  }
  td+td, th+th {
    width: auto;
  }
}