@charset "UTF-8";
@import "_root.css";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* css檔案為套件web compiler產生，建議修改在scss檔案上重新生成 */
/* 說明：可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@media (min-width: 576px) {
  .member-function-box .item > a {
    padding: 10px 10px 10px 20px;
  }
}
@media (min-width: 768px) {
  .frame-small-box {
    margin-top: 0;
  }
  .content .table tbody tr td.pic,
  .content .table tbody tr th.pic {
    width: 140px;
  }
  .content .table tbody tr td.pic a,
  .content .table tbody tr th.pic a {
    display: block;
  }
  .content .table tbody tr td.del,
  .content .table tbody tr th.del {
    width: 70px;
  }
}
@media (min-width: 992px) {
  .header .navbar .navbar-brand {
    width: 242px;
    height: 61px;
  }
  .header .navbar .small-btn-box > .btn, .header .navbar .small-btn-box > a {
    display: none;
  }
  .wid-float-section,
  body.scroll-down .wid-float-section.mobile-animate {
    right: auto;
    left: 1.5%;
    bottom: 65px;
    /*top: 20%;*/
  }
  .wid-float-section.fixed,
  body.scroll-down .wid-float-section.mobile-animate.fixed {
    position: absolute;
    bottom: 15px;
    top: auto;
  }
  .wid-float-section ul li {
    width: 70px;
  }
  .wid-float-section ul li + li {
    margin-top: 10px;
  }
  .wid-float-section ul li a {
    width: 70px;
    height: 70px;
    padding: 10px 10px 10px 12px;
    border-radius: 50%;
  }
  .wid-float-section ul li a .icon {
    padding-top: 0;
  }
  .wid-float-section ul li.top {
    position: fixed;
    bottom: 65px;
    right: 1.5%;
  }
  .wid-float-section ul li.top a {
    padding: 10px;
    /*display: inherit;
    height: 0;
    overflow: hidden;*/
    opacity: 0;
  }
  .wid-float-section ul li.top a .icon {
    /*margin-top: 12px;*/
  }
  /*.scroll-down,
  .scroll-to-bottom {
      .wid-float-section {
          opacity: 0;
          pointer-events: none;
      }
  }*/
  .is_scroll {
    /*.header {
        .navbar {
            .navbar-brand {
                width: 120px;
                height: 40px;
            }

            .navbar-nav {
                > .nav-item {
                    > .nav-link {
                        padding-top: 25px;
                        padding-bottom: 25px;
                    }
                }
            }
        }
    }*/
  }
  .is_scroll .wid-float-section ul li.top a {
    opacity: 1;
  }
  body.member.index .wid-float-section, body.member.order .wid-float-section, body.member.modify .wid-float-section, body.member.course .wid-float-section {
    display: none;
  }
}
@media (min-width: 1200px) {
  .wid-float-section ul li {
    width: 80px;
  }
  .wid-float-section ul li a {
    width: 80px;
    height: 80px;
    padding: 10px 20px 10px 22px;
  }
  .is_scroll .wid-float-section ul li.top a {
    height: 80px;
  }
  .is_scroll .wid-float-section ul li.top a .icon {
    /*margin-top: 18px;*/
  }
}
@media (min-width: 1480px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  }
}
@media (min-width: 1620px) {
  .banner .container, .banner .container-lg, .banner .container-md, .banner .container-sm, .banner .container-xl, .banner .container-xxl {
    max-width: 1600px;
  }
}
@media (max-width: 1800px) {
  .ab_mid .m-left {
    left: -5%;
  }
}
@media (max-width: 1479px) {
  body.home .content .wid .h2 {
    font-size: 40px;
  }
  body.home .content .wid .btn-more {
    padding: 0.5em 1.6em;
    /*top: 80px;*/
  }
  body.home .content .wid.wid-home-news .txt-list {
    padding: 32px 2px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item + .list_item {
    margin-top: 20px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item .info {
    font-size: 15px;
  }
  .ab_mid .m-right:before {
    left: -50px;
    top: -26%;
  }
  .ab_mid .m-left {
    left: 0;
  }
  .ab_mid .m-left:before {
    right: -20px;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-nav > .nav-item {
    margin: 0 3px;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link {
    padding: 8px 6px;
  }
  .footer .footer_content {
    padding: 45px 0;
  }
  .footer .footer_content .sitemap {
    padding-left: 4vw;
  }
  .footer .footer_content .sitemap > ul > li {
    flex: 0 0 100%;
  }
  body.home .content .link-box {
    margin-top: 50px;
    padding-left: 20px;
  }
  body.home .content .link-box .item .txt {
    font-size: 22px;
  }
  body.home .content .wid .h2 {
    font-size: 36px;
  }
  body.home .content .wid .h2 .txt-en {
    margin-left: 0.5em;
  }
  body.home .content .wid .sub {
    font-size: 18px;
  }
  body.home .content .wid .btn-more {
    padding: 0.5em 1.2em;
  }
  body.home .content .wid .about-box .nav {
    flex: 0 0 35%;
  }
  body.home .content .wid.wid-home-news .txt-list {
    padding: 18px 2px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item + .list_item {
    margin-top: 20px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item .info {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-nav > .nav-item > .nav-link {
    font-size: 15px;
    padding: 8px 2px;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link {
    padding: 8px 4px;
    font-size: 15px;
  }
  .header .navbar .lang {
    margin-left: 15px;
    margin-right: 5px;
  }
  .footer .footer_content {
    padding: 40px 0;
  }
  .footer .footer_content .sitemap {
    padding-left: 2vw;
  }
  .footer .footer_content .sitemap > ul > li {
    flex: 0 0 100%;
  }
  .footer .footer_content .siteinfo ul li {
    flex: 0 0 100%;
  }
  .footer .footer_content .siteinfo ul li:nth-child(even) {
    flex: 0 0 100%;
  }
  .main-content .filter-sidebar .navbar .wid .nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-content .filter-sidebar .navbar .wid .nav .filter-item a {
    font-size: 16px;
    padding: 6px 10px;
  }
  body:not(.home) .main > [class*=container] > .row > .container-fluid {
    padding-top: 50px;
  }
  body.home .content .link-box {
    margin-top: 48px;
    padding-left: 12px;
  }
  body.home .content .link-box .item .txt {
    font-size: 22px;
  }
  body.home .content .wid .h2 {
    font-size: 30px;
  }
  body.home .content .wid .btn-more {
    padding: 0.3em 1em;
    /*top: 70px;*/
  }
  body.home .content .wid .about-box .nav .nav-link {
    font-size: 22px;
    max-width: unset;
  }
  body.home .content .wid .about-box .nav .nav-link + .nav-link {
    margin-top: 10px;
  }
  body.home .content .wid .about-box .nav .nav-link .num {
    padding-left: 28px;
  }
  body.home .content .wid .about-box .nav .nav-link .num:after {
    left: 14px;
  }
  body.home .content .wid .about-box .nav .nav-link .num:before, body.home .content .wid .about-box .nav .nav-link .num:after {
    /*top: 6px;*/
    border-width: 5px 0 5px 8.5px;
  }
  body.home .content .wid .about-box .nav .nav-link .sub-txt {
    font-size: 15px;
  }
  body.home .content .wid .about-box .nav .nav-link:hover:before, body.home .content .wid .about-box .nav .nav-link:focus:before, body.home .content .wid .about-box .nav .nav-link:active:before, body.home .content .wid .about-box .nav .nav-link.active:before {
    width: 100px;
  }
  body.home .content .wid .course-box .info .h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  body.home .content .wid .course-box .info .h3 br {
    display: none;
  }
  body.home .content .wid .course-box .info p {
    font-size: 16px;
  }
  body.home .content .wid .course-box .info p + .btn {
    margin-top: 30px;
  }
  body.home .content .wid .course-box .info .btn {
    font-size: 15px;
    padding: 10px 2em;
  }
  body.home .content .wid.wid-home-news .txt-list {
    padding: 15px 2px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item + .list_item {
    margin-top: 8px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item .info {
    font-size: 15px;
  }
  body.home .content .wid.wid-home-course .slick {
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
  }
  body.home .content .wid.wid-home-course .slick .item {
    padding-left: 15px;
    padding-right: 15px;
  }
  body.home .content .wid.wid-home-course .slick .item .info {
    font-size: 18px;
    padding-top: 18px;
    min-height: 145px;
  }
  body.home .content .wid.wid-home-course .slick .item .func .tag-list li {
    padding: 2px 5px;
    font-size: 14px;
  }
  body.home .content .wid.wid-home-course .slick .item .func .price {
    font-size: 20px;
  }
  body.home .content .wid.wid-home-article .slick .item {
    padding: 20px 25px;
  }
  body.home .content .wid.wid-home-article .slick .item .pic {
    padding: 0 10px;
  }
  body.home .content .wid.wid-home-article .slick .item .pic img {
    max-width: 180px;
  }
  body.home .content .wid.wid-home-article .slick .item .info {
    padding-left: 30px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body.home .content .wid.wid-home-article .slick .item .info .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  body.home .content .wid.wid-home-article .slick .item .info .desc {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 13px;
  }
  .btn.btn-social {
    min-width: 140px;
    font-size: 16px;
  }
  .header .navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
  }
  .header .navbar.container {
    max-width: unset;
  }
  .header .navbar .navbar-nav {
    /*+ .btn-group {
        margin-left: 0;
    }*/
  }
  .header .navbar .navbar-nav > .nav-item {
    margin: 0;
  }
  .header .navbar .navbar-nav > .nav-item > .nav-link {
    padding: 10px;
  }
  .header .navbar .navbar-nav > .nav-item > .nav-link:after {
    display: none;
  }
  .header .navbar .navbar-nav > .nav-item:hover > .nav-link, .header .navbar .navbar-nav > .nav-item:focus > .nav-link, .header .navbar .navbar-nav > .nav-item:active > .nav-link, .header .navbar .navbar-nav > .nav-item.in > .nav-link {
    background: var(--main-color);
    color: #fff;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link {
    padding: 8px 15px;
    text-align: left;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:hover, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:focus, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:active, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link.in {
    background: var(--main-color);
    color: #fff;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav {
    background: #d4d4d4;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link {
    padding: 8px 20px;
    font-size: 14px;
  }
  .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:hover, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:focus, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link:active, .header .navbar .navbar-nav > .nav-item > .navbar-nav > .nav-item > .navbar-nav > .nav-item .nav-link.in {
    background: var(--main-color);
    color: #fff;
  }
  .header .navbar .small-btn-box {
    margin-right: 10px;
  }
  .header .navbar .btn-group {
    padding: 10px;
  }
  .header .navbar .btn-group .btn + .btn {
    margin-left: 5px;
  }
  .header .navbar .lang {
    position: sticky;
    bottom: 0;
    display: block;
    margin: 0;
  }
  .header .navbar .lang ul {
    margin: 0;
  }
  .header .navbar .lang ul li a {
    display: block;
    padding: 10px;
    background: var(--second-color);
    color: #fff;
  }
  .header .bsnav-mobile .navbar {
    top: 60px;
  }
  .banner {
    margin-top: 60px;
  }
  .banner .container {
    max-width: unset;
  }
  .banner .slick .item > a .banner-txt {
    width: 48%;
    top: 10%;
    left: 44%;
  }
  .banner .slick .slick-prev {
    transform: translate(0, -50%);
    left: 10px;
  }
  .banner .slick .slick-next {
    transform: translate(0, -50%);
    right: 10px;
  }
  .side .h3 .txt-tw {
    font-size: 18px;
  }
  .side .h3:before {
    top: -10px;
    width: 40px;
    height: 20px;
  }
  .side .wid-cont .filter-item .filter-title .collapsed-btn:before {
    top: 15px;
  }
  .side .wid-cont .filter-item .filter-title .collapsed-btn,
  .side .wid-cont .filter-item .filter-sidebar.multiple-collapse .collapsed-btn {
    padding: 12px 10px 12px 28px;
  }
  .side .wid + .wid {
    margin-top: 40px;
  }
  .pagination .page-item .page-link {
    width: 26px;
  }
  .footer .footer_content {
    padding: 20px 0;
  }
  .footer .footer_content .footer-brand {
    margin-left: auto;
    margin-bottom: 25px;
  }
  .footer .footer_content .social-list {
    margin-bottom: 0;
    text-align: center;
  }
  .footer .footer_content .copyright {
    text-align: center;
  }
  .footer .footer_content .sitemap > ul, .footer .footer_content .siteinfo > ul {
    margin-bottom: 0;
    text-align: center;
  }
  body:not(.home) .main {
    padding-left: 10px;
    padding-right: 10px;
  }
  body:not(.home) .main > [class*=container] > .row > .container-fluid {
    padding-top: 25px;
  }
  body.home .main:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: var(--fifth-color);
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 0;
  }
  body.home .content section > [class*=container] {
    padding-bottom: 25px;
    border-left: 0;
  }
  body.home .content .wid.wid-home-article .slick .slick-prev {
    left: -15px;
    right: auto;
  }
  body.home .content .wid.wid-home-article .slick .slick-next {
    right: -15px;
    left: auto;
  }
  body.home .content .wid .about-box {
    margin: 20px 0 0;
  }
  body.home .content .wid .about-box .nav {
    margin: 0;
    flex: 0 0 40%;
  }
  body.home .content .wid .about-box .nav .nav-link {
    padding: 0 10px;
  }
  body.home .content .wid .about-box .nav .nav-link + .nav-link {
    margin-top: 5px;
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(1) {
    transform: translateX(5%);
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(2) {
    transform: translateX(10%);
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(3) {
    transform: translateX(15%);
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(4) {
    transform: translateX(20%);
  }
  body.home .content .wid .slick .slick-prev {
    transform: translate(0, -50%);
    left: 0;
    right: auto;
  }
  body.home .content .wid .slick .slick-next {
    transform: translate(0, -50%);
    right: 0;
    left: auto;
  }
  body.news .article-list .item.pin .txt {
    padding: 25px 0 0 1.5em;
  }
  body.news .article-list .item .pic {
    flex: 1 1 50%;
  }
  body.news .article-list .item .txt {
    flex: 1 1 50%;
    padding: 0 0 0 1.5em;
  }
  body.article .content .article-list .item {
    padding: 20px;
  }
  body.article .content .article-list .item .txt {
    padding-left: 25px;
    margin-left: 20px;
  }
  body.member {
    padding-bottom: 0 !important;
  }
  .team .ab_team .experience {
    width: 50%;
    padding-right: 4%;
  }
  .ab_mid .ab_tit h4:before {
    right: -32px;
  }
  .ab_mid .m-left:before {
    width: 76px;
    height: 214px;
    background-size: cover;
    right: 0;
  }
  .ab_mid .m-right:before {
    left: 0;
    top: -15%;
    width: 76px;
    height: 214px;
    background-size: cover;
  }
  .about .main:after, .about .main:before {
    width: 185px;
    height: 154px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .header .navbar .navbar-brand {
    width: 120px;
    height: 32px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .banner {
    margin-top: 60px;
  }
  .banner .slick .slick-arrow {
    height: 30px;
    width: 30px;
  }
  .banner .slick .slick-arrow:before {
    height: 30px;
    width: 30px;
  }
  .bsnav-mobile {
    top: 60px;
  }
  .bsnav-mobile .bsnav-mobile-overlay {
    top: 60px;
  }
  .wid-float-section ul li a {
    font-size: 14px;
    height: 45px;
    letter-spacing: 1px;
  }
  .wid-float-section ul li a .icon {
    font-size: 24px;
  }
  .wid-float-section ul li.b4 .icon {
    width: 18px;
    height: 24px;
  }
  .footer .footer_content {
    padding: 30px 0;
  }
  .footer .footer_content .footer-brand {
    max-width: 170px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .footer_content .sitemap {
    max-width: none;
    margin-top: 10px;
    padding-left: 0;
    border-left: 0;
  }
  .footer .footer_content .sitemap > ul {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .footer .footer_content .sitemap > ul > li {
    display: inline-block;
    margin: 0 3px;
  }
  .footer .footer_content .siteinfo ul li {
    text-align: center;
    /*&:nth-child(1) {
        display: none;
    }*/
  }
  .footer .footer_content .copyright {
    text-align: center;
  }
  .tag-box .tag-list {
    margin-top: 10px;
  }
  .tag-box .tag-list .list-inline-item a {
    padding: 6px 4px;
  }
  .rwd-table.mob-mode td:before {
    min-width: 6em;
    font-weight: 400;
    padding-right: 1rem;
    color: var(--fifth-color);
  }
  .rwd-table.mob-mode td.pic:before {
    display: none;
  }
  .frame-small-box {
    margin-top: 0;
  }
  .main-content:not(:empty) {
    padding: 10px;
  }
  .main-content .filter-sidebar .navbar .wid .nav {
    padding-top: 10px;
    padding-bottom: 0;
    /*justify-content: flex-start;*/
    justify-content: center;
    padding-top: 0;
  }
  .main-content .filter-sidebar .navbar .wid .nav .filter-item {
    flex: unset;
  }
  .main-content .filter-sidebar .navbar .wid .nav .filter-item a {
    font-size: 15px;
    min-width: unset;
    max-width: unset;
  }
  .main .side {
    margin-bottom: 15px;
  }
  .content .nav.nav-pills .nav-item .nav-link {
    padding: 0.75em 1em;
  }
  .content .article-list .item .txt {
    font-size: 15px;
  }
  .content .article-list .item .txt .title {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.6em;
  }
  .content .article-list .item .txt .desc {
    font-size: 14px;
  }
  .content .article-list .item .txt .tag-list {
    margin-top: 10px;
  }
  .content .article-list .item .txt .tag-list .list-inline-item a {
    padding: 6px 4px;
  }
  .content .table tbody tr td.pic, .content .table tbody tr th.pic {
    width: 100%;
  }
  .content .table tbody tr td.pic a, .content .table tbody tr th.pic a {
    display: block;
  }
  .content .table tbody tr td.pic a img, .content .table tbody tr th.pic a img {
    width: 100%;
  }
  body.home .content .wid.wid-home-news .txt-list {
    padding: 12px 2px;
  }
  body.home .content .wid.wid-home-news .txt-list .list_item + .list_item {
    margin-top: 10px;
  }
  body.home .content .wid.wid-home-article .slick .item {
    margin: 0;
  }
  body.home .content .wid .about-box .nav {
    margin-right: 0;
    margin-bottom: 25px;
  }
  body.home .content .wid .about-box .nav .nav-link {
    flex: 1 1 50%;
    position: relative;
  }
  body.home .content .wid .about-box .nav .nav-link:before {
    display: none;
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(1) {
    transform: none;
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(2) {
    transform: none;
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(3) {
    transform: none;
  }
  body.home .content .wid .about-box .nav .nav-link:nth-child(4) {
    transform: none;
  }
  body.home .content .wid .course-box .pic:after {
    width: 35%;
    height: 40%;
    bottom: 5%;
    right: -7%;
  }
  body.home .content .wid .course-box .info {
    margin-bottom: 25px;
  }
  body.home .content .wid .course-box .info p + .btn {
    margin-top: 15px;
  }
  body:not(.home) .main > [class*=container] > .row > .container-fluid {
    padding-top: 15px;
  }
  body.news .article-list .item.pin .txt {
    padding: 25px 0 0;
  }
  body.news .article-list .item.pin .txt:after {
    font-size: 14px;
    letter-spacing: 0.15em;
    padding: 0.5em 0.35em 0.5em 0.5em;
  }
  body.news .article-list .item + .item {
    border-top: dotted 1px #ccc;
  }
  body.news .article-list .item a {
    flex-wrap: wrap;
  }
  body.news .article-list .item .pic {
    flex: 1 1 100%;
  }
  body.news .article-list .item .txt {
    flex: 1 1 100%;
    padding: 10px 0 0;
    margin-top: 10px;
  }
  body.article .content .article-list .item {
    padding: 15px;
  }
  body.article .content .article-list .item .pic {
    flex: 0 0 30%;
  }
  body.article .content .article-list .item .txt {
    padding-left: 20px;
    margin-left: 15px;
  }
  body.course .container-lg {
    padding-left: 5px;
    padding-right: 5px;
  }
  body.course .content .iframe_box .chapterBox {
    position: static;
    max-height: 50vh;
  }
  body.course .content .iframe_box .chapterBox .ti {
    padding: 6px 5px;
    font-size: 13px;
    text-align: center;
  }
  body.member.login .main {
    z-index: 1;
  }
  body.member.login .main:after, body.member.login .main:before {
    display: none;
  }
  .ab_mid .ab_tit p {
    text-align: left;
  }
  .ab_mid .ab_tit h4 {
    text-align: left;
    padding: 0;
  }
  .ab_mid .ab_tit h4:after {
    left: 0;
    top: 70px;
    width: 37px;
    height: 52px;
    background-size: contain;
    display: none;
  }
  .ab_mid .ab_tit h4:before {
    right: -6px;
    top: -50px;
    width: 72px;
    height: 39px;
    background-size: cover;
  }
  .ab_mid .tit {
    width: 100%;
  }
  .ab_mid .tit h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .ab_mid .tit h4 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0;
  }
  .ab_mid .tit p {
    font-size: 16px;
  }
  .ab_mid .m-right {
    padding-bottom: 100px;
  }
  .ab_mid .m-right:before {
    width: 47px;
    height: 114px;
    background-size: cover;
    top: -3%;
  }
  .ab_mid .m-left:before {
    width: 47px;
    height: 114px;
    background-size: cover;
    right: 20px;
  }
  .ab_mid img.ab_tit {
    width: 100%;
    padding: 0 0 0;
  }
  .ab_mid .d-flex {
    flex-wrap: wrap;
  }
  .ab_mid .d-flex.m-left {
    flex-wrap: wrap-reverse;
  }
  .ab_mid .pic {
    width: 100%;
  }
  .ab_mid .pic img {
    width: 80%;
    margin-bottom: 20px;
  }
  .about .main:after, .about .main:before {
    width: 135px;
    height: 124px;
    background-size: cover;
  }
  .team .ab_team .ab_wsx {
    margin-bottom: 30px;
  }
  .team .ab_team h4.three_ts {
    font-size: 18px;
    text-align: left;
  }
  .team .ab_team h2 {
    right: -10px;
    top: -30px;
    font-size: 32px;
    width: 70px;
    height: 69px;
  }
  .team .ab_team .ab_wsx h4 {
    font-size: 16px;
    padding: 7px 15px;
  }
  .team .ab_team .d-flex {
    flex-wrap: wrap;
  }
  .team .ab_team .experience {
    width: 100%;
    padding-right: 0;
  }
  .team .ab_team ul li {
    font-size: 14px;
  }
  .team .ab_team p {
    font-size: 16px;
  }
  .team .ab_team .ab_wsx h3 {
    font-size: 18px;
  }
  .contact .deco-03 {
    top: -20px;
    right: 0;
  }
  .contact .d-flex {
    flex-wrap: wrap;
  }
  .contact .cont_h1 {
    padding-bottom: 0;
  }
  .contact .cont_h1 h4 {
    font-size: 18px;
    line-height: 30px;
  }
  .contact .cont_mid input, .contact .cont_mid select {
    height: 40px;
  }
  .contact .cont_mid h2 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .contact .cont_mid p {
    font-size: 14px;
  }
  .contact .cont_mid .tit {
    margin-bottom: 10px;
  }
  .contact .cont_mid .tit .pod_e {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .contact .cont_mid .tit .pod_e .listCheck {
    padding-top: 0;
  }
  .contact .cont_mid .tit.tit_3, .contact .cont_mid .tit_2 select {
    margin-bottom: 20px;
  }
  .contact .cont_mid .tit input.tidy2, .contact .cont_mid .tit_2 select {
    /*width: 40%;*/
  }
  .contact a.ma_bat {
    margin: 30px auto 0;
    padding: 5px 2.6em;
    font-size: 15px;
  }
}
@media (max-width: 640px) {
  body.article .content .article-list .item {
    flex-wrap: wrap;
  }
  body.article .content .article-list .item .pic {
    flex: 0 0 100%;
  }
  body.article .content .article-list .item .txt {
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
    padding-top: 15px;
  }
  body.article .content .article-list .item .txt:before {
    right: 0;
    bottom: auto;
    width: 100%;
    height: 6px;
    background-image: linear-gradient(90deg, var(--third-color-light) 0%, var(--second-color-light) 44%, var(--main-color-light) 66%, var(--forth-color) 100%);
  }
  body.course .content .info_base .inbox {
    font-size: 16px;
  }
  body.course .content .info_base .inbox.in01 {
    flex: 1 1 50%;
    font-size: 14px;
    display: block;
    margin-bottom: 1rem;
  }
  body.course .content .info_base .inbox.in01 .icon {
    font-size: 18px;
  }
  body.course .content .info_base .inbox.in02 {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .header .navbar .small-btn-box {
    margin-right: 5px;
  }
  .header .navbar .small-btn-box > .btn {
    font-size: 14px;
  }
  .header .navbar .small-btn-box > a + a {
    margin-left: 3px;
  }
  .banner .slick:before {
    height: 70px;
  }
  .pagination .page-item .page-link {
    width: 32px;
  }
  .search-box {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
  .breadcrumb:before {
    width: 20px;
    height: 29px;
  }
  body.home .content .wid .sub br {
    display: none;
  }
  body.home .content .wid .btn-more {
    position: static;
    display: block;
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 5px;
    margin-top: 15px;
  }
  body.home .content .wid .about-box .nav .nav-link {
    flex: 1 1 100%;
  }
  body.home .content .wid.wid-home-course .slick {
    margin-top: 10px;
  }
  body.home .content .wid.wid-home-course .slick .item .info {
    min-height: 0;
  }
  body.home .content .wid.wid-home-article .slick .item {
    padding: 15px 20px 15px 15px;
  }
  body.home .content .wid.wid-home-article .slick .item .pic img {
    max-width: 100px;
  }
  body.home .content .wid.wid-home-article .slick .item .info {
    padding-bottom: 18px;
  }
  body.home .content .wid.wid-home-article .slick .item .info .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  body.home .content .wid.wid-home-article .slick .item .info .desc {
    font-size: 14px;
  }
  body.home .content .wid.wid-home-article .slick .item .info .more {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .footer .footer_content .btn.btn-social {
    padding: 0.25rem 0.4rem;
    min-width: 80px;
    font-size: 13px;
  }
  body.home .content .wid.wid-home-article .slick .item {
    padding: 15px;
    flex-wrap: wrap;
  }
  body.home .content .wid.wid-home-article .slick .item .pic {
    flex: 1 1 100%;
    /*height: 160px;*/
    padding: 0;
    display: block;
  }
  body.home .content .wid.wid-home-article .slick .item .pic img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 7px 7px 0 0;
  }
  body.home .content .wid.wid-home-article .slick .item .info {
    padding-top: 15px;
    padding-bottom: 18px;
    padding-left: 0;
    margin-left: 0;
  }
  body.home .content .wid.wid-home-article .slick .item .info:before {
    width: 100%;
    height: 6px;
    background-image: linear-gradient(90deg, var(--third-color-light) 0%, var(--second-color-light) 44%, var(--main-color-light) 66%, var(--forth-color) 100%);
    top: 0;
  }
  body.home .content .wid.wid-home-article .slick .item .info .title {
    font-size: 14px;
    margin-bottom: 10px;
    height: 4.8em;
    overflow: hidden;
  }
  body.home .content .wid.wid-home-article .slick .item .info .desc {
    font-size: 14px;
    height: 3.6em;
    overflow: hidden;
  }
  body.home .content .wid.wid-home-article .slick .item .info .more {
    font-size: 13px;
  }
}
@media (max-width: 420px) {
  .header .navbar .navbar-brand {
    width: 105px;
    height: 28px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}