.card-articleSet[data-style="56"] ul, .card-articleSet[data-style="56"] ol, .card-articleSet[data-style="56"] li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

[mB='main'] {
  margin-bottom: 0rem; }

[mT='main'] {
  margin-top: 0rem; }

.card-articleSet[data-style="56"] {
  background: #fafafa; }
  .card-articleSet[data-style="56"] .card-container {
    margin-top: 50px;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto 40px;
    padding: 40px 70px 30px; }
    @media only screen and (max-width: 1280px) {
      .card-articleSet[data-style="56"] .card-container {
        padding: 40px 50px 30px; } }
    @media only screen and (max-width: 800px) {
      .card-articleSet[data-style="56"] .card-container {
        padding: 40px 30px;
        margin: 0 auto; } }
    @media only screen and (max-width: 580px) {
      .card-articleSet[data-style="56"] .card-container {
        padding: 40px 20px; } }
  .card-articleSet[data-style="56"] a {
    text-decoration: none; }
  .card-articleSet[data-style="56"] .news-container {
    position: relative;
    width: 100%; }
    .card-articleSet[data-style="56"] .news-container .news-control {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 1280px) {
        .card-articleSet[data-style="56"] .news-container .news-control {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .card-articleSet[data-style="56"] .news-container .news-control .card-title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline; }
        .card-articleSet[data-style="56"] .news-container .news-control .card-title .title {
          font-size: 2.4rem;
          letter-spacing: 2px;
          color: #000000;
          font-weight: 600;
          margin-right: 10px; }
        .card-articleSet[data-style="56"] .news-container .news-control .card-title .more {
          font-size: 1.4rem;
          font-weight: 500;
          color: #5c775e;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 2px 10px 2px 8px;
          border: 1px solid #ffffff; }
          .card-articleSet[data-style="56"] .news-container .news-control .card-title .more:hover, .card-articleSet[data-style="56"] .news-container .news-control .card-title .more:focus {
            background: #5c775e;
            color: #ffffff; }
            .card-articleSet[data-style="56"] .news-container .news-control .card-title .more:hover i, .card-articleSet[data-style="56"] .news-container .news-control .card-title .more:focus i {
              color: #ffffff; }
          .card-articleSet[data-style="56"] .news-container .news-control .card-title .more i {
            font-size: 1.4rem;
            color: #5c775e;
            margin-right: 5px;
            -webkit-transition: .4s ease-in-out;
            -o-transition: .4s ease-in-out;
            transition: .4s ease-in-out; }
      .card-articleSet[data-style="56"] .news-container .news-control ul {
        padding-bottom: 10px;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
            align-self: center;
        overflow-y: hidden;
        overflow-x: auto;
        margin-left: 130px; }
        @media only screen and (max-width: 1280px) {
          .card-articleSet[data-style="56"] .news-container .news-control ul {
            width: 100%;
            margin-left: 0;
            margin-bottom: 30px;
            margin-top: 30px; } }
        .card-articleSet[data-style="56"] .news-container .news-control ul::-webkit-scrollbar {
          height: 3px; }
        .card-articleSet[data-style="56"] .news-container .news-control ul::-webkit-scrollbar-thumb {
          height: 3px;
          background: gray; }
        .card-articleSet[data-style="56"] .news-container .news-control ul::-webkit-scrollbar-track {
          height: 3px; }
        .card-articleSet[data-style="56"] .news-container .news-control ul li {
          margin-right: 20px;
          position: relative;
          border-bottom: 2px solid transparent;
          -webkit-transition: .3s ease;
          -o-transition: .3s ease;
          transition: .3s ease; }
          .card-articleSet[data-style="56"] .news-container .news-control ul li:last-child {
            margin-right: 0; }
          .card-articleSet[data-style="56"] .news-container .news-control ul li a {
            font-family: 'Noto Sans TC';
            font-size: 1.6rem;
            letter-spacing: 0.67px;
            font-weight: 500;
            color: #727272;
            white-space: nowrap;
            display: block;
            position: relative;
            border-radius: 13px;
            padding: 2px 12px 4px;
            -webkit-transition: .3s ease;
            -o-transition: .3s ease;
            transition: .3s ease; }
            .card-articleSet[data-style="56"] .news-container .news-control ul li a.active, .card-articleSet[data-style="56"] .news-container .news-control ul li a:hover, .card-articleSet[data-style="56"] .news-container .news-control ul li a:focus {
              color: #ffffff;
              background: #5c775e; }
    .card-articleSet[data-style="56"] .news-container .course-content .course-box {
      padding: 0px 60px 20px 50px;
      background: #fafafa;
      position: relative; }
      @media only screen and (max-width: 1179px) {
        .card-articleSet[data-style="56"] .news-container .course-content .course-box {
          padding: 0; } }
      .card-articleSet[data-style="56"] .news-container .course-content .course-box .semester-box {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%; }
      .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item {
        margin-bottom: 16px;
        position: relative;
        width: calc(25% - 30px);
        font-family: 'Noto Sans TC';
        font-size: 1.8rem;
        font-weight: normal;
        letter-spacing: 1.5px;
        color: #646464;
        background: #e6e6e6;
        padding: 20px 30px;
        margin-right: 40px; }
        .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item:nth-child(4n) {
          margin-right: 0; }
          @media only screen and (max-width: 1179px) {
            .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item:nth-child(4n) {
              margin-right: 20px; } }
        @media only screen and (max-width: 1179px) {
          .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item:nth-child(2n) {
            margin-right: 0; } }
        @media only screen and (max-width: 1179px) {
          .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item {
            width: calc(50% - 30px);
            margin-right: 20px;
            letter-spacing: normal; } }
        @media only screen and (max-width: 580px) {
          .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item {
            width: 100%;
            margin-right: 0; } }
        .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item:hover, .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item:focus {
          background: rgba(92, 119, 94, 0.4); }
        .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item span {
          display: block;
          text-align: center; }
          .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item span:first-child {
            background: #5c775e;
            font-size: 1.6rem;
            color: #ffffff; }
          .card-articleSet[data-style="56"] .news-container .course-content .course-box a.item span:last-child {
            background: #ffffff; }






/*
     FILE ARCHIVED ON 4:47:47 三月 20, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 23:34:40 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/