@charset "UTF-8";
nav ul li p + ul {
 display: block;
}
nav ul li p.active {
 color: #fff;
 background: #7e71de;
 border-bottom: none;
}
nav ul li p + ul li.active a{
 background: #9582ff;
}
nav ul li p + ul li:last-child a{
  border-bottom:none;
}
.main-content .main-content-inner .name {
 font-size: 40px;
 font-weight: bold;
 color: #5244bb;
}
.main-content .main-content-inner .name span {
 display: inline-block;
 font-size: 13px;
 color: #fff;
 background: #5244bb;
 text-align: center;
 position: relative;
 top: -8px;
 margin-right: 10px;
 font-weight: normal;
 padding: 5px;
 line-height: 1;
}
.main-content .main-content-inner .professor {
 font-size: 13px;
}
.main-content .main-content-inner .profile-box {
 display: flex;
 display: -webkit-flex;
 -webkit-align-items: center;
 align-items: center;
 margin-bottom: 25px;
}
.main-content .main-content-inner .details p {
 margin-bottom: 15px;
 text-indent: 1em;
 word-break: break-all;
}
.main-content .main-content-inner .details p:first-of-type {
 margin-top: 15px;
}
.main-content .main-content-inner .details p:last-of-type {
 margin-bottom: 0;
}
.main-content .main-content-inner .foot-profile {
 margin-top: 30px;
 float: right;
 font-size: 15px;
}
@media (max-width: 600px) {
 .main-content .main-content-inner .name {
  font-size: 30px;
  margin: 8px 0 1px;
 }
 .main-content .main-content-inner .profile-box {
  display: inherit;
  -webkit-align-items: inherit;
  align-items: inherit;
  margin-bottom: 25px;
 }
 .main-content .main-content-inner .profile-box div + div {
  text-align: center;
 }
 .main-content .main-content-inner .profile-box img {
  margin-bottom: 15px;
 }
 .main-content .main-content-inner .foot-profile {
  margin-top: 30px;
  float: none;
  font-size: 15px;
 }
}
.main-content .main-content-inner .details p {
 margin-bottom: 15px;
 text-indent: 1em;
}
.main-content .main-content-inner .details p:last-of-type {
 margin-bottom: 0;
}
.main-content .main-content-inner .foot-profile {
 margin-top: 30px;
 float: right;
 font-size: 15px;
}
.main-content .main-content-inner .t-indent {
 text-indent: inherit !important;
}
.main-content .main-content-inner dl {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin-bottom: 20px;
}
.main-content .main-content-inner dl dd {
 width: 91%;
 margin-bottom: 7px;
}
.main-content .main-content-inner dl dt {
 margin: 0 5px 7px 0;
 width: 8%;
 font-weight: 600;
}
.main-content .main-content-inner dl dt:last-of-type, .main-content .main-content-inner dl dd:last-of-type {
 margin-bottom: 0;
}
.scroll_area, .jspPane, .jspContainer {
 width: 100% !important;
}
@media (max-width:895px) {
 .main-content .main-content-inner dl dt {
  display: block;
  width: 100%;
  margin: 0;
 }
}
@media (max-width: 600px) {
 .main-content .main-content-inner .profile-box {
  display: inherit;
  -webkit-align-items: inherit;
  align-items: inherit;
  margin-bottom: 25px;
 }
 .main-content .main-content-inner .profile-box div + div {
  text-align: center;
 }
 .main-content .main-content-inner .profile-box img {
  margin-bottom: 15px;
 }
 .main-content .main-content-inner .foot-profile {
  margin-top: 30px;
  float: none;
  font-size: 15px;
 }
}