/* LESS Document */
/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
.group {
  margin: 0 -10px;
}
.group > .head {
  font-size: 0.8em;
  margin-bottom: 5px;
  padding: 0 20px;
  line-height: 125%;
}
.t1 .group > .head {
  color: #66789d;
}
.t2 .group > .head {
  color: #ab8e5d;
}
.t3 .group > .head {
  color: #b56840;
}
.t4 .group > .head {
  color: #66989d;
}
.t5 .group > .head {
  color: #b44f5b;
}
.t6 .group > .head {
  color: #77669d;
}
.group .course .wrap {
  background-color: #FFF;
  border-bottom: solid 1px #EEE;
  padding: 20px;
  color: #604c42;
}
.t1 .group .course .wrap {
  border-color: rgba(2, 32, 93, 0.15);
}
.t2 .group .course .wrap {
  border-color: rgba(122, 107, 72, 0.15);
}
.t3 .group .course .wrap {
  border-color: rgba(217, 81, 10, 0.15);
}
.t4 .group .course .wrap {
  border-color: rgba(19, 107, 113, 0.15);
}
.t5 .group .course .wrap {
  border-color: rgba(152, 6, 25, 0.15);
}
.t6 .group .course .wrap {
  border-color: rgba(42, 2, 93, 0.15);
}
.group .course .tags {
  text-align: right;
}
.group .course .tags span {
  -webkit-border-radius: 25px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 25px;
  -moz-background-clip: padding;
  border-radius: 25px;
  background-clip: padding-box;
  color: #FFF;
  font-size: 0.8em;
  background-color: #9e8f88;
  display: inline-block;
  padding: 0 12px;
  margin-bottom: 3px;
}
.t1 .group .course .tags span.highlight {
  background-color: #2756b5;
}
.t2 .group .course .tags span.highlight {
  background-color: #ad872e;
}
.t3 .group .course .tags span.highlight {
  background-color: #d9510a;
}
.t4 .group .course .tags span.highlight {
  background-color: #1a8c94;
}
.t5 .group .course .tags span.highlight {
  background-color: #c33748;
}
.t6 .group .course .tags span.highlight {
  background-color: #5516a5;
}
.group .course .hours,
.group .course .level,
.group .course .fee {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.group .course .ico {
  text-align: right;
  font-size: 1.3em;
}
.t1 .group .course .ico {
  color: #02205d;
}
.t2 .group .course .ico {
  color: #7a6b48;
}
.t3 .group .course .ico {
  color: #d9510a;
}
.t4 .group .course .ico {
  color: #136b71;
}
.t5 .group .course .ico {
  color: #980619;
}
.t6 .group .course .ico {
  color: #2a025d;
}
.group .course .btns {
  text-align: right;
}
.group .course .btns .btn {
  font-size: 0.82em;
  padding: 4px 16px;
  font-weight: 700;
}
@media (max-width: 567px) {
  .group {
    margin: 10px -10px;
  }
  .group .course {
    margin-bottom: 30px;
  }
  .group .course > .wrap {
    position: relative;
    padding: 15px;
    padding-bottom: 40px;
    border: solid 1px #DDD;
  }
  .t1 .group .course > .wrap {
    border-color: rgba(2, 32, 93, 0.15);
  }
  .t2 .group .course > .wrap {
    border-color: rgba(122, 107, 72, 0.15);
  }
  .t3 .group .course > .wrap {
    border-color: rgba(217, 81, 10, 0.15);
  }
  .t4 .group .course > .wrap {
    border-color: rgba(19, 107, 113, 0.15);
  }
  .t5 .group .course > .wrap {
    border-color: rgba(152, 6, 25, 0.15);
  }
  .t6 .group .course > .wrap {
    border-color: rgba(42, 2, 93, 0.15);
  }
  .group .course .basic > .row > .col {
    position: inherit;
  }
  .group .course .name {
    border-bottom: solid 1px #DDD;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .group .course .tags {
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    padding: 0 10px;
    text-align: right;
  }
  .group .course .hours,
  .group .course .level,
  .group .course .fee {
    font-size: 0.85em;
    margin: 6px 0;
    line-height: 125%;
  }
  .group .course .hours .label:after,
  .group .course .level .label:after,
  .group .course .fee .label:after {
    content: " : ";
  }
  .group .course .ico {
    display: none;
  }
}