h2 SPAN.ornormal {
  color: #ed8804; }
h2 SPAN.orbold {
  font-weight: bold;
  color: #ed8804; }
h2 SPAN.gr {
  color: #444; }

.seminarWrap {
  width: 100%; }
  .seminarWrap .sort_btn {
    padding: 10px;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px !important; }
    .seminarWrap .sort_btn SPAN {
      white-space: nowrap;
      color: #fff;
      padding: 1px 10px 0;
      margin-right: 10px;
      font-size: 12px;
      border-radius: 3px;
      cursor: pointer; }
      .seminarWrap .sort_btn SPAN.spbox {
        color: #333 !important;
        font-size: 14px !important; }
      .seminarWrap .sort_btn SPAN.btn_special {
        background: #ff0000;
        margin-right: 20px !important; }
      .seminarWrap .sort_btn SPAN.btn_beginner {
        background: #037b09; }
      .seminarWrap .sort_btn SPAN.btn_semcad {
        background: #29abe2; }
      .seminarWrap .sort_btn SPAN.btn_semtech {
        background: #662d91; }
      .seminarWrap .sort_btn SPAN.btn_semonline {
        background: #3ebd9d; }
      .seminarWrap .sort_btn SPAN.btn_semsgok {
        background: #f78268; }
      .seminarWrap .sort_btn SPAN.btn_all {
        background: #666; }
    .seminarWrap .sort_btn .event_cateBox {
      display: flex; }
  .seminarWrap #seminarBox H3 {
    font-size: 24px;
    background: #999999;
    color: #fff;
    text-align: left;
    padding: 6px 10px 0;
    margin-bottom: 14px;
    line-height: 1.2; }
  .seminarWrap #seminarBox disnone, .seminarWrap #seminarBox .disnoneDiv {
    display: none; }
  .seminarWrap #seminarBox .lBox {
    margin: 0 0 14px 24px; }
    .seminarWrap #seminarBox .lBox LI {
      position: relative;
      padding: 2px;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      border-radius: 5px;
      box-sizing: border-box; }
      .seminarWrap #seminarBox .lBox LI.ahoverLink .semTitle {
        color: #ed8804;
        text-decoration: underline; }
      .seminarWrap #seminarBox .lBox LI.ahoverLink:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7; }
      .seminarWrap #seminarBox .lBox LI.semcad .catespan {
        background: #29abe2; }
      .seminarWrap #seminarBox .lBox LI.beginner .catespan {
        background: #037b09; }
      .seminarWrap #seminarBox .lBox LI.semtech .catespan {
        background: #662d91; }
      .seminarWrap #seminarBox .lBox LI.semonline .catespan {
        background: #3ebd9d; }
      .seminarWrap #seminarBox .lBox LI.semsgok .catespan {
        background: #f78268; }
      .seminarWrap #seminarBox .lBox LI .daycal, .seminarWrap #seminarBox .lBox LI .calinfo {
        float: left;
        min-height: 70px;
        box-sizing: border-box;
        box-sizing: border-box;
        background: #f4f4f4; }
      .seminarWrap #seminarBox .lBox LI .daycal {
        width: 17.3%;
        line-height: 0; }
        .seminarWrap #seminarBox .lBox LI .daycal SPAN {
          width: 100%;
          padding: 20px 10px;
          font-size: 24px;
          color: #fff;
          background: #aaa;
          box-sizing: border-box; }
      .seminarWrap #seminarBox .lBox LI .calinfo {
        width: 82.7%;
        padding: 10px 10px 0; }
        .seminarWrap #seminarBox .lBox LI .calinfo SPAN {
          display: inline-block; }
        .seminarWrap #seminarBox .lBox LI .calinfo .catespan, .seminarWrap #seminarBox .lBox LI .calinfo .venuespan, .seminarWrap #seminarBox .lBox LI .calinfo .offentry, .seminarWrap #seminarBox .lBox LI .calinfo .onentry, .seminarWrap #seminarBox .lBox LI .calinfo .finentry {
          white-space: nowrap;
          line-height: 1;
          padding: 5px 10px 3px;
          border-radius: 3px;
          margin-right: 10px; }
        .seminarWrap #seminarBox .lBox LI .calinfo .catespan {
          color: #fff; }
        .seminarWrap #seminarBox .lBox LI .calinfo .venuespan {
          padding: 3px 10px 1px;
          color: #666;
          box-sizing: border-box;
          border: 2px solid #bababa; }
        .seminarWrap #seminarBox .lBox LI .calinfo .offentry {
          background: #333333;
          color: #fff;
          font-weight: bold; }
        .seminarWrap #seminarBox .lBox LI .calinfo .onentry {
          background: #2260da;
          color: #fff;
          font-weight: bold; }
        .seminarWrap #seminarBox .lBox LI .calinfo .finentry {
          background: #666;
          color: #fff;
          font-weight: bold; }
        .seminarWrap #seminarBox .lBox LI .calinfo .dayspan {
          position: absolute;
          top: 10px;
          right: 10px;
          font-size: 16px; }
        .seminarWrap #seminarBox .lBox LI .calinfo .sptagbox {
          position: absolute;
          top: 0;
          left: -24px;
          padding: 30px 1px 0;
          background: #ff0000;
          min-height: 76px;
          color: #fff;
          box-sizing: border-box; }
        .seminarWrap #seminarBox .lBox LI .calinfo .sptagboxnone {
          display: none !important; }
        .seminarWrap #seminarBox .lBox LI .calinfo .semTitle {
          display: block;
          font-weight: bold;
          font-size: 18px;
          line-height: 1;
          padding: 10px 0 0; }
        .seminarWrap #seminarBox .lBox LI .calinfo .btn_entry {
          background: #2260da; }
      .seminarWrap #seminarBox .lBox LI A.alinks {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0; }
        .seminarWrap #seminarBox .lBox LI A.alinks:hover + DIV.calinfo SPAN.semTitle {
          text-decoration: none; }
  .seminarWrap .semBkBtn {
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 10px; }
    .seminarWrap .semBkBtn A {
      font-size: 16px;
      text-decoration: underline !important; }
    .seminarWrap .semBkBtn .btnBkNum A {
      margin: 0 15px; }
    .seminarWrap .semBkBtn .btnBkNum SPAN {
      font-size: 16px;
      margin: 0 15px; }

.accessSem .imgC {
  text-align: center;
  margin-bottom: 5px !important;
  padding-top: 25px; }
.accessSem .mapSem img {
  width: 100%; }
.accessSem .mapstexit img {
  width: 49%; }

.powerUp .compName {
  display: block;
  padding: 10px 10px 7px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  background: #71c176; }
.powerUp .instBox {
  padding: 2%;
  background: #defce0; }
.powerUp .instPhoto {
  float: left; }
.powerUp .teachProf {
  float: left;
  width: 81%;
  margin-left: 2%; }
  .powerUp .teachProf DL DT {
    border-bottom: 2px solid #a1e1a5; }
  .powerUp .teachProf DL DD {
    padding: 10px 0 0; }
  .powerUp .teachProf .instName {
    display: inline-block;
    padding-right: 5px;
    font-size: 20px;
    font-weight: bold; }
  .powerUp .teachProf .sTema {
    display: block;
    font-weight: bold; }

@media only screen and (max-width: 767px) {
  .seminarWrap #seminarBox {
    width: 90%;
    margin: 0 5%; }
  .seminarWrap div.calinfo {
    width: 100% !important;
    padding: 10px !important; }
  .seminarWrap .lBox {
    margin-left: 0 !important; }
  .seminarWrap .sort_btn {
    box-sizing: border-box !important; }
  .seminarWrap .spbox, .seminarWrap div.daycal, .seminarWrap .sptagbox {
    display: none !important; }
  .seminarWrap .dayspan {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    text-align: right !important; }
  .seminarWrap .catespan, .seminarWrap .venuespan, .seminarWrap .offentry, .seminarWrap .onentry {
    margin-bottom: 10px; }
  .seminarWrap .semTitle {
    line-height: 1.3 !important;
    padding: 0 !important; }
  .seminarWrap .btnBkNum {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
  .seminarWrap .semBkBtn A {
    display: block;
    width: 33%;
    margin: 10px 0 !important; }

  .powerUp .seminarDatailTable TR:first-child TH {
    margin-top: 0 !important; }
  .powerUp .seminarDatailTable TR TD, .powerUp .seminarDatailTable TR TH {
    margin-top: -1px; }
  .powerUp .seminarDatailTable THEAD th:first-child {
    display: none; }
  .powerUp .instBox, .powerUp .compName {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box; }
  .powerUp .teachProf {
    width: 100%;
    margin-left: 0; } }
