.gloss .tabList {
  margin: 0 0 10px;
  list-style: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .gloss .tabList LI {
    line-height: 0;
    margin-right: 5px; }
    .gloss .tabList LI .btn span {
      padding: 15px 20px 11px !important; }
    .gloss .tabList LI .selected {
      background: #288235 !important; }
      .gloss .tabList LI .selected:hover > span {
        background: rgba(0, 0, 0, 0); }

#glossaryBox {
  font-size: 16px; }
  #glossaryBox H2 {
    margin-top: 60px !important; }
  #glossaryBox DT {
    clear: both;
    padding-left: 15px;
    background: url(/technical/about_pcb/glossary/img/icon_arrow_grn.gif) no-repeat left 8px; }
    #glossaryBox DT A {
      color: #333; }
  #glossaryBox DD {
    display: none;
    overflow: hidden;
    margin: 0 0 20px 15px;
    border: 1px solid #ebebeb;
    padding: 15px; }
    #glossaryBox DD IMG {
      float: left;
      margin: 0 15px 10px 0; }
    #glossaryBox DD TABLE {
      border-collapse: separate;
      border-spacing: 2px; }
      #glossaryBox DD TABLE TH {
        padding: 7px 5px 5px;
        background-color: #8dc8ae;
        font-weight: normal;
        color: #fff;
        text-align: left; }
      #glossaryBox DD TABLE TD {
        padding: 5px 10px;
        background-color: #f1f1f1;
        vertical-align: middle; }
    #glossaryBox DD UL {
      margin-bottom: 13px; }

@media only screen and (max-width: 767px) {
  .gloss .tabList {
    margin: 0 0 10px; }
    .gloss .tabList LI {
      width: 21.5%;
      font-weight: bold;
      border: solid 1px #ccc;
      border-radius: 10px;
      margin: 0 0 10px 5px;
      background-color: #ccc;
      background-image: none;
      background: -moz-linear-gradient(top, #f2f2f2, #ccc);
      background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); }
      .gloss .tabList LI A {
        color: #333; }
  .gloss .asterList {
    margin: 0 2%; }

  #glossaryBox DL {
    width: 96%;
    margin: 0 auto; } }