@media (max-width: 1400px) {
  .trainee-card li .btn-wrap {
    flex-direction: column-reverse;
  }

  .trainee-card li .btn-wrap .applicants {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

@media (max-width: 1200px) {
  .wrapper {
    padding-top: 104px;
  }

  .header .logo {
    width: 200px;
  }

  .main-nav {
    font-size: 1rem;
  }

  .footer .footer-main .footer-contact-course,
  .footer .footer-main .footer-contact-team {
    width: calc((100% - 200px) / 2);
  }
}

@media (max-width: 980px) {
  .index-chart {
    justify-content: center;
  }

  .index-chart .index-chart-col {
    width: calc(100% - 20px);
    margin: 0 0 30px 0;
  }

  .index-chart .index-chart-col:nth-child(3)>div {
    width: 100%;
    height: auto;
    margin: 30px 0;
  }
}

@media (max-width: 900px) {
  .header-cont {
    display: none;
  }

  .header .inner {
    padding: 0 4%;
  }

  .rwd-nav,
  .hamburger {
    display: block;
  }

  .wrapper {
    padding-top: 99px;
  }

  .crumb {
    margin: 40px 0 20px 0;
  }

  .crumb .inner {
    flex-wrap: wrap;
  }

  .crumb .inner .share {
    width: 100%;
    margin-top: 10px;
  }

  .courses-card li {
    margin: 10px 20px 40px 20px;
    width: calc(50% - 40px);
  }

  .courses-intro .intro,
  .trainee-intro .intro,
  .courses-intro .map,
  .trainee-intro .map {
    width: 100%;
  }

  .footer .footer-main {
    flex-wrap: wrap;
  }

  .footer .footer-main .footer-contact-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }

  .footer .footer-main .footer-contact-main .footer-logo {
    display: flex;
    justify-content: center;
  }

  .footer .footer-main .footer-contact-main span {
    margin: 10px 20px;
  }

  .footer .footer-main .footer-contact-course,
  .footer .footer-main .footer-contact-team {
    width: 100%;
    padding: 19px 30px;
  }

  .footer .footer-main .footer-contact-course .title,
  .footer .footer-main .footer-contact-team .title {
    text-align: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box,
  .footer .footer-main .footer-contact-team .footer-sw-box {
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn a,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn a img,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn a img {
    width: 20px;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn a.active,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn a.active {
    background-color: rgba(255, 255, 255, 0.662745098);
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont {
    margin: 15px 0;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont>div,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont>div {
    width: 100%;
    text-align: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont>div span,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont>div span {
    margin-top: 3px;
  }

  .footer .footer-bottom .footer-nav {
    color: #222;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 12px 0;
    flex-wrap: wrap;
  }

  .team-logo {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    flex-direction: column-reverse;
  }

  .team-logo .link a {
    display: block;
    margin-bottom: 10px;
  }

  .team-logo .logo {
    width: 100%;
  }

  .team-logo .link {
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .team-logo .link a {
    width: 25px !important;
    margin-right: 0;
  }

  .team-intro {
    flex-direction: column-reverse;
  }

  .team-txt {
    width: 100%;
    padding: 0;
    margin-top: 40px;
  }

  .team-timeline {
    margin-top: 20px;
  }

  .team-timeline .team-timeline-row {
    margin-top: 40px;
  }

  .team-timeline::before {
    left: 35px;
    top: 0;
  }

  .team-timeline .team-timeline-box {
    width: 100%;
  }

  .team-timeline .team-timeline-row.left .team-timeline-box {
    flex-direction: row;
  }

  .team-timeline .team-timeline-row.left .team-timeline-box .cont-box .triangle {
    width: 0;
    height: 0;
    position: absolute;
    left: -15px;
    top: 74px;
    border-bottom: solid 11px transparent;
    border-top: solid 11px transparent;
    border-left: solid 0 transparent;
    border-right: solid 15px #ccc;
  }

  .team-timeline .team-timeline-row.left .team-timeline-box .cont-box .triangle::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 1px;
    top: -10px;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
    border-left: solid 0 transparent;
    border-right: solid 14px #fff;
  }

  .team-timeline .team-timeline-box .cont-box {
    position: relative;
    width: calc(100% - 100px);
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .spot-tabs-box .spot-list > li {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .inner {
    width: 88%;
  }

  .footer .footer-main {
    flex-wrap: wrap;
  }

  .footer .footer-main .footer-contact-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }

  .footer .footer-main .footer-contact-main .footer-logo {
    display: flex;
    justify-content: center;
  }

  .footer .footer-main .footer-contact-main span {
    width: 100%;
    margin: 5px 20px;
    text-align: center;
  }

  .footer .footer-main .footer-contact-course .title,
  .footer .footer-main .footer-contact-team .title {
    text-align: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-btn a,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-btn a {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont {
    margin: 15px 0;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont>div,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont>div {
    width: 100%;
    text-align: center;
  }

  .footer .footer-main .footer-contact-course .footer-sw-box .footer-sw-cont>div span,
  .footer .footer-main .footer-contact-team .footer-sw-box .footer-sw-cont>div span {
    margin-top: 3px;
  }

  .courses-card li {
    margin: 10px 0 40px 0;
    width: 100%;
  }

  .courses-intro .content .cont .teacher-list li,
  .courses-intro .info .cont .teacher-list li,
  .trainee-intro .content .cont .teacher-list li,
  .trainee-intro .info .cont .teacher-list li {
    width: 100%;
  }

  .footer .footer-bottom .footer-nav li {
    position: relative;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    text-align: center;
  }

  .footer .footer-bottom .footer-nav li a {
    padding: 12px 10px;
  }

  .footer .footer-bottom .footer-nav li:last-child {
    border-right: 0;
  }

  .date-wrap>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .date-wrap>div>label {
    margin: 0 0 8px 0;
    width: 100%;
    display: block;
  }

  .intro-img-box {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .intro-img-box .img-lg-box {
    width: 100%;
  }

  .intro-img-box .img-sm-box {
    width: 48%;
  }

  .team-otherteam .otherteam-list {
    width: 80%;
  }

  .spot-tabs-box .spot-list>li {
    width: 33.3333333333;
  }

  .page-search .search-filter>div {
    width: 100%;
    padding: 5px 0;
  }

  .news-intro-box .news-article .news-article-cont .img-right,
  .news-intro-box .news-article .news-article-cont .img-left {
    float: none;
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .member .member-nav {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .member .member-nav a {
    font-size: 95%;
    width: 33.3333333333%;
  }

  .member .member-nav a .icon {
    width: 40px;
    height: 40px;
  }

  .member .member-msg li {
    width: 100%;
    margin: 5px 0;
  }

  .team-timeline .team-timeline-box .icon {
    width: 48px;
    height: 48px;
    padding: 8px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .team-timeline::before {
    left: 50%;
    top: 0;
  }

  .team-timeline .team-timeline-box .cont-box {
    width: 100%;
    justify-content: flex-start;
  }

  .team-timeline .team-timeline-row.left .team-timeline-box,
  .team-timeline .team-timeline-row.right .team-timeline-box {
    justify-content: center;
  }

  .team-timeline .team-timeline-row.right .team-timeline-box .cont-box .triangle,
  .team-timeline .team-timeline-row.left .team-timeline-box .cont-box .triangle {
    display: none;
  }

  .team-timeline .team-timeline-box .cont-box .title {
    font-size: 1.6rem;
  }

  .team-txt {
    margin-top: 20px;
  }

  .team-timeline .team-timeline-box .cont-box .date {
    font-size: 80%;
  }

  .spot-tabs-box .spot-list>li {
    width: 50%;
  }

  .tabs-switch a {
    min-width: auto;
    width: calc(50% - 20px);
    margin: 20px 5px;
  }

  .index-step .index-title {
    width: 290px;
    line-height: 1.5;
  }

  .index-recommend {
    margin-bottom: 0;
  }

  .index-chart {
    width: 96%;
  }

  .team-tabs-box .team-list>li {
    width: 20%;
    min-width: 140px;
    font-size: 90%;
  }

  .team-tabs-box .team-list>li .tabs-item {
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px;
  }

  .footer .footer-main .footer-contact-main .footer-logo img {
    width: 200px;
  }
}

/*# sourceMappingURL=responsive.css.map */