﻿@media (any-hover: hover) {
  .campus-s9 .item:hover img {
    transform: scale(1.1);
  }
}

.academics-s1 {
  padding: 0;
}
.academics-s1 .item {
  margin-top: 5.625rem;
}
.academics-s1 .item:nth-of-type(1) {
  margin-top: 0;
}
.academics-s1 .label {
  color: #000;
}
.academics-s1 .link {
  margin-top: 2.5rem;
}
.academics-s1 a {
  display: block;
  position: relative;
  background-color: #f5f5f5;
  padding: 1.25rem 7.5rem 1.25rem 2.5rem;
  margin-top: 10px;
  color: #333;
  transition: all .3s ease;
  font-size: 2rem;
}
.academics-s1 a:after {
  content: '';
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  margin-top: -0.625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/link.svg");
  transition: all .3s ease;
}
.academics-s1 a:nth-of-type(1) {
  margin-top: 0;
}
@media (any-hover: hover) {
  .academics-s1 a:hover {
    color: #08509e;
    background-color: #f2f3f9;
    font-weight: bolder;
  }
  .academics-s1 a:hover:after {
    background-image: url("../images/link-hover.svg");
  }
}

.academics-s2 {
  padding: 7.5rem 0 5.625rem;
}
.academics-s2 .label {
  color: #000;
}
.academics-s2 .img-box {
  margin-top: 2.5rem;
}
.academics-s2 img {
  display: block;
  width: 100%;
}

.academics-s3 {
  padding-bottom: 7.5rem;
  display: none;
}
.academics-s3 .label {
  color: #000;
}
.academics-s3 .items {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #e6e6e6;
}
.academics-s3 .item {
  margin-top: 3.75rem;
}
.academics-s3 .item:nth-of-type(1) {
  margin-top: 0;
}
.academics-s3 .item .tit {
  color: #7c44a1;
}
.academics-s3 .item .para {
  margin-top: 1.5rem;
  line-height: 1.5rem;
  color: #333;
}