/** comPage **/
#comPage {
  position: relative;
  width: 100%;
  padding: 100px 0;
}

@media screen and (max-width:460px) {}

@media screen and (min-width:991px) {}

@media screen and (min-width:1600px) {
  #comPage .container {
    max-width: 1500px;
    padding: 50px;
    background: #FFF;
    border-radius: 30px;
  }
}

@media screen and (min-width:1920px) {
  #comPage {
    padding-bottom: 80px;
  }
}


/* ----- titHead ----- */
.titHead {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 auto;
}

.titHead.list {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

#lawBoard.titHead.list {
  max-width: 100%;
}

@media screen and (max-width:440px) {
  .titHead {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}


@media screen and (min-width:991px) {
  .titHead {
    max-width: 1500px;
  }

  .titHead.list h2 {
    max-width: calc(100% - 50%);
  }

  #tradeBoard.titHead.list h2 {
    max-width: calc(100% - 560px);
  }

  #lawBoard.titHead.list h2 {
    max-width: 100%;
  }
}


/** searchCriteria **/
#searchCriteria {
  width: 100%;
  box-sizing: border-box;
}

#lawBoard #searchCriteria {
  margin-top: 15px;
}

#searchCriteria .rowbox {
  display: flex;
  flex-direction: row;
  margin: -5px;
}

#searchCriteria .sbox {
  display: inline-flex;
  width: 100%;
  padding: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}

#searchCriteria .sbox.s1 {
  width: 130px;
}

#searchCriteria .sbox.s1+.sbox:last-child {
  width: calc(100% - 130px);
}

#searchCriteria .listBar {
  width: 100%;
  height: 45px;
  padding: 0px;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000;
  cursor: pointer;
  letter-spacing: 0;
  text-indent: 0.01px;
  text-overflow: "";
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 0 35px 0 10px;
  background: #FFF url(images/select-bg.svg) no-repeat right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  /* gets rid of default appearance in Webkit browsers*/
  -moz-appearance: none;
  /* Get rid of default appearance for older Firefox browsers */
  -ms-appearance: none;
  /* get rid of default appearance for IE8, 9 and 10*/
  appearance: none;
  vertical-align: middle;
}

#searchCriteria .sbox.s2 .listBar {
  width: calc(50% - 5px);
}

#searchCriteria .listBar:focus {
  outline: none;
  border-color: #cc3300;
  background: #FCF7F7 url(images/select-bg-on.svg) no-repeat right;
}

#searchCriteria .listBar option {
  color: #333;
  border: none;
  background: #FFF;
  /* style the dropdown bg color */
}

#searchCriteria .listBar:-ms-expand {
  display: none;
  /* hide default arrow in IE10 */
}

#tradeBoard #searchCriteria .listBar {
  width: calc((100% - 175px) / 2);
}

#tradeBoard #searchCriteria label:nth-child(n + 2)+.listBar {
  margin-left: 10px;
}

#searchCriteria .search-query {
  width: calc(100% - 55px);
  height: 45px;
  color: #000;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 45px;
  letter-spacing: 0;
  padding: 0 10px;
  background: #FFF;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#searchCriteria .search-query:focus {
  outline: none;
  background-color: #FFF;
  border-color: #cc3300;
}

#searchCriteria .search-btn {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #000;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#searchCriteria .search-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#searchCriteria .search-btn span em {
  position: relative;
  width: 17px;
  height: 17px;
  background: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#searchCriteria .search-btn span em::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  box-sizing: border-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s;
}

#searchCriteria .search-btn span em::after {
  content: '';
  position: absolute;
  right: 1px;
  bottom: 0;
  display: block;
  width: 2px;
  height: 6px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
  background: #cc3300;
}

#searchCriteria .copy-btn {
  position: relative;
  display: inline-block;
  width: 155px;
  height: 45px;
  color: #FFF;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1.7em;
  line-height: 45px;
  text-align: center;
  padding: 0 10px;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #0068b7;
  vertical-align: middle;
  box-sizing: border-box;
  margin-left: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#searchCriteria .copy-btn:hover,
#searchCriteria .copy-btn:focus {
  background: #cc3300;
}

#searchCriteria .copy-btn span {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

#searchCriteria .copy-btn span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(images/copy-btn-icon.svg);
  mask-image: url(images/copy-btn-icon.svg);
}

@media screen and (max-width:990px) {
  #lawBoard #searchCriteria .rowbox {
    flex-wrap: wrap;
  }

  #lawBoard #searchCriteria .sbox.s2 {
    width: 50%;
  }

  #lawBoard #searchCriteria .sbox.s3 {
    width: 50%;
  }

  #lawBoard #searchCriteria .sbox.s4 {
    width: 50%;
  }

  #lawBoard #searchCriteria .sbox.s4+.sbox:last-child {
    width: 100%;
  }

  #lawBoard #searchCriteria .sbox.s3+.sbox.s4+.sbox:last-child {
    width: 50%;
  }

  #tradeBoard #searchCriteria {
    margin-top: 15px;
  }
}

@media screen and (max-width:720px) {
  #searchCriteria {
    margin-top: 15px;
    padding:0 10px;
  }
    .eboardList ul {padding:0 10px;}
  #searchCriteria .sbox.s1 {
    width: 32%;
  }

  #searchCriteria .sbox.s1+.sbox:last-child {
    width: 68%;
  }

  #lawBoard #searchCriteria .sbox.s2 {
    width: 100%;
  }

  #lawBoard #searchCriteria .sbox.s3 {
    width: 40%;
  }

  #lawBoard #searchCriteria .sbox.s4 {
    width: 100%;
  }

  #lawBoard #searchCriteria .sbox.s3+.sbox.s4 {
    width: 60%;
  }

  #lawBoard #searchCriteria .sbox.s4+.sbox:last-child {
    width: 100% !important;
  }
}

@media screen and (max-width:560px) {
  #tradeBoard #searchCriteria .listBar {
    width: calc(50% - 5px);
  }

  #tradeBoard #searchCriteria .copy-btn {
    width: 100%;
    margin: 10px 0 0 0;
  }
}

@media screen and (max-width:460px) {
  #searchCriteria .sbox.s1 {
    width: 130px;
  }

  #searchCriteria .sbox.s1+.sbox:last-child {
    width: calc(100% - 130px);
  }

  #lawBoard #searchCriteria .sbox {
    width: 100% !important;
  }

  #tradeBoard #searchCriteria .listBar {
    width: 100%;
  }

  #tradeBoard #searchCriteria label:nth-child(n + 2)+.listBar {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:721px) {
  #searchCriteria {
    max-width: 340px;
  }

  #lawBoard #searchCriteria,
  #tradeBoard #searchCriteria {
    max-width: 100%;
  }
}

@media screen and (min-width:991px) {
  #searchCriteria {
    max-width: 60%;
  }

  #searchCriteria .sbox.s1 {
    width: 150px;
  }

  #searchCriteria .sbox.s1+.sbox:last-child {
    width: calc(100% - 150px);
  }

  #lawBoard #searchCriteria .sbox.s2 {
    width: 28%;
  }

  #lawBoard #searchCriteria .sbox.s3 {
    width: 19%;
  }

  #lawBoard #searchCriteria .sbox.s4 {
    width: 36%;
  }

  #lawBoard #searchCriteria .sbox.s3+.sbox.s4 {
    width: 27%;
  }

  #lawBoard #searchCriteria .sbox.s4+.sbox:last-child {
    width: 36%;
  }

  #lawBoard #searchCriteria .sbox.s3+.sbox.s4+.sbox:last-child {
    width: 26%;
  }

  #tradeBoard #searchCriteria {
    max-width: 560px;
  }
}

@media screen and (min-width:1200px) {}

@media screen and (min-width:1600px) {
  #lawBoard #searchCriteria {
    max-width: 1020px;
    margin-top: 0;
  }

  #lawBoard #searchCriteria .rowbox {
    justify-content: flex-end;
  }

  #lawBoard #searchCriteria .sbox.s2 {
    width: 280px;
  }

  #lawBoard #searchCriteria .sbox.s3 {
    width: 170px;
  }

  #lawBoard #searchCriteria .sbox.s4 {
    width: 260px;
  }

  #lawBoard #searchCriteria .sbox.s4+.sbox:last-child {
    width: 320px;
  }
}
/* ----- eboardList ----- */
.eboardList {
  width: 100%;
  margin: 20px auto 0 auto;
  border-top: 2px solid #454b56;
}

.eboardList ul {
  list-style: none;
}

.eboardList ul li {
  width: 100%;
  border-bottom: 1px dashed #cccccc;
}

.eboardList ul li a {
  display: flex;
  width: 100%;
  align-items: flex-start;
  padding: 15px 0;
  box-sizing: border-box;
}

.eboardList ul li a .label {
  display: inline-flex;
  width: inherit;
  max-width: max-content;
  min-height: 30px;
  align-items: center;
}

.eboardList ul li a .label time {
  display: inline-block;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  vertical-align: middle;
  margin-right: 10px;
}

.eboardList ul li a .label span {
  display: inline-block;
  color: #FFF;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  padding: 5px 15px;
  vertical-align: middle;
  background: #eb6100;
  box-sizing: border-box;
  margin-right: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.eboardList ul li a p {
  display: inline-block;
  width: inherit;
  color: #333333;
  font-size: 1.9em;
  font-weight: bold;
  line-height: 145%;
  box-sizing: border-box;
  margin: 0;
}

.eboardList ul li a:hover p,
.eboardList ul li a:focus p {
  color: #C73F00;
}

@media screen and (max-width:768px) {
  .eboardList ul li a {
    flex-wrap: wrap;
  }

  .eboardList ul li a .label {
    min-height: inherit;
  }

  .eboardList ul li a p {
    margin-top: 5px;
    font-size: 1.8rem;
  }
}

@media screen and (min-width:991px) {
  .eboardList ul li a p {
    font-size: 2.1em;
  }
}

@media screen and (min-width:1400px) {
  .eboardList ul li a {
    padding: 15px 10px;
  }
}

@media screen and (min-width:1600px) {
  .eboardList ul li a {
    padding: 20px 15px;
  }

  .eboardList ul li a .label {
    min-height: 35px;
  }

  .eboardList ul li a .label time {
    font-size: 1rem;
    margin-right: 15px;
  }

  .eboardList ul li a .label span {
    font-size: 1rem;
    margin-right: 15px;
  }

  .eboardList ul li a p {
    font-size: 1.5rem;
  }
}

  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
  }
 
  .noticewd {
      text-align: right;
  }
  .noticewd p {
      margin: 0;
  }
  .noticewd button {
    background: linear-gradient(to right, #096aed 0%, #0096e6 100%);
    color: white;
    border-radius: 4px;
    border: navajowhite;
    font-size: 1rem;
}
.noticewd button:hover {
    background: #ff6600;
    color: black;
}
@media screen and (min-width: 1600px) {
      .noticewd {
          font-size: 1.9em;
          padding: 17px 25px;
      }
  }
  .noticewd {
      width: 100%;
      color: #CC0000;
      font-size: 1rem;
      line-height: 160%;
      font-weight: bold;
      padding: 15px 20px;
      box-sizing: border-box;
      background: #fff7e5;
      margin: 20px auto 0 auto;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
  }
  /* ----- otherInfo ----- */
  .otherInfo {
      max-width: 100%;
      padding: 25px;
      background: #f4f4f4;
      box-sizing: border-box;
  }

  .otherInfo .tit {
      width: 100%;
      color: #000;
      font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
      font-size: 2.5em;
      font-weight: bold;
      padding-bottom: 20px;
      border-bottom: 2px dotted #999;
      margin-bottom: 20px;
  }

  .otherInfo .infoList+.tit,
  .otherInfo .pageWord+.tit {
      margin-top: 40px;
  }

  .otherInfo .tit span {
      position: relative;
      display: inline-block;
      padding-left: 40px;
  }

  .otherInfo .tit span:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 33px;
      height: 33px;
      margin-top: -16.5px;
      z-index: 1;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .otherInfo .tit span.ic1:before {
    background-image: url(images/otherInfo-icon1.svg);
  }

  .otherInfo .tit span.ic2:before {
      background-image:url(images/otherInfo-icon2.svg);
  }

  .otherInfo .tit span.ic3:before {
    background-image: url(images/otherInfo-icon3.svg);
  }

  .otherInfo .tit span.ic4:before {
    background-image: url(images/otherInfo-icon4.svg);
  }

  .otherInfo .infoList {
      padding-left: 5px;
  }

  @media screen and (min-width:991px) {
      .otherInfo {
          padding: 20px;
      }
  }

@media screen and (max-width: 440px) {
    .titHead h2{font-size: 1.6rem !important;padding-left: 10px;}
    .classification {padding-left: 10px;}
    .otherInfo .tit {font-size: 2rem!important;}
    .pageWord p {font-size: 1rem!important;}
  }

  @media screen and (min-width:1600px) {
      .otherInfo {
          padding: 30px;
      }

      .otherInfo .tit {
          font-size: 1.8rem;
      }

      .otherInfo .infoList+.tit,
      .otherInfo .pageWord+.tit {
          margin-top: 30px;
      }

      .otherInfo .tit span {
          padding-left: 45px;
      }

      .otherInfo .tit span:before {
          width: 35px;
          height: 35px;
          margin-top: -17.5px;
      }
  }


  /* ----- contactInfo ----- */
  .contactInfo {
      width: 100%;
      padding: 25px;
      background: #f2f2f2;
      box-sizing: border-box;
      margin: 20px auto 0 auto;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  @media screen and (min-width:991px) {
      .contactInfo {
          padding: 30px;
      }
  }

  @media screen and (min-width:1200px) {}

  @media screen and (min-width:1600px) {
      .contactInfo {
          padding: 40px;
      }
  }
  /* ----- infoList ----- */
  .infoList {
      width: 100%;
      font-size: 0.625rem;
      box-sizing: border-box;
      margin: 0 auto;
  }

  .infoList.location {
      padding-top: 15px;
      border-top: 2px solid #454b56;
      margin-top: 20px;
  }

  .infoList>ul {
      list-style: none;
      margin: -10px 0;
  }

  .infoList.location>ul {
      margin: -15px 0;
  }

  .infoList>ul>li {
      display: flex;
      width: 100%;
      font-size: 1.7em;
      line-height: 145%;
      word-break: break-word;
      padding: 10px 0;
  }

  .infoList.location>ul>li {
      padding: 15px 0;
  }

  .infoList.location>ul>li+li {
      border-top: 1px dashed #CCC;
  }

  .infoList>ul>li:has(> ol) {
      flex-wrap: wrap;
      padding-left: 20px;
  }

  .infoList>ul>li>strong {
      position: relative;
      min-width: 5em;
      font-weight: bold;
      padding: 0 0 0 30px;
  }

  .infoList>ul>li>strong i {
      font-style: normal;
  }

  .infoList>ul>li>strong .wd2 {
      letter-spacing: 2em;
  }

  .infoList>ul>li>strong .wd3 {
      letter-spacing: 0.5em;
  }

  .infoList>ul>li>strong:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 2px;
      width: 21px;
      height: 21px;
      background: #000;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
  }

  .infoList>ul>li>strong:after {
      position: absolute;
      content: "";
      display: block;
      position: absolute;
      left: 6px;
      top: 9px;
      width: 5px;
      height: 5px;
      border-top: 2px solid #FFF;
      border-right: 2px solid #FFF;
      z-index: 2;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .infoList>ul>li:has(> ol)>span {
      width: calc(100% - 5em -30px);
  }

  .infoList>ul>li>ul,
  .infoList>ul>li>ol {
      width: 100%;
      list-style: none;
  }

  .infoList>ul>li>ul>li,
  .infoList>ul>li>ol>li {
      margin-top: 15px;
  }

  .infoList>ul>li .mrt {
      display: inline-block;
      color: #FFF;
      padding: 2px 15px 2px 40px;
      background: #f57a00 url(images/icon/icon-mrt.svg) no-repeat 15px 50%;
      background-size: 19px auto;
      margin-right: 10px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
  }

  .infoList>ul>li .bus {
      display: inline-block;
      color: #FFF;
      padding: 2px 15px 2px 40px;
      background: #2993a3 url(images/icon/icon-bus.svg) no-repeat 15px 50%;
      background-size: 19px auto;
      margin-right: 10px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
  }

  .infoList .googlemap {
      width: 100%;
      height: 400px;
      margin-top: 20px;
  }

  @media screen and (max-width:460px) {
      .infoList .googlemap {
          height: 100vw;
      }
      .infoList>ul {
        padding-inline-start: 0;}
      .otherInfo {margin: 10px;}
  }

  @media screen and (min-width:991px) {

      .infoList>ul>li>ul,
      .infoList>ul>li>ol {
          margin-left: 25px;
      }

      .infoList .googlemap {
          height: 500px;
      }
  }

  @media screen and (min-width:1200px) {}

  @media screen and (min-width:1600px) {
      .infoList>ul>li {
          font-size: 1.9em;
      }

      .infoList>ul>li>strong {
          padding: 0 0 0 35px;
      }

      .infoList>ul>li>strong:before {
          top: 1px;
          width: 25px;
          height: 25px;
      }

      .infoList>ul>li>strong:after {
          left: 7.5px;
          top: 9.5px;
          width: 6px;
          height: 6px;
      }

      .infoList>ul>li:has(> ol)>span {
          width: calc(100% - 5em -35px);
      }

      .infoList>ul>li>ul,
      .infoList>ul>li>ol {
          margin-left: 30px;
      }

      .infoList .googlemap {
          margin-top: 30px;
      }
  }


  /* ----- pageWord ----- */
  .pageWord {
      position: relative;
      width: 100%;
      font-size: 1.3em;
      line-height: 185%;
      margin: 20px auto 0 auto;
  }

  .postInfo+.pageWord {
      margin-top: 10px;
  }

  .activityInfo+.pageWord {
      margin-top: 40px;
  }

  .pageWord img {
      max-width: 100%;
      height: auto;
  }

  .pageWord>ol,
  .pageWord>ul {
      margin: 1.5em 0 1.5em 1.5em;
  }

  .pageWord>ol>li,
  .pageWord>ul>li {
      margin: 10px 0;
  }

  .pageWord li ol,
  .pageWord li ul {
      margin: 10px 0;
      margin-left: 2em;
  }

  .pageWord li ol li,
  .pageWord li ul li {
      margin: 10px 0;
  }

  .pageWord table+p,
  .pageWord p+table,
  .pageWord p+p,
  .pageWord p+h3,
  .pageWord h3+p,
  .pageWord ul+p,
  .pageWord ol+p {
      margin: 1rem 0;
  }

  .pageWord figure+p:last-child,
  .pageWord .stit+p:last-child,
  .pageWord p+p:last-child,
  .pageWord ol+p:last-child,
  .pageWord ul+p:last-child {
      margin-bottom: 0;
  }

  .pageWord figure {
      width: 100%;
      text-align: center;
      margin: 0;
  }

  .pageWord figure:first-child {
      margin-top: 0;
  }

  .pageWord h3+figure:last-child,
  .pageWord .stit+figure:last-child,
  .pageWord p+figure:last-child {
      margin-bottom: 0;
  }

  .pageWord figure figcaption {
      color: #666666;
      font-size: 1rem;
      margin-top: 10px;
      line-height: 1.5;
  }

  .pageWord table {
      border: 1px solid #c2cad6;
      border-collapse: collapse;
      width: 100%;
  }

  .pageWord table caption {
      margin-bottom: 10px;
  }

  .pageWord table th {
      color: #FFF;
      text-align: center;
      vertical-align: middle;
      padding: 12px;
      border: 1px solid #c2cad6;
      border-collapse: collapse;
      background: #2e466b;
      box-sizing: border-box;
  }

  .pageWord table td {
      color: #000;
      padding: 12px;
      border: 1px solid #c2cad6;
      border-collapse: collapse;
      box-sizing: border-box;
  }
    

  @media screen and (max-width:990px) {
      .pageWord {
          line-height: 145%;
      }

      .pageWord table td {
          overflow-wrap: anywhere;
      }
  }

  .pageWord table td ul,
  .pageWord table td ol {
      margin-left: 1em;
  }

  .pageWord .stit {
      position: relative;
      color: #5B8208;
      font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 30px;
      padding-left: 35px;
  }

  .pageWord .stit:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 1px;
      width: 30px;
      height: 30px;
      z-index: 1;
      background: #5B8208;
      box-sizing: border-box;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
  }

  .pageWord .stit:after {
      content: "";
      display: block;
      position: absolute;
      left: 13px;
      top: 11px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 7px;
      border-color: transparent transparent transparent #FFFFFF;
      z-index: 2;
  }

  .pageWord table td:nth-child(1){
      width: 5%;
      text-align: center;
      overflow-x: visible;
      overflow-wrap: normal;
  }

  .pageWord table td:nth-child(2){
      width: 42%;
  }

  .pageWord table td a[href] {
      font-size: 1rem;
      display: inline-block;
  }

  @media screen and (min-width:991px) {}

  @media screen and (min-width:1200px) {}

  @media screen and (min-width:1600px) {
      .pageWord {
          font-size: 1.3rem;
          margin-top: 30px;
      }

      .postInfo+.pageWord {
          margin-top: 20px;
      }

      .activityInfo+.pageWord {
          margin-top: 50px;
      }

      .pageWord table th {
          padding: 15px;
      }

      .pageWord table td {
          padding: 15px;
      }

      .pageWord .stit {
          font-size: 1.6rem;
          line-height: 35px;
          padding-left: 40px;
      }
  }
  /* ----- pageSubTit ----- */
  .pageSubTit {
      width: 100%;
      font-size: 0.625rem;
      margin: 0 auto;
  }

  p+.pageSubTit,
  div+.pageSubTit,
  table+.pageSubTit,
  form+.pageSubTit {
      margin-top: 30px;
  }

  .titHead+.pageSubTit {
      margin-top: 20px;
  }

  .pageSubTit .tit {
      position: relative;
      color: #1f3865;
      font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
      font-size: 3.1em;
      font-weight: bold;
      line-height: 135%;
      padding-left: 33px;
  }

  .pageSubTit .tit:before {
      content: "";
      display: block;
      position: absolute;
      top: 17px;
      left: 10px;
      width: 11px;
      height: 11px;
      background: #01216d;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
  }

  .pageSubTit .tit>span {
      text-transform: uppercase;
      background: linear-gradient(145deg, #01216d 0%, #006bac 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
  }

  .pageSubTit p {
      font-size: 1.7em;
      line-height: 135%;
      margin-top: 15px;
      margin-left: 33px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }

  @media screen and (min-width:991px) {

      p+.pageSubTit,
      div+.pageSubTit,
      table+.pageSubTit,
      form+.pageSubTit {
          margin-top: 40px;
      }
  }

  @media screen and (min-width:1200px) {}

  @media screen and (min-width:1600px) {

      p+.pageSubTit,
      div+.pageSubTit,
      table+.pageSubTit,
      form+.pageSubTit {
          margin-top: 50px;
      }

      .titHead+.pageSubTit {
          margin-top: 30px;
      }

      .pageSubTit .tit {
          font-size: 3.5em;
          padding-left: 39px;
      }

      .pageSubTit .tit:before {
          top: 19px;
          left: 12px;
          width: 12px;
          height: 12px;
      }

      .pageSubTit p {
          font-size: 1.9em;
          margin-left: 39px;
      }
  }

  @media screen and (min-width:1920px) {

      p+.pageSubTit,
      div+.pageSubTit,
      table+.pageSubTit,
      form+.pageSubTit {
          margin-top: 60px;
      }

      .pageSubTit .tit {
          font-size: 2rem;
          padding-left: 45px;
      }

      .pageSubTit .tit:before {
          top: 21px;
          left: 14px;
          width: 13px;
          height: 13px;
      }

      .pageSubTit p {
          margin-left: 45px;
      }
  }

  #pageBack a.btn-back {
      width: 220px;
      font-size: 1rem;
      line-height: 15px;
      color: #ffffff;
      padding: 15px;
      margin: 10px;
      background: #1b2539;
      position: relative;
      border-radius: 10px;
  }
  #pageBack a.btn-back:hover {
      background: #C73F00;
  }
  #page {text-align: center;}
  @media screen and (min-width: 1920px) {
      .titHead h2 {
          font-size: 4.7em;
      }
  }

  @media screen and (min-width: 1200px) {
      .titHead h2 {
          font-size: 3rem;
      }
  }

  @media screen and (min-width: 991px) {
      .titHead h2 {
          font-size: 2.5rem;
      }
  }

  .titHead h2 {
      display: inline-block;
      width: 100%;
    color: #005bbb;
      font-size: 3rem;
      line-height: 125%;
      font-weight: bold;
      text-align: left;
      letter-spacing: 0;
    margin: 0;
  }
  @media screen and (min-width: 991px) {
      .postInfo {
          max-width: 1500px;
      }
  }

  .postInfo {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      border-top: 3px solid #454b56;
      margin: 20px auto 0 auto;
  }
  .postInfo>ul {
      width: 100%;
      text-align: left;
      list-style: none;
      letter-spacing: -9px;
      margin: 0 -10px;
    padding-inline-start: 0;
  }

  .postInfo>ul>li {
      display: inline-block;
      font-size: 1rem;
      line-height: 21px;
      letter-spacing: 0;
      vertical-align: top;
      box-sizing: border-box;
      padding: 5px 10px;
  }
  .postInfo>ul>li span.pf2:before {
      background-image: url(images/icon-view.svg);
  }
  .postInfo>ul>li span.pf1:before {
      background-image: url(images/icon-date.svg);
  }
  .postInfo>ul>li>span:before {
      content: "";
      display: inline-block;
      position: relative;
      left: 0;
      top: 50%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 15px;
      height: 15px;
      box-sizing: border-box;
      margin-top: -10.5px;
    margin-right: 5px;
  }
  .postInfo>ul>li>span {
      position: relative;
      display: inline-block;
      font-weight: bold;
      padding-left: 25px;
  }

  .mainList tr:nth-child(odd){
      background: rgba(181, 224, 255, 0.9);
  }