@charset "UTF-8";

.gls_key_box {
  margin: 56px -15px; }

.gls_key_label {
  padding: 5px 12px;
  margin: 10px 16px 10px 0;
  display: inline-block;
  font-size: 18px;
  position: relative;
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  width: 110px;
  text-align: center;
  top: 0; }
  .gls_key_label:hover {
    text-decoration: none; }
  .gls_key_label span::before {
    content: "#";
    font-weight: bold;
    margin-right: 2px; }
  .gls_key_label div {
    display: inline-block; }

.gls_key_label.LatestAM {
  color: #d24663;
  border: solid 1px #d24663;
}
.gls_key_label.LatestAM:hover {
  background-color: #d24663;
  color: white;
}
.gls_key_label-focus.LatestAM {
  background-color: #d24663;
  color: white;
}
.gls_key_label.HightlightAM {
  color: #fdb813;
  border: solid 1px #fdb813;
}
.gls_key_label.HightlightAM:hover {
  background-color: #fdb813;
  color: white;
}
.gls_key_label-focus.HightlightAM {
  background-color: #fdb813;
  color: white;
}
.gls_key_label.SystemAM {
  color: #3c9cd7;
  border: solid 1px #3c9cd7;
}
.gls_key_label.SystemAM:hover {
  background-color: #3c9cd7;
  color: white;
}
.gls_key_label-focus.SystemAM {
  background-color: #3c9cd7;
  color: white;
}
.gls_key_label.ActivityAM {
  color: #8a8acb;
  border: solid 1px #8a8acb;
}
.gls_key_label.ActivityAM:hover {
  background-color: #8a8acb;
  color: white;
}
.gls_key_label-focus.ActivityAM {
  background-color: #8a8acb;
  color: white;
}
.gls_key_label.NewsAM {
  color: #f9886c;
  border: solid 1px #f9886c;
}
.gls_key_label.NewsAM:hover {
  background-color: #f9886c;
  color: white;
}
.gls_key_label-focus.NewsAM {
  background-color: #f9886c;
  color: white;
}
.gls_key_label.CSAM {
  color: #41afa5;
  border: solid 1px #41afa5;
}
.gls_key_label.CSAM:hover {
  background-color: #41afa5;
  color: white;
}
.gls_key_label-focus.CSAM {
  background-color: #41afa5;
  color: white;
}

/*訊息公告*/
.nspg_list {
  margin: 0px 0 20px 0;
  padding: 0;
  list-style: none; }
.nspg_list li:hover {
background: #f8f8f8;
text-decoration: none; }
.nspg_list li:after {
content: "";
border-bottom: solid 1px #d8d6d6;
display: block; }
.nspg_list li:last-of-type:after {
content: ""; }
.nspg_list li a {
padding: 12px 0;
text-decoration: none;
align-items: center;
color: #343a40;
justify-content: flex-start;
display: flex; }
.nspg_list li a span {
  margin-right: 40px;
  font-size: 16px;
  color: white;
  line-height: 25px;
  width: 60px;
  height: 25px;
  text-align: center;
  display: inline-block; }
.nspg_list li a span.HightlightAM {
    background: #fdb813;
}
.nspg_list li a span.SystemAM {
    background: #3c9cd7;
}
.nspg_list li a span.ActivityAM {
    background: #8a8acb;
}
.nspg_list li a span.NewsAM {
    background: #f9886c;
}
.nspg_list li a span.CSAM {
    background: #41afa5;
}

.nspg_list_txt {
  color: #4b4b4b;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 890px;
  /**/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url("ellipsis.xml#ellipsis"); }
.nspg_list_txt:hover {
color: #d24663;
text-decoration: none; }

.nspg_time {
  width: 122px;
  font-size: 16px;
  color: #9f9f9f;
  display: inline-block; }

.ns_lbox_all {
  margin: 20px 0; }
.ns_lbox_all ul {
margin: 0;
padding: 0;
list-style: none; }
.announcement_mobile_box {
    display: flex;
    width: 90%;
}
.genre_mobile_block {
    display: none;
}
@media screen and (max-width: 769px) {
    .announcement_mobile_box {
        flex-direction: column;
        justify-content: flex-start;
        width: 70%;
    }
    .nspg_list li a {
        align-items: flex-start;
        padding: 8px 0;
    }
    .nspg_list li a span {
        margin-right: 24px;
    }
    .genre_mobile_block {
      position: relative;
      right: -10px;
      display: flex;
      width: 100%;
      justify-content: flex-end;
      margin: 9px 0 34px 0;
    }
    .genreDD {
      display: flex;
      justify-content: flex-end;
      padding: 0;
    }
    .genreDD li a {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.31;
      color: #d24663;
      background-color: white;
    }
    .genreDD li div a.dropdown-item {
      padding: 6px 0 !important;
    }
    .genreDD li.nav-item {
      display: flex;
      justify-content: flex-end;
    }
    .genreDD li .dropdown-menu {
      left: auto;
      right: 0 !important;
      z-index: 50;
    }
}
