noscript {
  position: fixed;
  z-index: 999;
  color: black;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
    top-left: 0;
  font-size: 2rem;
  color: white;
  display: flex;
  word-break: keep-all;
  align-items: center;
  justify-content: center; }

table th {
  color: #5e5e5e; }

.accesskey {
  display: none !important; }

.card-common .document-download {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #9b783c; }
  .card-common .document-download .title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.62px;
    color: #333333;
    margin-left: 0.5rem; }

.download-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  align-items: stretch; }
  .download-wrapper .item {
    width: calc((100% / 2) - 2rem);
    margin: 2rem 1rem;
    box-shadow: 6px 6px 0 0 #666666;
    border: solid 1px #666666;
    background-color: #ffffff;
    padding: 5px 10px;
    display: flex;
    position: relative;
    transition: .4s ease-in-out; }
    .download-wrapper .item:hover {
      box-shadow: unset;
      border-color: #9b783c; }
    .download-wrapper .item a {
      display: flex;
      width: 100%;
      text-decoration: none; }
    .download-wrapper .item .download-box {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      text-align: center;
      margin: 0 0 0 1rem; }
    .download-wrapper .item .download-img {
      width: 40px;
      display: flex;
      align-items: center; }
      .download-wrapper .item .download-img img {
        max-width: 70%;
        height: 40px; }
    .download-wrapper .item .text {
      font-size: 1.6rem;
      letter-spacing: 0.35px;
      color: #333333;
      flex: 1;
      word-break: break-all; }
      .download-wrapper .item .text .document-size {
        font-size: 1.4rem;
        color: #dbdbdb;
        margin: .5rem 0;
        display: block;
        color: #999; }
        @media only screen and (max-width: 1024px) {
          .download-wrapper .item .text .document-size {
            text-align: left; } }
    .download-wrapper .item .download-wrapper {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #a72423;
      width: 100%;
      height: 100%;
      padding-left: 10px;
      transition: .4s ease-in-out; }
      .download-wrapper .item .download-wrapper .text {
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-align: center;
        width: calc(100% - .5rem);
        color: #ffffff; }
    .download-wrapper .item:hover .download-wrapper {
      display: flex;
      top: 6px;
      left: 6px;
      align-items: center;
      padding-left: 0; }
      @media only screen and (max-width: 1024px) {
        .download-wrapper .item:hover .download-wrapper {
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
          .download-wrapper .item:hover .download-wrapper .download-img {
            float: unset;
            margin: 0; }
          .download-wrapper .item:hover .download-wrapper .text {
            width: auto;
            text-align: left; } }
    @media only screen and (max-width: 1024px) {
      .download-wrapper .item {
        width: calc(50% - 2rem); } }
    @media only screen and (max-width: 580px) {
      .download-wrapper .item {
        width: 100%;
        margin-right: 0; } }

[zonelayout="h-c1-s1000"] ~ .zone,
[data-zonelayout="h-c1-s1000"] ~ .zone {
  padding-top: 108px; }
  @media only screen and (max-width: 1024px) {
    [zonelayout="h-c1-s1000"] ~ .zone,
    [data-zonelayout="h-c1-s1000"] ~ .zone {
      padding-top: 128px; } }
  @media only screen and (max-width: 800px) {
    [zonelayout="h-c1-s1000"] ~ .zone,
    [data-zonelayout="h-c1-s1000"] ~ .zone {
      padding-top: 80px; } }

.index [zonelayout="h-c1-s1000"] ~ .zone,
.index [data-zonelayout="h-c1-s1000"] ~ .zone {
  padding-top: 0px; }
  .index [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mT='main'],
  .index [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [data-mT='main'],
  .index [data-zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mT='main'],
  .index [data-zonelayout="h-c1-s1000"] ~ .zone ~ .zone [data-mT='main'] {
    margin: 0; }

.zone-aca [mR='sub'] {
  margin-right: 0; }

.zone-aca .wrapper {
  display: block;
  position: relative; }

@media only screen and (max-width: 800px) {
  .zone-aca .groove-2 {
    flex: 0 0 100% !important;
    width: 100% !important; } }

.zone-aca .groove-2:nth-child(2) {
  width: 100%;
  position: absolute;
  bottom: 84px;
  right: 70px;
  z-index: 2;
  pointer-events: none; }
  @media only screen and (max-width: 800px) {
    .zone-aca .groove-2:nth-child(2) {
      position: initial; } }

[zonelayout="h-c3-s2"] {
  margin: 0;
  width: 100%; }
  [zonelayout="h-c3-s2"] .wrapper {
    position: relative; }
  [zonelayout="h-c3-s2"] .groove-5 + .groove-1 {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 180px;
    width: 230px; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .groove-5 + .groove-1 {
        top: unset;
        bottom: 840px;
        width: 90%;
        position: initial;
        background: #bec3c9;
        padding-bottom: 30px; } }
    @media only screen and (max-width: 800px) {
      [zonelayout="h-c3-s2"] .groove-5 + .groove-1 {
        top: unset;
        bottom: 575px; } }
  [zonelayout="h-c3-s2"] .groove-5 {
    width: 100%;
    flex: unset;
    margin: 0; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .groove-5 {
        width: 100% !important;
        flex: unset !important; } }
  [zonelayout="h-c3-s2"] .card-customMainVision[data-style="3"] .mainVision-container {
    padding: 180px 0 250px 0; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .card-customMainVision[data-style="3"] .mainVision-container {
        padding: 180px 0px 100px; } }
    @media only screen and (max-width: 800px) {
      [zonelayout="h-c3-s2"] .card-customMainVision[data-style="3"] .mainVision-container .swiper-box .swiper-wrapper .swiper-slide .info-box {
        top: 0;
        bottom: 0; } }
  [zonelayout="h-c3-s2"] .groove-5 + .groove-1 + .groove-1 {
    width: 100%;
    position: absolute;
    top: 205px;
    right: 20px;
    pointer-events: none; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .groove-5 + .groove-1 + .groove-1 {
        right: 0;
        position: initial; } }
    [zonelayout="h-c3-s2"] .groove-5 + .groove-1 + .groove-1 a {
      text-decoration: none; }
  @media only screen and (max-width: 980px) {
    [zonelayout="h-c3-s2"] .groove-1 {
      flex: 0 0 100% !important; } }
  [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] {
    width: 100%;
    position: fixed;
    z-index: 11; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] {
        position: relative;
        margin-bottom: 35px; } }
    @media only screen and (max-width: 800px) {
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] {
        margin-bottom: 0; } }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content {
      background: #ffffff;
      max-height: 339px;
      padding: 65px 10px;
      justify-content: flex-start; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content {
          max-width: 100%;
          width: 90%;
          margin: auto;
          flex-direction: row;
          padding: 10px 0;
          border-radius: 0;
          transition: 0s;
          height: auto;
          justify-content: center; } }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content.close {
          height: 0; } }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:hover, [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:focus {
        background: #f4bf1d; }
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:hover span, [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:focus span {
          color: #000000; }
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:hover .open-btn, [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:focus .open-btn {
          border: 1px solid #000000; }
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:hover i, [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content:focus i {
          color: #000000; }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content span {
        font-size: 2.1rem;
        font-weight: 500;
        line-height: 1.24;
        letter-spacing: 0.18px;
        color: #000000; }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content .open-btn {
        border: 1px solid #000000; }
        @media only screen and (max-width: 980px) {
          [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content .open-btn {
            margin-top: 0;
            margin-left: 5px; } }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content i {
        color: #000000;
        font-size: 1.6rem;
        font-weight: bolder; }
        @media only screen and (max-width: 980px) {
          [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content i.desktop {
            display: none; } }
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content i.mobile {
          display: none; }
          @media only screen and (max-width: 980px) {
            [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .open-content i.mobile {
              display: inline-block; } }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox {
      width: 150px;
      max-width: 100%; }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox.fixed {
        top: 205px;
        right: 20px;
        z-index: 999; }
        @media only screen and (max-width: 980px) {
          [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox.fixed {
            position: initial !important; } }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox {
          background: #bec3c9;
          width: 100%;
          max-width: 100%;
          margin-left: initial;
          flex-wrap: wrap;
          padding-bottom: 200px; } }
      @media only screen and (max-width: 800px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox {
          padding-bottom: 100px; } }
      @media only screen and (max-width: 580px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-info-outbox {
          padding-bottom: 40px; } }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-infobox {
      max-height: 500px;
      padding: 0 12px 5px 58px; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-infobox {
          padding: 0 0 5px 0;
          margin: 0 58px;
          display: block;
          max-height: 368px; } }
      @media only screen and (max-width: 580px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-infobox {
          margin: 10px 12px; } }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-infobox::-webkit-scrollbar-thumb {
        background: #999999; }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-wrapper {
      box-shadow: none;
      background-color: transparent;
      -webkit-transform: translateX(-45px);
              transform: translateX(-45px); }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-wrapper {
          transition: .4s ease-in-out;
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          height: auto;
          width: 80%;
          margin: auto; } }
      @media only screen and (max-width: 800px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-wrapper {
          width: 90%; } }
      @media only screen and (max-width: 430px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-wrapper {
          width: 100%; } }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-wrapper.close {
          height: 0; } }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-items {
      display: block; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .card-items {
          display: flex; } }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .close-box {
      text-align: left;
      padding: 0;
      padding-left: 58px; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .close-box {
          text-align: right;
          padding: 5px 8px 0 0; } }
      [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .close-box .close-btn i {
        padding-top: 0;
        font-size: 2.8rem; }
    [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .img {
      margin-bottom: 26px;
      padding-bottom: 25px;
      width: 17px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageTextList[data-style="69"] .img {
          margin-bottom: 0;
          margin-right: 15px; } }
  [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] {
    background-color: transparent;
    border: none; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] {
        margin-bottom: 20px; } }
    [zonelayout="h-c3-s2"] .card-imageText[data-style="52"]:hover, [zonelayout="h-c3-s2"] .card-imageText[data-style="52"]:focus {
      border: none; }
    [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] .card-box {
      padding: 21px 0 10px; }
    @media only screen and (max-width: 980px) {
      [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] > .card {
        display: flex;
        justify-content: center; } }
    [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] .card-img {
      margin-bottom: 5px; }
    [zonelayout="h-c3-s2"] .card-imageText[data-style="52"] .card-text {
      padding: 0 20px; }
    [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item {
      width: 100%;
      margin-right: 0; }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item {
          width: calc(33.33% - 6.67px);
          margin-right: 10px; } }
      @media only screen and (max-width: 580px) {
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item {
          width: calc(50% - 5px); } }
      @media only screen and (max-width: 980px) {
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item:nth-child(3n) {
          margin-right: 0; } }
      @media only screen and (max-width: 580px) {
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item:nth-child(3n) {
          margin-right: 10px; } }
      @media only screen and (max-width: 580px) {
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item:nth-child(2n) {
          margin-right: 0; } }
      [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a {
        display: block;
        width: 116px;
        height: 116px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.4); }
        [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:hover, [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:focus {
          -webkit-transform: translateX(-58px);
                  transform: translateX(-58px);
          background-color: rgba(57, 61, 117, 0.3); }
          @media only screen and (max-width: 980px) {
            [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:hover, [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:focus {
              -webkit-transform: translateX(0);
                      transform: translateX(0); } }
          [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:hover .card-text, [zonelayout="h-c3-s2"] .card-imageText[data-style="52"].item a:focus .card-text {
            color: #ffffff; }

.title-box {
  margin: 20px auto;
  padding: 15px 40px 10px 20px;
  position: relative;
  display: inline-block;
  background: black;
  color: white;
  z-index: 2;
  line-height: 1;
  max-width: 100%; }
  .title-box.left {
    margin-left: 150px;
    margin-right: auto;
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
    @media only screen and (max-width: 800px) {
      .title-box.left {
        margin-left: auto; } }
  .title-box .img {
    padding-bottom: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle; }
  .title-box span {
    font-size: 2.8rem; }

@media only screen and (max-width: 800px) {
  .is-morelink a, .button-more a {
    font-size: 1.4rem !important; }
    .is-morelink a i, .button-more a i {
      font-size: 2rem !important; } }

.card-chart[data-style="1"] .chart {
  padding-bottom: 120px; }
  .card-chart[data-style="1"] .chart .item {
    padding-top: 20px; }
    .card-chart[data-style="1"] .chart .item.divChart1, .card-chart[data-style="1"] .chart .item.divChart2 {
      width: 50%;
      margin: 0 auto; }
      @media only screen and (max-width: 580px) {
        .card-chart[data-style="1"] .chart .item.divChart1, .card-chart[data-style="1"] .chart .item.divChart2 {
          width: 90%; } }
    .card-chart[data-style="1"] .chart .item.divChart3 {
      display: none; }

@media only screen and (max-width: 800px) {
  .button-more {
    margin-top: 0 !important;
    top: 11px !important; } }

.card-breadcrumb[data-style="1"] {
  z-index: 1; }

.card-breadcrumb ol.breadcrumb {
  margin-right: 5px;
  display: inline; }

.pagination {
  margin-bottom: 90px; }
  .pagination ul {
    display: flex;
    justify-content: center; }
    .pagination ul li {
      display: block; }
      .pagination ul li.button a {
        color: transparent;
        position: relative; }
        .pagination ul li.button a:hover, .pagination ul li.button a:focus {
          color: transparent;
          background-color: #efefef; }
      .pagination ul li.button:first-child {
        margin-right: 10px; }
        .pagination ul li.button:first-child a::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-image: url("../../Websites/tshsc/images/list_page/prev.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 40px;
          height: 40px; }
      .pagination ul li.button:last-child {
        margin-left: 10px; }
        .pagination ul li.button:last-child a::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-image: url("../../Websites/tshsc/images/list_page/next.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 40px;
          height: 40px; }
      .pagination ul li:nth-child(5), .pagination ul li:nth-child(6), .pagination ul li:nth-child(7), .pagination ul li:nth-child(8), .pagination ul li:nth-child(9), .pagination ul li:nth-child(10), .pagination ul li:nth-child(11) {
        display: none; }
      .pagination ul li:nth-child(12) a {
        border: none; }
        .pagination ul li:nth-child(12) a:hover, .pagination ul li:nth-child(12) a:focus {
          border: none; }
      .pagination ul li a {
        border: 1px solid #e5e5e5;
        width: 38px;
        height: 38px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        line-height: 20px;
        letter-spacing: 1.33px;
        color: #000000; }
        .pagination ul li a.active, .pagination ul li a:hover, .pagination ul li a:focus {
          background-color: #000000;
          color: #ffffff;
          border: 1px solid transparent; }
        .pagination ul li a[rel="next"] {
          width: auto;
          padding: 0 7px; }
        .pagination ul li a[rel="prev"], .pagination ul li a[rel="next"] {
          width: auto;
          padding: 0 7px; }
  .pagination .totalPage {
    display: none; }

.card-custom-article.list[data-style="2"] {
  background-color: #fcfcfc;
  margin-top: -20px;
  padding-top: 100px;
  position: relative; }
  @media only screen and (max-width: 800px) {
    .card-custom-article.list[data-style="2"] {
      margin-top: -55px; } }
  @media only screen and (max-width: 580px) {
    .card-custom-article.list[data-style="2"] {
      margin-top: -60px; } }
  .card-custom-article.list[data-style="2"]::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../../Websites/tshsc/images/list_page/bg01.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 15.83%; }
    @media only screen and (max-width: 800px) {
      .card-custom-article.list[data-style="2"]::before {
        top: 12px; } }
    @media only screen and (max-width: 430px) {
      .card-custom-article.list[data-style="2"]::before {
        top: 35px; } }
  .card-custom-article.list[data-style="2"] .article-title {
    position: relative;
    font-size: 3.2rem;
    letter-spacing: 4.28px;
    font-weight: 500;
    color: #4f4f4f;
    margin-bottom: 50px;
    text-align: center; }
  .card-custom-article.list[data-style="2"] .filters-bar {
    width: 870px;
    max-width: calc(100% - 40px);
    margin: 0 auto 40px;
    position: relative; }
    @media only screen and (max-width: 580px) {
      .card-custom-article.list[data-style="2"] .filters-bar {
        padding-bottom: 0; } }
    .card-custom-article.list[data-style="2"] .filters-bar .filter-bar {
      display: flex;
      align-items: center;
      list-style: none;
      margin-left: 0;
      justify-content: center; }
      @media only screen and (max-width: 800px) {
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar {
          flex-wrap: wrap; } }
      .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field {
        margin: 0;
        position: relative; }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field::before {
          content: '';
          position: absolute;
          top: 50%;
          right: 18px;
          width: 11px;
          height: 16px;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-image: url("../../Websites/tshsc/images/list_page/icon01.png");
          background-position: center;
          background-repeat: no-repeat; }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field:nth-child(4)::before {
          display: none; }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select {
          display: block;
          height: 40px;
          border: 1px solid #979797;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          padding: 0 18px;
          font-size: 1.8rem;
          letter-spacing: 0.9px;
          color: #333333; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.area {
            width: 171px;
            max-width: 171px; }
            @media only screen and (max-width: 800px) {
              .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.area {
                width: 100%;
                max-width: 100%; } }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.type {
            width: 136px;
            max-width: 136px; }
            @media only screen and (max-width: 800px) {
              .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.type {
                width: 100%;
                max-width: 100%; } }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.scope {
            width: 228px;
            max-width: 228px; }
            @media only screen and (max-width: 800px) {
              .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field select.scope {
                width: 100%;
                max-width: 100%; } }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field:not(:last-child) {
          margin-right: 10px; }
        @media only screen and (max-width: 800px) {
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field {
            width: 100% !important;
            max-width: 100% !important;
            margin-right: 0;
            margin-bottom: 10px; }
            .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field:not(:last-child) {
              margin-right: 0; }
            .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block {
              width: 100% !important; } }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .select-wrapper {
          position: relative; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .select-wrapper .caret {
            display: none; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .select-wrapper input[type="text"] {
            border-bottom: none;
            border: 1px solid #979797;
            padding: 0px 18px;
            height: 40px;
            font-size: 1.8rem;
            letter-spacing: 0.9px;
            color: #333333; }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search {
          border-bottom: none;
          border: 1px solid #979797;
          padding: 0px 18px;
          height: 40px; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search::-webkit-input-placeholder {
            font-size: 1.8rem;
            letter-spacing: 0.9px;
            color: #333333;
            opacity: 54%; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search:-ms-input-placeholder {
            font-size: 1.8rem;
            letter-spacing: 0.9px;
            color: #333333;
            opacity: 54%; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search::-ms-input-placeholder {
            font-size: 1.8rem;
            letter-spacing: 0.9px;
            color: #333333;
            opacity: 54%; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search::placeholder {
            font-size: 1.8rem;
            letter-spacing: 0.9px;
            color: #333333;
            opacity: 54%; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .search:focus {
            box-shadow: none; }
        .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block {
          width: 40px;
          height: 40px;
          position: relative; }
          .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block a {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #4f4f4f; }
            .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block a:hover, .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block a:focus {
              background: #f4bf1d; }
            .card-custom-article.list[data-style="2"] .filters-bar .filter-bar .input-field .button-block a .img-pic {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              width: 20px;
              height: 20px; }
  .card-custom-article.list[data-style="2"] .article-list {
    width: 1176px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    padding-top: 27px; }
  .card-custom-article.list[data-style="2"] #article-ul {
    list-style: none;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap; }
    .card-custom-article.list[data-style="2"] #article-ul > li {
      width: calc(100% / 3 - 20px);
      margin-right: 30px;
      margin-bottom: 60px; }
      .card-custom-article.list[data-style="2"] #article-ul > li:nth-child(3n) {
        margin-right: 0; }
      @media only screen and (max-width: 1024px) {
        .card-custom-article.list[data-style="2"] #article-ul > li {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 800px) {
        .card-custom-article.list[data-style="2"] #article-ul > li {
          width: calc(100% / 2 - 15px);
          margin-bottom: 30px; }
          .card-custom-article.list[data-style="2"] #article-ul > li:nth-child(3n) {
            margin-right: 30px; }
          .card-custom-article.list[data-style="2"] #article-ul > li:nth-child(2n) {
            margin-right: 0; } }
      @media only screen and (max-width: 580px) {
        .card-custom-article.list[data-style="2"] #article-ul > li {
          width: 100%;
          margin-right: 0; }
          .card-custom-article.list[data-style="2"] #article-ul > li:nth-child(3n) {
            margin-right: 0; } }
      .card-custom-article.list[data-style="2"] #article-ul > li a {
        display: block;
        text-decoration: none;
        background-color: #ffffff;
        box-shadow: 0 0px 3px 1px #f1efef;
        padding-top: 3px; }
        .card-custom-article.list[data-style="2"] #article-ul > li a:hover, .card-custom-article.list[data-style="2"] #article-ul > li a:focus {
          background-color: #f4bf1d; }
          .card-custom-article.list[data-style="2"] #article-ul > li a:hover .card-text .text .content .list-group .list-item .left-text,
          .card-custom-article.list[data-style="2"] #article-ul > li a:hover .card-text .text .content .list-group .list-item .right-text, .card-custom-article.list[data-style="2"] #article-ul > li a:focus .card-text .text .content .list-group .list-item .left-text,
          .card-custom-article.list[data-style="2"] #article-ul > li a:focus .card-text .text .content .list-group .list-item .right-text {
            color: #000000; }
        .card-custom-article.list[data-style="2"] #article-ul > li a .card-img {
          padding-top: 66.6%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          margin: 3px 6px 6px 6px; }
        .card-custom-article.list[data-style="2"] #article-ul > li a .card-text {
          margin-top: 5px;
          display: flex;
          padding: 0px 10px 8px; }
          .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .date {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: 20px;
            padding-right: 20px;
            position: relative; }
            .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .date::before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              width: 1px;
              height: 70%;
              background-color: #000000; }
            .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .date::after {
              content: '';
              position: absolute;
              bottom: 0;
              right: -14px;
              background-image: url("../../Websites/tshsc/images/list_page/icon03.png");
              background-size: auto;
              background-repeat: no-repeat;
              width: 31px;
              height: 38px; }
            .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .date .day {
              font-size: 4rem;
              line-height: 30px;
              color: #383838;
              font-weight: 100;
              font-family: PingFangTC; }
            .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .date .year {
              font-size: 1.1rem;
              letter-spacing: -0.37px;
              color: #383838;
              font-weight: 500;
              white-space: nowrap; }
          .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .title {
            font-size: 1.6rem;
            letter-spacing: 0.67px;
            color: #000000;
            margin-bottom: 2px; }
          .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .sub-title {
            font-size: 1.2rem;
            letter-spacing: -0.4px;
            color: #000000;
            margin-bottom: 7px; }
          .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group {
            list-style: none;
            margin-left: 0; }
            .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group .list-item {
              display: flex;
              align-items: center; }
              .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group .list-item:not(:last-child) {
                margin-bottom: 3px; }
              .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group .list-item .left-text {
                font-size: 1.2rem;
                letter-spacing: 0.5px;
                color: #966a12;
                margin-right: 17px;
                position: relative; }
                .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group .list-item .left-text::before {
                  content: '';
                  position: absolute;
                  top: 5px;
                  right: -11px;
                  background-image: url("../../Websites/tshsc/images/list_page/icon04.png");
                  background-position: center;
                  background-repeat: no-repeat;
                  width: 5px;
                  height: 7px; }
              .card-custom-article.list[data-style="2"] #article-ul > li a .card-text .text .content .list-group .list-item .right-text {
                font-size: 1.2rem;
                letter-spacing: 0.5px;
                color: #966a12; }

.card-article[data-style="9"] {
  position: relative; }
  .card-article[data-style="9"]::before {
    content: '';
    position: absolute;
    top: -105px;
    right: 0;
    background-image: url("../../Websites/tshsc/images/list_page/bg01.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 20.83%;
    z-index: -1; }
    @media only screen and (max-width: 800px) {
      .card-article[data-style="9"]::before {
        top: -103px; } }
    @media only screen and (max-width: 430px) {
      .card-article[data-style="9"]::before {
        top: -83px; } }
  .card-article[data-style="9"] .article-title {
    margin-top: 50px;
    margin-bottom: 60px;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 4.28px;
    color: #000000; }
    @media only screen and (max-width: 800px) {
      .card-article[data-style="9"] .article-title {
        margin-bottom: 30px; } }
  .card-article[data-style="9"] .filters-bar {
    margin: 0 auto;
    padding: 0;
    margin-bottom: 24px; }
    .card-article[data-style="9"] .filters-bar #filter-bar {
      margin: 0 auto;
      background-color: #f4f5f8;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0px 70px; }
      @media only screen and (max-width: 1339px) {
        .card-article[data-style="9"] .filters-bar #filter-bar {
          padding: 0px 50px; } }
      @media only screen and (max-width: 580px) {
        .card-article[data-style="9"] .filters-bar #filter-bar {
          padding: 0px 20px;
          flex-wrap: initial;
          overflow-x: auto; } }
      @media only screen and (max-width: 430px) {
        .card-article[data-style="9"] .filters-bar #filter-bar {
          padding: 5px 20px; } }
      .card-article[data-style="9"] .filters-bar #filter-bar li {
        border-right: 0;
        margin-bottom: 0;
        padding: 0;
        margin-right: 70px;
        white-space: nowrap; }
        @media only screen and (max-width: 1339px) {
          .card-article[data-style="9"] .filters-bar #filter-bar li {
            margin-right: 50px; } }
        @media only screen and (max-width: 580px) {
          .card-article[data-style="9"] .filters-bar #filter-bar li {
            margin-right: 15px; } }
        @media only screen and (max-width: 800px) {
          .card-article[data-style="9"] .filters-bar #filter-bar li:first-child {
            border-left: none; } }
        .card-article[data-style="9"] .filters-bar #filter-bar li:last-child {
          margin-right: 0; }
        .card-article[data-style="9"] .filters-bar #filter-bar li.active > a {
          color: #000000; }
          .card-article[data-style="9"] .filters-bar #filter-bar li.active > a::after {
            width: 150%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%); }
        @media only screen and (max-width: 580px) {
          .card-article[data-style="9"] .filters-bar #filter-bar li {
            padding: 0 17px; } }
        .card-article[data-style="9"] .filters-bar #filter-bar li a {
          display: inline-block;
          font-size: 1.8rem;
          letter-spacing: 0.9px;
          color: #686868;
          padding: 17px 0px;
          text-decoration: none; }
          .card-article[data-style="9"] .filters-bar #filter-bar li a:focus, .card-article[data-style="9"] .filters-bar #filter-bar li a:active, .card-article[data-style="9"] .filters-bar #filter-bar li a:hover {
            color: #000000; }
            .card-article[data-style="9"] .filters-bar #filter-bar li a:focus::after, .card-article[data-style="9"] .filters-bar #filter-bar li a:active::after, .card-article[data-style="9"] .filters-bar #filter-bar li a:hover::after {
              width: 150%;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%); }
          .card-article[data-style="9"] .filters-bar #filter-bar li a::after {
            height: 4px;
            bottom: 0; }
  .card-article[data-style="9"] .article-list {
    overflow: initial;
    margin: 0 auto 60px; }
    .card-article[data-style="9"] .article-list #article-ul li {
      max-width: calc(100% - 42px);
      padding: 26px 20px;
      border: 1px solid transparent;
      border-bottom: 1px solid #e5e5e5;
      transition: all 0.2s; }
      .card-article[data-style="9"] .article-list #article-ul li:hover, .card-article[data-style="9"] .article-list #article-ul li:focus {
        border: 1px solid #e5e5e5; }
      @media only screen and (max-width: 430px) {
        .card-article[data-style="9"] .article-list #article-ul li {
          padding: 0;
          max-width: 100%;
          margin-bottom: 10px; } }
      .card-article[data-style="9"] .article-list #article-ul li a,
      .card-article[data-style="9"] .article-list #article-ul li > div {
        position: relative; }
        @media only screen and (max-width: 580px) {
          .card-article[data-style="9"] .article-list #article-ul li a,
          .card-article[data-style="9"] .article-list #article-ul li > div {
            display: flex;
            flex-wrap: wrap; } }
        .card-article[data-style="9"] .article-list #article-ul li a:hover .article-list-text .article-list-title, .card-article[data-style="9"] .article-list #article-ul li a:focus .article-list-text .article-list-title,
        .card-article[data-style="9"] .article-list #article-ul li > div:hover .article-list-text .article-list-title,
        .card-article[data-style="9"] .article-list #article-ul li > div:focus .article-list-text .article-list-title {
          color: #4f4f4f;
          text-decoration: underline; }
        .card-article[data-style="9"] .article-list #article-ul li a:hover .article-list-text .article-list-type .article-list-author, .card-article[data-style="9"] .article-list #article-ul li a:focus .article-list-text .article-list-type .article-list-author,
        .card-article[data-style="9"] .article-list #article-ul li > div:hover .article-list-text .article-list-type .article-list-author,
        .card-article[data-style="9"] .article-list #article-ul li > div:focus .article-list-text .article-list-type .article-list-author {
          color: #4f4f4f; }
        .card-article[data-style="9"] .article-list #article-ul li a .article-list-img,
        .card-article[data-style="9"] .article-list #article-ul li > div .article-list-img {
          max-width: initial;
          flex: initial;
          width: 31%;
          padding-bottom: calc(66% * 0.28); }
          @media only screen and (max-width: 580px) {
            .card-article[data-style="9"] .article-list #article-ul li a .article-list-img,
            .card-article[data-style="9"] .article-list #article-ul li > div .article-list-img {
              width: 100%;
              padding-bottom: 61.68%; } }
          .card-article[data-style="9"] .article-list #article-ul li a .article-list-img ~ .article-list-text,
          .card-article[data-style="9"] .article-list #article-ul li > div .article-list-img ~ .article-list-text {
            width: 69%; }
            @media only screen and (max-width: 580px) {
              .card-article[data-style="9"] .article-list #article-ul li a .article-list-img ~ .article-list-text,
              .card-article[data-style="9"] .article-list #article-ul li > div .article-list-img ~ .article-list-text {
                width: 100%; } }
        .card-article[data-style="9"] .article-list #article-ul li a .article-list-text,
        .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text {
          padding: 10px 0 0 0px;
          flex-wrap: initial;
          flex-direction: column;
          max-width: initial;
          flex: initial;
          width: 100%; }
          @media only screen and (max-width: 580px) {
            .card-article[data-style="9"] .article-list #article-ul li a .article-list-text,
            .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text {
              padding: 10px; } }
          .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-title,
          .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-title {
            font-size: 2rem;
            letter-spacing: 0.83px;
            color: #000000;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-width: initial;
            flex: initial;
            margin-bottom: 10px;
            margin-top: 10px;
            transition: all 0.3s; }
            @media only screen and (max-width: 580px) {
              .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-title,
              .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-title {
                margin-top: 20px; } }
          .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-content,
          .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-content {
            font-size: 1.4rem;
            letter-spacing: -0.47px;
            color: #000000;
            opacity: 50%;
            line-height: normal;
            font-weight: normal;
            margin-top: 0;
            max-width: initial;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            flex: initial; }
          .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type,
          .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type {
            margin-top: 0;
            margin-right: 0;
            align-self: start;
            display: flex;
            margin-top: 10px; }
            @media only screen and (max-width: 580px) {
              .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type,
              .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type {
                flex-wrap: wrap; } }
            .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type span,
            .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type span {
              font-size: 1.4rem;
              letter-spacing: 0.7px;
              color: #4f4f4f;
              padding: 2px 11px;
              background-color: #eaeaea;
              white-space: nowrap;
              margin: 0 3px; }
              @media only screen and (max-width: 580px) {
                .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type span,
                .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type span {
                  margin: 0; }
                  .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type span:not(:last-child),
                  .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type span:not(:last-child) {
                    margin-right: 5px; } }
            .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type .article-list-author,
            .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type .article-list-author {
              font-size: 1.6rem;
              letter-spacing: 0.03px;
              color: #000000;
              margin-top: 0;
              font-weight: normal;
              font-family: PingFangTC;
              flex: initial;
              margin-right: 10px;
              transition: all 0.3s;
              position: absolute;
              top: 0;
              left: 0; }
              @media only screen and (max-width: 580px) {
                .card-article[data-style="9"] .article-list #article-ul li a .article-list-text .article-list-type .article-list-author,
                .card-article[data-style="9"] .article-list #article-ul li > div .article-list-text .article-list-type .article-list-author {
                  left: 10px;
                  top: 5px; } }
  .card-article[data-style="9"] span.td.file-download {
    display: inline-block;
    margin-top: 10px; }
    .card-article[data-style="9"] span.td.file-download a {
      color: #9b783c; }
      .card-article[data-style="9"] span.td.file-download a:focus, .card-article[data-style="9"] span.td.file-download a:active, .card-article[data-style="9"] span.td.file-download a:hover {
        opacity: 0.7; }

.custom-qa[data-style="2"] {
  position: relative; }
  .custom-qa[data-style="2"]::before {
    content: '';
    position: absolute;
    top: -105px;
    right: 0;
    background-image: url("../../Websites/tshsc/images/list_page/bg01.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 20.83%;
    z-index: -1; }
    @media only screen and (max-width: 800px) {
      .custom-qa[data-style="2"]::before {
        top: -103px; } }
    @media only screen and (max-width: 430px) {
      .custom-qa[data-style="2"]::before {
        top: -83px; } }
  .custom-qa[data-style="2"] .article-title {
    margin-top: 50px;
    margin-bottom: 60px;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 4.28px;
    color: #000000; }
    @media only screen and (max-width: 800px) {
      .custom-qa[data-style="2"] .article-title {
        margin-bottom: 30px; } }
  .custom-qa[data-style="2"] .article-link {
    display: none; }
  .custom-qa[data-style="2"] .filters-bar {
    margin: 0 auto;
    padding: 0;
    margin-bottom: 50px; }
    .custom-qa[data-style="2"] .filters-bar #filter-bar {
      margin: 0 auto;
      background-color: #f4f5f8;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0px 70px; }
      @media only screen and (max-width: 1339px) {
        .custom-qa[data-style="2"] .filters-bar #filter-bar {
          padding: 0px 50px; } }
      @media only screen and (max-width: 580px) {
        .custom-qa[data-style="2"] .filters-bar #filter-bar {
          padding: 0px 20px;
          flex-wrap: initial;
          overflow-x: auto; } }
      @media only screen and (max-width: 430px) {
        .custom-qa[data-style="2"] .filters-bar #filter-bar {
          padding: 5px 20px; } }
      .custom-qa[data-style="2"] .filters-bar #filter-bar li {
        border-right: 0;
        margin-bottom: 0;
        padding: 0;
        margin-right: 70px;
        white-space: nowrap; }
        @media only screen and (max-width: 1339px) {
          .custom-qa[data-style="2"] .filters-bar #filter-bar li {
            margin-right: 50px; } }
        @media only screen and (max-width: 580px) {
          .custom-qa[data-style="2"] .filters-bar #filter-bar li {
            margin-right: 15px; } }
        @media only screen and (max-width: 800px) {
          .custom-qa[data-style="2"] .filters-bar #filter-bar li:first-child {
            border-left: none; } }
        .custom-qa[data-style="2"] .filters-bar #filter-bar li:last-child {
          margin-right: 0; }
        .custom-qa[data-style="2"] .filters-bar #filter-bar li.active > a {
          color: #000000; }
          .custom-qa[data-style="2"] .filters-bar #filter-bar li.active > a::after {
            width: 150%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%); }
        @media only screen and (max-width: 580px) {
          .custom-qa[data-style="2"] .filters-bar #filter-bar li {
            padding: 0 17px; } }
        .custom-qa[data-style="2"] .filters-bar #filter-bar li a {
          display: inline-block;
          font-size: 1.8rem;
          letter-spacing: 0.9px;
          color: #8d8d8d;
          padding: 17px 0px;
          text-decoration: none; }
          .custom-qa[data-style="2"] .filters-bar #filter-bar li a:focus, .custom-qa[data-style="2"] .filters-bar #filter-bar li a:active, .custom-qa[data-style="2"] .filters-bar #filter-bar li a:hover {
            color: #000000; }
            .custom-qa[data-style="2"] .filters-bar #filter-bar li a:focus::after, .custom-qa[data-style="2"] .filters-bar #filter-bar li a:active::after, .custom-qa[data-style="2"] .filters-bar #filter-bar li a:hover::after {
              width: 150%;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%); }
          .custom-qa[data-style="2"] .filters-bar #filter-bar li a::after {
            height: 4px;
            bottom: 0; }
  .custom-qa[data-style="2"] .article-list {
    margin: 0 auto 40px;
    overflow: initial; }
    .custom-qa[data-style="2"] .article-list ul#article-ul > li {
      box-sizing: border-box;
      border: 1px solid #e8e8e8; }
      .custom-qa[data-style="2"] .article-list ul#article-ul > li:not(:last-child) {
        margin-bottom: 12px; }
        @media only screen and (max-width: 580px) {
          .custom-qa[data-style="2"] .article-list ul#article-ul > li:not(:last-child) {
            margin-bottom: 8px; } }
      .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title {
        display: flex;
        align-items: center;
        padding: 10px 25px;
        text-decoration: none; }
        @media only screen and (max-width: 580px) {
          .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title {
            padding: 10px; } }
        .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title::before {
          display: none; }
        .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:focus, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:active, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:hover {
          background-color: #fafafa; }
          .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:focus div, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:active div, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:hover div {
            color: #4f4f4f; }
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:focus div .icon i, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:active div .icon i, .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title:hover div .icon i {
              opacity: 100%; }
        .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title.opened {
          background-color: #fafafa; }
          .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title.opened div {
            color: #4f4f4f; }
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title.opened div .icon i {
              opacity: 100%; }
        .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title .category {
          min-width: 80px;
          text-align: center;
          background-color: #eaeaea;
          font-size: 1.4rem;
          letter-spacing: 0.7px;
          color: #4f4f4f;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px;
          padding: 2px 0px; }
        .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) {
          font-size: 1.6rem;
          letter-spacing: 0.83px;
          color: #000000;
          transition: all 0.2s; }
          @media only screen and (max-width: 1024px) {
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) {
              width: 85%;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; } }
          @media only screen and (max-width: 800px) {
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) {
              width: 80%; } }
          @media only screen and (max-width: 580px) {
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) {
              width: 75%; } }
          @media only screen and (max-width: 430px) {
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) {
              width: 65%; } }
          .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) .icon {
            top: 50%;
            right: 25px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
            @media only screen and (max-width: 580px) {
              .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) .icon {
                right: 10px; } }
            .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-title div:nth-child(2) .icon i {
              color: #808080;
              opacity: 50%;
              transition: all 0.2s; }
      .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-content::before {
        display: none; }
      .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-content.opened {
        background-color: #fafafa; }
      .custom-qa[data-style="2"] .article-list ul#article-ul > li .qe-faq-toggle .qe-toggle-content p {
        font-size: 1.6rem;
        line-height: 26px;
        letter-spacing: 1.8px;
        color: #4f4f4f; }
  .custom-qa[data-style="2"] .pagination {
    margin-bottom: 90px; }

.google-map {
  width: 100%;
  height: 100%; }
  .google-map iframe {
    width: 100%;
    height: 100%; }

.card-article[data-style="1"] .filters-bar li > span, .card-article[data-style="1"] .filters-bar li > a {
  font-size: 2rem; }

.card-article[data-style="1"] .article-main .article-center .traffic-type .card .card-box .card-img .flexslider .flex-viewport .slides .flex-active-slide .openImg:focus img {
  border: 1px dashed #777777; }

.card-customTshsc[data-style="10"] {
  width: 100%;
  max-width: calc(1440px - (99px * 2));
  margin: 0 auto 68px; }
  @media only screen and (max-width: 800px) {
    .card-customTshsc[data-style="10"] {
      padding: 0 30px; } }
  .card-customTshsc[data-style="10"] ul, .card-customTshsc[data-style="10"] ol {
    list-style: none;
    margin-left: 0; }
  .card-customTshsc[data-style="10"] .title,
  .card-customTshsc[data-style="10"] .info-box,
  .card-customTshsc[data-style="10"] .info-box a {
    text-align: center; }
  .card-customTshsc[data-style="10"] h2 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000000; }
  .card-customTshsc[data-style="10"] .info-box {
    margin-top: 46px; }
    @media only screen and (max-width: 800px) {
      .card-customTshsc[data-style="10"] .info-box {
        text-align: left; } }
    .card-customTshsc[data-style="10"] .info-box ol {
      display: flex;
      justify-content: space-between;
      margin-top: 46px;
      position: relative; }
      @media only screen and (max-width: 800px) {
        .card-customTshsc[data-style="10"] .info-box ol {
          flex-wrap: wrap;
          justify-content: flex-end;
          padding-left: 10%;
          margin-top: 0px;
          overflow: hidden; } }
      .card-customTshsc[data-style="10"] .info-box ol li {
        flex: 0 0 calc(20% - 40px);
        margin: 0 20px;
        cursor: default; }
        @media only screen and (max-width: 800px) {
          .card-customTshsc[data-style="10"] .info-box ol li {
            flex: 0 0 calc(100%);
            margin: 23px 0px 0; } }
      .card-customTshsc[data-style="10"] .info-box ol::after {
        content: " ";
        display: block;
        width: calc(100% - 20%);
        height: 1px;
        background: #393939;
        position: absolute;
        top: -46px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media only screen and (max-width: 800px) {
          .card-customTshsc[data-style="10"] .info-box ol::after {
            display: none; } }
      @media only screen and (max-width: 800px) {
        .card-customTshsc[data-style="10"] .info-box ol::before {
          content: "";
          height: calc(100% - 33px);
          width: 1px;
          left: 0;
          display: block;
          background: #393939;
          position: absolute; } }
    .card-customTshsc[data-style="10"] .info-box a {
      font-size: 1.6rem;
      color: #ffffff;
      position: relative;
      text-decoration: none;
      cursor: default; }
      .card-customTshsc[data-style="10"] .info-box a:not(.alone) {
        background: #4a5866;
        border: 11px solid #DCE2E7;
        height: 100%;
        letter-spacing: 0.5px;
        padding: 10px;
        box-sizing: border-box;
        display: block; }
        .card-customTshsc[data-style="10"] .info-box a:not(.alone)::after {
          content: "";
          height: 46px;
          width: 1px;
          position: absolute;
          top: -57px;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          display: block;
          background: #393939; }
        @media only screen and (max-width: 800px) {
          .card-customTshsc[data-style="10"] .info-box a:not(.alone)::after {
            height: 1px;
            width: 50%;
            top: 50%;
            left: -50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            z-index: -1; } }
      .card-customTshsc[data-style="10"] .info-box a.alone {
        font-size: 2.1rem;
        letter-spacing: 0.5px;
        font-weight: 500;
        background: #856f49;
        border: 7px solid #f1ebe1;
        min-width: 230px;
        display: inline-block;
        padding: 4px 20px;
        margin-bottom: 46px;
        box-sizing: border-box; }
        .card-customTshsc[data-style="10"] .info-box a.alone::after {
          content: "";
          height: 46px;
          width: 1px;
          position: absolute;
          top: calc(100% + 7px);
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          display: block;
          background: #393939; }
        @media only screen and (max-width: 800px) {
          .card-customTshsc[data-style="10"] .info-box a.alone {
            width: calc(100% - 14px); }
            .card-customTshsc[data-style="10"] .info-box a.alone.last::before {
              content: "";
              height: 1px;
              width: calc(50% + 7px);
              position: absolute;
              bottom: -54px;
              left: -7px;
              display: block;
              background: #393939; } }

.card-articleSet[data-style="3"] {
  padding: 60px 0;
  max-width: 1280px;
  margin: 0 auto 100px;
  position: relative; }
  .card-articleSet[data-style="3"]:hover .swiper-button-prev,
  .card-articleSet[data-style="3"]:hover .swiper-button-next {
    opacity: 1; }
  @media only screen and (max-width: 1339px) {
    .card-articleSet[data-style="3"] {
      max-width: 90%; } }
  .card-articleSet[data-style="3"] .title {
    font-size: 2.8rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center; }
  .card-articleSet[data-style="3"] .swiper-slide {
    width: 25%;
    padding: 0; }
    @media only screen and (max-width: 800px) {
      .card-articleSet[data-style="3"] .swiper-slide {
        width: 50%; } }
    @media only screen and (max-width: 430px) {
      .card-articleSet[data-style="3"] .swiper-slide {
        width: 100%; } }
  .card-articleSet[data-style="3"] .swiper-button-prev, .card-articleSet[data-style="3"] .swiper-button-next {
    border-radius: 0;
    z-index: 2000;
    top: 60%; }
    .card-articleSet[data-style="3"] .swiper-button-prev.disabled, .card-articleSet[data-style="3"] .swiper-button-next.disabled {
      display: none; }
  .card-articleSet[data-style="3"] .swiper-button-prev::after {
    content: "\e905"; }
  .card-articleSet[data-style="3"] .swiper-button-next::after {
    content: "\e907"; }
  .card-articleSet[data-style="3"] .card-img-content.flex {
    border-radius: 0; }
  .card-articleSet[data-style="3"] .card-img, .card-articleSet[data-style="3"] .card-img-content {
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .card-articleSet[data-style="3"] .card-img.square, .card-articleSet[data-style="3"] .card-img-content.square {
      padding-bottom: 25%; }
    .card-articleSet[data-style="3"] .card-img.circle, .card-articleSet[data-style="3"] .card-img-content.circle {
      border-radius: 0; }
  .card-articleSet[data-style="3"] .card-img {
    background-color: #f4f4f4; }
  .card-articleSet[data-style="3"] a:focus .card-img, .card-articleSet[data-style="3"] a:focus .card-img-content, .card-articleSet[data-style="3"] a:active .card-img, .card-articleSet[data-style="3"] a:active .card-img-content, .card-articleSet[data-style="3"] a:hover .card-img, .card-articleSet[data-style="3"] a:hover .card-img-content {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

body.index {
  background: #bec3c9; }
  body.index .zone[data-zoneno="Z21111107113692333"] {
    background-color: #bec3c9;
    background-image: url("../../websites/tshsc/images/news-bg.jpg");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    padding-bottom: 100px; }
  body.index .zone[data-zoneno="Z21081821071455380"] {
    padding-top: 100px; }

body.Links .card-article[data-style="6"] .article-list {
  overflow: visible; }
  body.Links .card-article[data-style="6"] .article-list li {
    padding: 0px 14px 30px; }
    body.Links .card-article[data-style="6"] .article-list li > a {
      box-shadow: 0 0 5px #cccccc; }

body.Links .card-article[data-style="6"] .card-img.wide {
  padding-bottom: 25%; }

body.Links .card-article[data-style="6"] .card-text {
  display: none; }

.card-articleSet[data-style="64"] .container .exhibitions #article-ul {
  max-height: 400px;
  overflow: auto; }
  .card-articleSet[data-style="64"] .container .exhibitions #article-ul::-webkit-scrollbar {
    width: 5px; }
  .card-articleSet[data-style="64"] .container .exhibitions #article-ul::-webkit-scrollbar-thumb {
    background-color: #74767a;
    border-radius: 5px; }
  @media only screen and (max-width: 800px) {
    .card-articleSet[data-style="64"] .container .exhibitions #article-ul li {
      padding-right: 0; } }
  .card-articleSet[data-style="64"] .container .exhibitions #article-ul li .card::before {
    display: none; }
  .card-articleSet[data-style="64"] .container .exhibitions #article-ul li .card .card-box .card-text {
    padding: 10px; }
    .card-articleSet[data-style="64"] .container .exhibitions #article-ul li .card .card-box .card-text .card-text-name {
      padding: 0;
      padding-bottom: 10px; }

@media only screen and (max-width: 800px) {
  .card-custom-house-info[data-style="1"] .container .intro-box {
    padding: 0; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper .header-logo {
    margin-left: 0; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper .header-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 12px 0px; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper .header-content .mobile-search-box,
  .card-header[data-style="1"] .header-wrapper .header-content .menu-toggle {
    position: initial;
    display: inline-block; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper .header-content .mobile-search-box {
    order: 1; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="1"] .header-wrapper .header-content .menu-toggle {
    margin-right: 20px; } }

.card-header[data-style="1"] .header-wrapper .header-content .menu .main-menu li a:focus::after {
  width: 100%; }

.card-header[data-style="1"] .header-wrapper .header-content .menu .all-menu .parent .menu-option li a:focus {
  color: #966a12; }

.card-footer[data-style="1"] .viewer-count {
  text-align: center;
  color: #c2c2c2;
  font-weight: 400;
  padding: 7px 0; }
  .card-footer[data-style="1"] .viewer-count span {
    margin: 0 6px; }

.card-footer[data-style="1"] .footer-copyright .footer-wrapper {
  color: #a1a1a1; }

.card-article[data-style="6"] .article-list #article-ul .item-static a:focus {
  background-color: #f4bf1d; }

.card-article-customTshsc[data-style="9"] .filters-bar #filter-bar li span::after {
  display: none; }

.card-article-customTshsc[data-style="9"] .article-list .article-list-header {
  display: flex;
  padding: 7px 15px;
  background-color: #666666;
  text-align: center; }
  @media only screen and (max-width: 800px) {
    .card-article-customTshsc[data-style="9"] .article-list .article-list-header {
      display: none; } }
  .card-article-customTshsc[data-style="9"] .article-list .article-list-header p {
    color: #ffffff;
    width: calc(100% / 8);
    max-width: 200px;
    font-size: 1.5rem; }
    .card-article-customTshsc[data-style="9"] .article-list .article-list-header p ~ p {
      margin-top: 0; }

.card-article-customTshsc[data-style="9"] .article-list #article-ul li {
  padding: 0;
  max-width: 100%; }
  @media only screen and (max-width: 800px) {
    .card-article-customTshsc[data-style="9"] .article-list #article-ul li {
      border-bottom: none; } }
  .card-article-customTshsc[data-style="9"] .article-list #article-ul li:hover::after {
    opacity: 0; }
  .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text {
    position: relative;
    font-size: 1.8rem;
    color: #000000;
    padding: 0;
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row; }
    @media only screen and (max-width: 800px) {
      .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text {
        flex-direction: column;
        border-bottom: none;
        border: 1px solid #dfdfdf; } }
    .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p {
      width: calc(100% / 8);
      max-width: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      padding: 10px;
      position: relative; }
      @media only screen and (max-width: 800px) {
        .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p {
          width: 75%;
          max-width: 100%;
          padding: 20px 0px;
          padding-left: 25%;
          border-bottom: 1px solid #dfdfdf;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start; } }
      @media only screen and (max-width: 430px) {
        .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p {
          width: 95%;
          padding: 40px 10px 30px;
          flex-wrap: wrap;
          text-align: left; } }
      .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p::before {
        content: attr(data-value);
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #777777;
        display: none; }
        @media only screen and (max-width: 800px) {
          .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p::before {
            display: block; } }
        @media only screen and (max-width: 430px) {
          .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p::before {
            top: 10px;
            left: 10px;
            -webkit-transform: initial;
                    transform: initial; } }
      .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p.remark {
        min-width: 150px; }
      .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p ~ p {
        margin-top: 0; }
      .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a {
        text-decoration: none;
        margin-top: 10px;
        padding: 8px 10px;
        color: #ffffff;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1.4rem;
        width: 100px; }
        @media only screen and (max-width: 800px) {
          .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a {
            margin-left: 7px;
            margin-top: 0; } }
        @media only screen and (max-width: 430px) {
          .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a {
            width: 100%;
            margin-left: 0;
            margin-top: 7px;
            justify-content: center; } }
        .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a:hover {
          opacity: 0.8; }
        .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a.blue {
          background-color: #a17f46; }
        .card-article-customTshsc[data-style="9"] .article-list #article-ul li .article-list-text p a.red {
          background-color: #842b00; }

.card-chart[data-style="1"]::after {
  background: #bec3c8; }