@media screen and (max-width: 740px) {
  .nav-collapse.in .nav > li > a,
  .nav-collapse.in .dropdown-menu a {
    text-align-last: left;
  }
}
dd {
  margin-left: 50px !important;
}
dt {
  width: 30px !important;
}
.subImage {
  border-bottom: none;
  background: none;
  text-align: center;
}
.subImage .container[class*="bc"] {
  position: relative;
  max-width: 940px;
  background-position: center;
}
.subImage .container.bc4 {
  background: url(/en/img/img_bg_04.jpg) left top no-repeat;
}
.subImage .container.bc1:before {
  content: "About SEIJO";
}
.subImage .container.bc2:before {
  content: "Academics";
}
.subImage .container.bc3:before {
  content: "Institutes & Library";
}
.subImage .container.bc4:before {
  content: "Exchange Program";
}
.subImage .container.bc5:before {
  content: "Student Life";
}
.subImage .container[class*="bc"]:before {
  position: absolute;
  top: 55%;
  left: 20px;
  text-shadow: 2px 2px 3px #fff, -1px -1px 2px #fff;
  opacity: 0.7;
  font-size: 55px;
  color: #22a5de;
}
@media screen and (max-width: 740px) {
  .subImage .container[class*="bc"]:before {
    font-size: 9vw;
  }
}
.subImage p {
  z-index: 1;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
  padding: 3px 0 3px 20px;
  background: #ffffff;
}
.nav-list-lv1 li {
  background: none;
}
.nav-list-lv1 li:first-child {
  border-bottom: 2px solid #22a5de;
  padding: 16px 12px 0 0;
  line-height: 42px;
}
.nav-list-lv1 li:last-child {
  background: none;
}
.nav-list-lv1 li.nav-list-lv2 {
  background: none;
}
.nav-list-lv1 li.active {
  /* margin-left: -3px;
  border-left: 3px solid #22a5de; */
  background: #22a5de;
}
.nav-list-lv1 li.active a {
  color: #ffffff;
}
.nav-list-lv1 li a {
  color: #0f335b;
}
.nav-list-lv1 li a:hover,
.nav-list-lv1 li a:focus {
  opacity: 0.4;
}
.nav-list-lv1 li.active a:hover,
.nav-list-lv1 li.active a:focus {
  color: #ffffff;
}
.bodyHeader {
  margin: 20px 10px 0 20px;
  border: none;
  border-bottom: 2px solid #22a5de;
  background: none;
}
.bodyHeader p {
  border-left: none;
  margin: 0;
  padding: 0;
}
.content-unit p {
  margin: 0 0 10px 0;
}
@media screen and (max-width: 740px) {
  .bodyHeader {
    margin: 4vw 4vw 0;
  }
  .content-unit {
    margin: 4vw 4vw 0;
  }
  .nav.nav-list.nav-list-lv1 {
    display: none;
  }
  .pull-right {
    width: 100%;
    text-align: center;
    float: none;
  }
  .content-unit p {
    display: inline-block;
  }
}

.index-nav {
  margin: 0.5vw 5px 2vw;
}
.index-nav li a {
  display: block;
  padding: 5px 15px;
  font-size: 18px;
}
.index-nav li a:hover,
.index-nav li a:focus {
  background: #22a5de;
  text-decoration: none;
  color: #ffffff;
}