@charset "UTF-8";
/* 引入基礎組件 */
/* Basic style */
body {
  padding: 0;
  margin: 0;
  font-family: "Microsoft JhengHei", Arial;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  background-color: #fff;
  font-size: 100%;
  color: #000;
  word-break: break-word;
  -webkit-text-size-adjust: 100%;
}

* {
  padding: 0;
  margin: 0;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

p,
ul,
ol {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 16px;
}

h1 {
  font-size: 2.25rem;
}

:focus-visible {
  outline: #EEC552 dotted 5px !important;
}

.sr-only-focusable:active,
.sr-only-focusable:focus-visible {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  z-index: 10;
}

li > p:first-child {
  margin-top: 13px;
}

br {
  content: "";
  margin: 5px;
  display: block;
  font-size: 1.125rem;
}

img {
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.mobile,
.mobile2 {
  display: none !important;
}

.wrapper {
  overflow: hidden;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
}

/* Basic style */
/* header style */
header,
.subnav {
  height: 80px;
}

header {
  background: #fff;
}

.navwrap {
  padding: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  max-width: 1600px;
  position: relative;
  background: transparent;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1000;
}

.navbar-header {
  display: none;
}

.navbar-toggle {
  background: #fff;
  color: #fff;
  border: none;
  width: 60px;
  height: 70px;
  padding: 15px;
  position: relative;
  background: transparent;
  margin-top: 20px;
  cursor: pointer;
}

.logo_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 86px;
  -webkit-transform: translateY(32px);
      -ms-transform: translateY(32px);
          transform: translateY(32px);
}

.logo {
  margin-top: 0;
  text-indent: -9999999px;
  position: relative;
  -webkit-transition: all 0 linear;
  transition: all 0 linear;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 278px;
  height: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.subnav {
  line-height: normal;
  z-index: 1000;
  position: relative;
  -ms-flex-preferred-size: calc(100% - 278px);
      flex-basis: calc(100% - 278px);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shart_top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  height: 32px;
}

.subnav ul.navli {
  margin-bottom: 0;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  list-style: none;
}

.navli li {
  margin: 0 24px 0 0;
  position: relative;
}

.navli li:last-child {
  margin-right: 35px;
}

.subnav ul,
.subnav ul li {
  float: left;
  list-style: none;
}

.navli li:first-child {
  margin: 0 5px 0 0;
}

.fontchange .share_icon li {
  margin-right: 8px;
}

.fontchange .share_icon li:last-child {
  margin-right: 0;
}

.fontchange ul.share_icon {
  margin-right: 0;
}

.navli li a {
  color: #666666;
  height: auto;
  margin-top: 0;
  font-size: 100%;
}

.navli li:first-child a {
  position: relative;
}

.fontchange {
  overflow: visible;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}

.fontchange ul {
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.fontchange ul:first-child,
.fontchange ul:nth-child(2) {
  margin-top: 0;
  margin-bottom: 0;
}

.fontchange li {
  padding: 10px 0 10px;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  line-height: 0;
  background-size: 32px 32px !important;
  height: 32px;
  width: 32px;
  margin: 0;
}

.fontchange li sup {
  position: absolute;
  left: 19px;
  font-size: 0.95rem;
  top: 10px;
}

.fontchange > ul:not(.share_icon) li:first-child {
  white-space: nowrap;
  width: auto;
  cursor: auto;
  padding-top: 10px;
  margin-left: 0;
  margin-right: 11px;
  font-weight: 400;
}

.fontchange li:nth-child(2) {
  background-position: 1px;
  text-align: center;
}

.fontchange li.ative,
.fontchange li:hover {
  background: url(../img/moenv/bg_circle1.svg);
  color: #fff;
}

.fontchange li.ative:nth-child(2),
.fontchange li:hover:nth-child(2),
.fontchange li.ative:nth-child(3),
.fontchange li:hover:nth-child(3),
.fontchange li.ative:nth-child(4),
.fontchange li:hover:nth-child(4) {
  background-position: center;
  text-align: center;
}

.fontchange li:nth-child(3):not(.share_icon li) {
  margin: 0 10px;
}

.fontchange .share_icon > li:hover,
.fontchange li:first-child:hover {
  background: none;
  color: #000;
}

.search_wrap input[type=text] {
  border: 1px #fff solid;
  width: 100%;
  height: 36px;
  background: #F4F6F7;
  border-radius: 8px 0px 0px 8px;
  color: #000;
  font-size: 100%;
  padding-left: 10px;
  margin-left: 10px;
}
.search_wrap input[type=text]:focus-visible {
  outline-offset: -4px;
}

.share_icon a:hover,
.navli a:hover,
.outsideBanner img:hover,
input.search-button:hover,
input.SearchBtn:hover {
  opacity: 0.7;
  text-decoration: none;
}

.search_wrap {
  display: none;
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: 75px;
  padding: 10px;
  width: 725px;
  text-align: right;
  background: #ececec;
  z-index: 2;
}

.search_wrap label {
  display: none;
}

.search_wrap input.btn {
  border: none;
  width: 45px;
  height: 35px;
  margin: 0 10px 0 0;
  background: url(../img/icon/search2.svg) no-repeat center/48%;
  text-indent: -999999px;
  vertical-align: middle;
  background-color: var(--c-pry1);
  cursor: pointer;
  margin-left: 0px;
  border-radius: 0 5px 5px 0;
}

.search-button {
  color: #fff !important;
  background-color: var(--c-pry1);
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
  font-size: 0.875rem;
  vertical-align: bottom;
  cursor: pointer;
  border: 0;
}

span.hot_words {
  display: none;
}

.hot_words {
  color: #000;
  font-size: 100%;
}

.hot_words span {
  white-space: nowrap;
  font-weight: 400;
}

.share_icon img {
  width: 32px;
  height: 32px;
  margin: 0;
}

/* header style END */
/* header new search */
.searchSwitch {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  margin-left: 745px;
  width: 55px;
  height: 60px;
  background: url(../img/icon/search2.svg) 50% 50% no-repeat;
  background-size: 30px auto;
  -webkit-transition: none;
  transition: none;
}
.searchSwitch.on {
  background-image: url(../img/icon/search_over.svg);
  background-position: 50% 60%;
}
.searchSwitch.on + .search_wrap {
  display: block !important;
}
.searchSwitch.on + .search_wrap div[role=search] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* header new search NavFixed style */
.searchSwitchFixed {
  position: fixed;
  top: 0;
}
.searchSwitchFixed + .search_wrap {
  position: fixed;
  top: 60px;
  left: 50%;
  margin-left: 75px;
}

/* nav style */
.img {
  width: 100%;
  border: 0;
  display: block;
  margin: auto;
}

.navbar {
  position: relative;
  background: var(--c-pry1);
}

.navbar-collapse {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobileshow,
.mobileshow2 {
  display: none;
}

.mobileshow2 {
  display: none;
}

.nav,
.nav ol {
  margin-bottom: 0;
  list-style: none;
}

nav.navbar.bootsnav .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  align-items: center;
  width: 85%;
  height: 60px;
  max-width: 1600px;
  padding-left: 290px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.dropdown,
.dropup {
  position: relative;
}

.nav > li {
  position: relative;
  width: 100%;
}

.dropdown .dropdown-toggle,
.nav.topnav > li > a {
  display: block;
  position: relative;
  color: #024a5a;
  padding: 12px;
  text-align: center;
}

nav.navbar.bootsnav ul.nav > li > a {
  color: #fff;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 165px;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar-nav > li {
  height: 100%;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-nav > li > a > span {
  position: relative;
  z-index: 2;
}

.navbar-nav > li > a:hover {
  background: transparent;
  text-decoration: none;
}

.navbar-nav > li > a:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #40C4C6;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  -webkit-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border-radius: 0;
  padding: 0;
  font-size: 100%;
  padding: 0;
  width: 100%;
  background: #fff;
  border: solid 1px #e0e0e0;
  border-top: solid 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border: none;
  background: #fff;
  padding: 10px 0;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

nav.navbar.bootsnav a {
  outline-offset: -4px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
  padding: 8px 20px;
  text-align: left;
  color: #000;
  font-size: 1.125rem;
  line-height: 150%;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a.dropdown-toggle {
  padding-right: 32px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
  border-bottom: none;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:focus-visible,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
  color: #000 !important;
  background: #40C4C6;
  text-decoration: none;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
  top: 0;
  margin-top: 0;
  left: 100%;
}

nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li) .dropdown-menu {
  display: none !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 330px;
  max-height: 440px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li) .dropdown-menu {
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li) .dropdown-menu li {
  max-width: 165px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li) .dropdown-menu li {
    max-width: none;
  }
}
@media (max-width: 1400px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li) .dropdown-menu {
    left: auto;
    right: 100%;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 330px;
  max-height: 440px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
    display: block !important;
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu li {
  max-width: 165px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu li {
    max-width: none;
  }
}
@media (max-width: 1400px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
    left: auto;
    right: 100%;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li) .dropdown-menu {
  display: none !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 495px;
  max-height: 440px;
  left: unset;
  right: 100%;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li) .dropdown-menu {
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li) .dropdown-menu li {
  max-width: 165px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li) .dropdown-menu li {
    max-width: none;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li).on .dropdown-menu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 495px;
  max-height: 440px;
  left: unset;
  right: 100%;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li).on .dropdown-menu {
    display: block !important;
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li).on .dropdown-menu li {
  max-width: 165px;
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li + li + li + li + li).on .dropdown-menu li {
    max-width: none;
  }
}
@media (max-height: 940px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).dropdown-menu {
    display: none !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 330px;
    max-height: 440px;
  }
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).dropdown-menu {
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
@media (max-height: 940px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).dropdown-menu li {
    max-width: 165px;
  }
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).dropdown-menu li {
    max-width: none;
  }
}
@media (max-width: 1400px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).dropdown-menu {
    left: auto;
    right: 100%;
  }
}
@media (max-height: 940px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 330px;
    max-height: 440px;
  }
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
    display: block !important;
    width: 100%;
    max-height: none;
    right: auto !important;
  }
}
@media (max-height: 940px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu li {
    max-width: 165px;
  }
}
@media (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu li {
    max-width: none;
  }
}
@media (max-width: 1400px) {
  nav.navbar.bootsnav ul.nav .dropdown-menu li:has(li + li + li + li + li + li + li).on .dropdown-menu {
    left: auto;
    right: 100%;
  }
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  background: #fff;
  padding: 10px 0;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
  content: "";
  border: 2px solid #000;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  border-top: none;
  border-left: none;
  right: 20px;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

nav.navbar.bootsnav li.dropdown a.dropdown-toggle:hover {
  color: #000;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:hover:before {
  border-color: #fff !important;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:hover:after {
  border: 2px solid #000;
  display: inline-block;
  border-top: none;
  border-left: none;
}

.dropdown > .dropdown-menu > li {
  margin: 0;
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 100%;
}

.dropdown-menu > li > a {
  display: block;
  padding: 8px 33px 8px 33px;
  text-align: left;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #000;
  font-size: 1.125rem;
  outline-offset: -4px;
  white-space: normal;
}

.share_icon2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 24px 16px;
}

.share_icon2 a {
  width: 25%;
  padding: 0;
  margin: 8px 16px;
}

.navli2,
.share_icon2 {
  display: none;
}

/* nav style END */
/* NavFixed style */
.NavFixed {
  position: fixed;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  width: 100%;
  z-index: 152;
}

/* NavFixed style END */
/* footer style */
.text-hidden {
  pointer-events: none;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  overflow: hidden;
}

footer {
  background: #f4f4f4 url(../img/bg_footer.svg) no-repeat bottom/contain;
  padding-bottom: 50px;
}
footer :focus-visible {
  outline: #E85600 dotted 5px !important;
}

.btn_footer2 {
  position: relative;
  cursor: auto;
  padding-top: 40px;
  text-align: center;
  background: none;
}

.ftSwitch {
  font-size: 1.125em;
  padding: 8px 14px 10PX;
  border-radius: 20px;
  border: 1px solid #000;
  cursor: pointer;
  line-height: 1;
}
.ftSwitch:hover, .ftSwitch:focus-visible {
  color: #fff !important;
  background-color: #000;
}

.footerAll {
  padding: 0;
  width: 85%;
  max-width: 1600px;
  margin: auto;
  overflow: hidden;
}

.footerAll ul {
  display: block;
  list-style: none;
  line-height: 180%;
}

.footerAll ul:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin: 0 -2%;
}

.footerAll > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 16.66%;
          flex: 0 1 16.66%;
  padding: 0 2%;
  margin-top: 32px;
}

.footerAll > ul > li > ul {
  font-size: 105%;
  margin-bottom: 0;
}

.footerAll > ul > li > ul > li {
  margin: 0;
}

.footerAll > ul > li > a,
.footerAll > ul > li > span {
  display: block;
  font-size: 125%;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.footerAll a:focus-visible,
.footerAll a:hover {
  color: var(--c-pry1);
}

.footerAll a:focus-visible {
  outline-offset: -3px;
}

.siteItem ul a,
footer a {
  color: #000;
  position: relative;
}

.footerAll > ul > li > a {
  display: inline-block;
  font-weight: 600;
  font-size: 125%;
  width: 100%;
  margin-bottom: 7px;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #000;
}
.footerAll > ul > li > a:hover {
  border-bottom: 1px solid #000;
}

.siteItem a + ul a {
  font-weight: 500;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.3;
  padding: 0.2em 0;
}

.copyright {
  background: var(--c-pry1);
}
.copyright :focus-visible {
  outline: #FFC29E dotted 5px !important;
}

.copyright_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  max-width: 1600px;
  margin: auto;
  padding: 23px 0 27px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.copyright .ftI {
  color: #fff;
  margin: 3px 0;
}
.copyright .ftI .item {
  display: inline-block;
}
.copyright .ftI .item .footer_menu {
  margin-left: 6px;
}
.copyright .ftI:nth-of-type(1) .footer_menu {
  margin-bottom: -3px;
}

.ftinline {
  display: inline;
  vertical-align: baseline;
  margin-left: 8px;
}

.mapBtn {
  display: inline-block;
  border-radius: 5px;
  padding: 0 4px;
  margin: 5px;
  color: var(--c-pry1);
  background: #fff;
}

.A11yBtn img {
  vertical-align: middle;
  height: 45px;
  width: 128px;
}

.footer_menu a {
  border: #fff solid 1px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  margin-top: 6px;
  margin-bottom: 6px;
}
.footer_menu a:hover, .footer_menu a:focus-visible {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.footer_menu a:not(:nth-last-of-type(1)) {
  margin-right: 10px;
}

.detection {
  padding-top: 9px;
}

/* footer style END */
/* link style */
a {
  color: var(--c-pry1);
  text-decoration: none;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: inline-block;
  position: relative;
  word-break: break-word;
}
a:has(.ci-filetype) {
  color: #000 !important;
  border: none !important;
  overflow: initial !important;
}
a:has(.ci-filetype):hover {
  color: #000 !important;
  border: none !important;
}
a:has(.ci-filetype):after {
  display: none !important;
}

a:active,
a:focus-visible,
a:hover {
  color: var(--c-pry1);
}

a:focus-visible .ci-filetype,
a:hover .ci-filetype {
  color: #fff;
  text-decoration: none;
  background: var(--c-pry1);
}

.logo2:focus-visible,
.logo2:hover,
a:not(.cd-accordion-menu a, .cd-accordion-menu label, .blue_btn2, .btn_back, .footerAll a, .nav > li > a, .navli2 a, .blue_btn3, .Gradient_btn, .sitemap .box > a, .main_point > li > a, a.hot_words, .marquee a, .words a, .accordion a):focus-visible,
a:not(.cd-accordion-menu a, .cd-accordion-menu label, .blue_btn2, .btn_back, .footerAll a, .nav > li > a, .navli2 a, .blue_btn3, .Gradient_btn, .sitemap .box > a, .main_point > li > a, a.hot_words, .marquee a, .words a, .accordion a):hover {
  color: var(--c-pry1);
}

a.hot_words,
.words a {
  color: var(--c-pry1);
  overflow: hidden;
  display: inline;
  height: auto;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

.linkBar a {
  color: #000;
}

a.hot_words:hover,
a.hot_words:focus-visible,
.words a:hover,
.words a:focus-visible,
.linkBar a:hover,
.linkBar a:focus-visible {
  border-bottom: 1px solid var(--c-pry1);
}

.list_group li a:focus-visible,
.list_group li a:hover,
.list_group2 li a:focus-visible,
.list_group2 li a:hover {
  color: var(--c-pry1) !important;
  border-bottom: 0;
}

.linkBar {
  text-align: right;
  font-size: 0.7rem;
  font-weight: 400;
}

.linkBar .copyMsg {
  display: none;
  position: absolute;
  top: -3em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: var(--md-white-1);
  word-break: keep-all;
  white-space: nowrap;
  padding: 0.4375em 0.75em 0.5625em 0.75em;
  border-radius: 6px;
  color: #fff;
  background-color: #3e4346;
  z-index: 2;
}

.accordion .linkBar {
  min-height: 1.9em;
  padding-top: 1rem;
}

.accordion-item .linkBar .bi-link:before {
  line-height: 0.7;
  vertical-align: 0;
}

.accordion ul:only-child {
  margin-bottom: 0;
}

.accordion ul:only-child li:last-child {
  padding-bottom: 0;
}

.link_file,
.link_related {
  list-style: none;
}

.list_boxs .link_file li,
.list_boxs .link_related li {
  padding-bottom: 0;
}

.list_boxs .link_file + p,
.link_file + p {
  padding-top: 16px;
}

.link_related a:after,
.words a:after {
  content: "\f470";
  display: inline;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.2em;
  font-size: 1.4em;
  margin-left: 6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.words .list_group2 a:after,
.words .list_group a:after,
.words .Gradient_btn:after,
.words .accordion a:after,
.words .grid a:after,
.words .sitemap a:after,
.top_btn_main a:after,
.Word_flex_img a:after,
.words a.border_btn:after,
.words .group_list a:after {
  display: none;
}

.border_btn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding: 3px 10px;
  margin: 6px 4px;
  -webkit-transform: translate(-4px, 0);
      -ms-transform: translate(-4px, 0);
          transform: translate(-4px, 0);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid #444 !important;
  color: #444 !important;
  font-size: 1rem;
}

.link_related a:after {
  margin-left: 10px !important;
  vertical-align: -0.285em;
}

#accesskey_c,
.L,
.u,
.z {
  color: transparent !important;
  position: absolute;
  z-index: 1000;
  outline: none !important;
  min-width: 24px;
  min-height: 24px;
  text-align: center;
}

#accesskey_c:focus-visible,
.L:focus-visible,
.u:focus-visible,
.z:focus-visible {
  color: #535456 !important;
}

/* link style */
/* Btn style */
.btn {
  margin: 2px 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8.21px 18px;
  gap: 10px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  font-size: 1.125rem;
  line-height: 1.2;
  border-radius: 0.25rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Gradient_btn {
  color: #313149;
  padding: 5px;
  border-radius: 16px;
  position: relative;
  z-index: 0;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  font-size: 1.125rem;
  border-bottom: 0 !important;
  margin-left: -6px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.Gradient_btn > svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  fill: transparent;
}

.Gradient_btn:hover > svg,
a:hover .Gradient_btn > svg,
a:focus-visible .Gradient_btn > svg,
.Gradient_btn:focus-visible > svg {
  fill: url("#Gradient");
}

.hide_svg {
  height: 0;
  width: 0;
}

.main .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 9.5px;
  height: auto;
  width: unset;
  background: var(--c-pry1);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}

.list_group2 .content,
.link_file .content {
  padding: 0 9.5px;
}

.content span {
  line-height: 4px;
  margin-left: 4px;
}

.Gradient_btn:focus-visible .content,
.Gradient_btn:hover .content,
a:hover .Gradient_btn .content,
a:focus-visible .Gradient_btn .content {
  color: #fff;
  text-decoration: none;
}

.Gradient_btn.download {
  margin: 0 10px;
}

.gotop {
  width: 60px;
  height: 60px;
  position: fixed;
  z-index: 98;
  background: url(../img/icon/goTop.svg) no-repeat center;
  background-size: contain;
  -webkit-box-shadow: none;
          box-shadow: none;
  right: 28px;
  bottom: 250px;
}

[data-list*=（] ~ p:first-child,
li > span + p,
li > ul:first-child {
  margin-top: 16px;
}

/* 英文版 */
html:lang(en) .fontchange li,
html:lang(en) .footerAll > ul > li > a {
  font-weight: 700;
}
html:lang(en) .footerAll > ul > li > a {
  padding-bottom: 0.5em;
}
html:lang(en) .siteItem a + ul a {
  padding: 0.25em 0;
  line-height: 1.4;
}
html:lang(en) .footerAll > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
html:lang(en) .ftSwitch {
  padding: 5px 14px 5px 14px;
}
html:lang(en) .copyright_main {
  padding: 13px 0 15px 0;
}
html:lang(en) .copyright .ftI {
  margin: 13px 0;
}
html:lang(en) .detection {
  padding-top: 20px;
}

@media screen and (max-width: 1882.3529px) {
  .searchSwitch,
  .search_wrap {
    left: initial;
    right: 7.5%;
    margin-left: 0;
  }
  /* NavFixed style */
  .searchSwitchFixed {
    position: fixed;
    top: 0;
    right: 7.5%;
    left: inherit;
    margin-left: 0;
  }
  .searchSwitchFixed + .search_wrap {
    position: fixed;
    right: 7.5%;
    left: inherit;
    margin-left: 0;
  }
}
@media screen and (max-width: 1500px) {
  .footerAll > ul > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}
@media (max-width: 1400px) {
  /* header style */
  .logo_main {
    height: 64px;
    -webkit-transform: translateY(44px);
        -ms-transform: translateY(44px);
            transform: translateY(44px);
  }
  .logo {
    width: 220px;
  }
  nav.navbar.bootsnav .nav {
    padding-left: 230px;
  }
  nav.navbar.bootsnav ul.nav > li > a {
    font-size: 1.1875rem;
    letter-spacing: -0.5px;
  }
  .searchSwitch,
  .search_wrap {
    right: 25px;
  }
  /* NavFixed style */
  .searchSwitchFixed {
    right: 25px;
  }
  .searchSwitchFixed + .search_wrap {
    right: 25px;
  }
  /* container */
  .footerAll,
  .copyright_main,
  .navwrap,
  nav.navbar.bootsnav .nav {
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
  }
  /* container END*/
}
@media screen and (min-width: 1025px) {
  .navbar-toggle {
    display: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    position: relative;
  }
  .navbar-nav > li.last_btn {
    margin-right: 55px;
  }
  .navbar-nav > li.last_btn > ul > li > ul {
    right: 100%;
    left: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  /* header style */
  .navbar-nav > li {
    max-width: 200px;
  }
}
@media screen and (min-width: 1520px) {
  html:lang(en) .navbar-nav > li {
    max-width: 230px;
  }
}
@media (max-width: 1200px) {
  /* nav style */
  /* head */
  .navli li {
    margin-right: 15px;
  }
  .navli li:last-child {
    margin-right: 23px;
  }
  /* footer */
  .footerAll > ul > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
@media screen and (max-width: 1024px) {
  /* base style */
  body {
    padding-top: 92px;
  }
  body:has(.hintBar) {
    margin-top: 58.5px;
  }
  body:has(.hintBar.off) {
    padding-top: 92px;
    margin-top: 0;
  }
  /* header style */
  .logoMobile {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  .side-right #sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 200vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 150;
    will-change: opacity;
  }
  header,
  .subnav,
  .navwrap {
    height: 92px;
  }
  header,
  .hintBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 151;
  }
  .hintBar + div header {
    top: 58.5px;
  }
  .hintBar.off + div header {
    top: 0;
  }
  header,
  .navwrap {
    margin: 0 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navwrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1000;
    background: #fff;
  }
  .navbar-header {
    float: left;
    display: block;
    text-align: center;
    margin-top: 0px;
  }
  .navbar-toggle {
    background: transparent;
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 15px 25px;
  }
  .navbar-toggle .hamburger-icon,
  .navbar-toggle .hamburger-icon:after,
  .navbar-toggle .hamburger-icon:before {
    position: relative;
    display: block;
    width: 30px;
    height: 4px;
    color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #000;
  }
  .navbar-toggle .hamburger-icon:after,
  .navbar-toggle .hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: " ";
  }
  .hamburger-icon {
    width: 20px !important;
    text-indent: -10000000000000000px;
    -webkit-transition: none !important;
    transition: none !important;
  }
  .navbar-toggle .hamburger-icon:after {
    top: 10px;
    width: 10px;
  }
  .side-right .retiree .hamburger-icon:after {
    width: 30px;
  }
  .side-right .hamburger-icon,
  .side-right .retiree .hamburger-icon {
    background-color: transparent !important;
  }
  .side-right .hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }
  .side-right .hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    width: 30px;
  }
  body.side-right {
    overflow: hidden;
  }
  .logo_main {
    margin: 0 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding-right: 60px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .logo {
    width: 318px;
    background-position: 50% 50%;
    background-image: url(../img/logo_moenv-m.svg) !important;
  }
  .subnav.have_EN {
    display: block;
    right: 25px;
    margin-right: 0;
    position: absolute;
    width: 35px;
  }
  .fontchange ul:first-child,
  .fontlevel,
  .have_EN .navli,
  .subnav.have_EN .search_wrap,
  .main_words,
  .mobile_hide,
  .navli li,
  .share_icon li,
  .share_near {
    display: none;
  }
  .have_EN .fontchange ul:nth-child(2) {
    margin-top: 37px;
  }
  .add_m_menu nav.navbar.bootsnav,
  .share_icon li:last-child {
    display: block;
    padding: 0;
  }
  /* header style END*/
  /*nav style */
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
    display: none;
  }
  nav.navbar.bootsnav .navbar-collapse {
    margin-bottom: 0;
  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    position: fixed;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block;
    background: var(--c-pry1);
    z-index: 9999999;
    width: 400px;
    height: calc(100% - 92px);
    left: -400px;
    top: 92px;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .hintBar + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 150.5px);
    top: 150.5px;
  }
  .hintBar.off + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 92px);
    top: 92px;
  }
  nav.navbar.bootsnav .navbar-collapse.collapse {
    display: none;
  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
    left: 0;
    display: block;
  }
  .new_style.add_m_menu #navbar-menu {
    background: var(--c-pry1);
  }
  .mobileshow,
  .mobileshow2 {
    display: block;
    float: none;
  }
  .Search2 input[type=text],
  .Search .Search_main,
  .Search input[type=text] {
    width: 100%;
  }
  .Search,
  .Search .Search_box,
  .Search .Search_box2 {
    width: 100%;
    background: #fff;
  }
  .search_wrap input[type=text] {
    border: 1px #eee solid;
    background: rgba(238, 238, 238, 0.85);
    height: 43px;
    margin-left: 0;
    border-radius: 0;
    padding: 12px 32px 11px 32px;
  }
  .search_wrap input.btn {
    height: 43px;
    border-radius: 0;
    margin: 0;
  }
  .pcbox .mobile2,
  .search-button,
  .Search i {
    display: none !important;
  }
  .searchSwitch {
    display: none !important;
  }
  .searchSwitch + .search_wrap {
    display: none !important;
  }
  .searchSwitch.on {
    display: none !important;
  }
  .searchSwitch.on + .search_wrap {
    display: none !important;
  }
  .search_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: initial;
    right: initial;
    width: 100%;
    padding: 0;
  }
  nav.navbar.bootsnav {
    border-bottom: 0;
    z-index: 1000;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav {
    width: 100%;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    display: block;
    max-width: none;
  }
  nav.navbar.bootsnav .navbar-nav > li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  nav.navbar.bootsnav ul.nav > li > a {
    font-size: 1.125rem;
    padding: 11px 60px 11px 32px;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.4;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
    width: 100%;
    position: relative;
    float: none;
    border: none;
    margin: 0 0 -1px;
    -webkit-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border-radius: 0 0 0;
    background: #fff;
    padding: 10px 0;
    left: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .dropdown > .dropdown-menu > li {
    float: none;
  }
  .dropdown-menu a,
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #231815;
    font-weight: 400;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
    padding-left: 49px;
    padding-right: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu ul.dropdown-menu > li > a {
    padding-left: 65px;
    padding-right: 60px;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu ul ul.dropdown-menu > li > a {
    padding-left: 81px;
    padding-right: 63px;
  }
  .share_icon2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .share_icon2 a {
    max-width: 60px;
  }
  .navli2 {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 24px;
  }
  .navli2 li {
    list-style: none;
    text-align: center;
    padding: 8px;
    min-width: 33.33%;
    display: inline-block;
  }
  .navli2 li a {
    display: inline-block;
    font-size: 90%;
    width: 100%;
    white-space: nowrap;
    padding: 10px;
    color: #fff;
    border: 1px solid #fff;
  }
  nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after {
    content: "";
    border: 2px solid #fff;
    display: inline-block;
    width: 7.89px;
    height: 7.89px;
    margin: auto;
    position: absolute;
    border-top: none;
    border-left: none;
    right: 32px;
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  nav.navbar.bootsnav li.dropdown.on li.dropdown a.dropdown-toggle:after,
  nav.navbar.bootsnav li.dropdown.on li.dropdown.on li.dropdown a.dropdown-toggle:after {
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    -webkit-transform: translate(-3px, -1px) rotate(45deg);
    -ms-transform: translate(-3px, -1px) rotate(45deg);
    transform: translate(-3px, -1px) rotate(45deg);
  }
  nav.navbar.bootsnav li.dropdown.on li.dropdown a.dropdown-toggle:hover:after,
  nav.navbar.bootsnav li.dropdown.on li.dropdown.on li.dropdown a.dropdown-toggle:hover:after {
    border-color: #000;
  }
  nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:after,
  nav.navbar.bootsnav li.dropdown.on li.dropdown.on a.dropdown-toggle:after,
  nav.navbar.bootsnav li.dropdown.on li.dropdown.on li.dropdown.on a.dropdown-toggle:after {
    content: " ";
    -webkit-transform: translate(-3px, 0) rotate(225deg);
    -ms-transform: translate(-3px, 0) rotate(225deg);
    transform: translate(-3px, 0) rotate(225deg);
  }
  /* nav style END */
  /* footer style */
  #btn_img,
  aside .mobile_menu,
  footer {
    display: none;
  }
  .copyright_main {
    display: block;
    width: 95%;
    padding: 20px 0 28px 0;
  }
  .detection {
    padding-top: 16px;
  }
  .mapBtn {
    margin: 5px 0;
  }
  /* Btn style */
  .gotop {
    bottom: 95px;
  }
  /* Btn style end*/
  /* 英文版 */
  html:lang(en) nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
    font-size: 1rem;
  }
  html:lang(en) nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
    padding-top: 9.5px;
    padding-bottom: 9.5px;
  }
  html:lang(en) .copyright_main {
    padding: 11px 0 28px 0;
  }
  html:lang(en) .copyright .ftI:nth-of-type(1) {
    margin-bottom: 13px;
  }
  html:lang(en) .detection {
    padding-top: 7px;
  }
}
/* nav style */
/* nav style END */
@media screen and (max-width: 700px) {
  /* base */
  body {
    padding-top: 58px;
  }
  body {
    padding-top: 58px;
  }
  body:has(.hintBar) {
    margin-top: 58.5px;
  }
  body:has(.hintBar.off) {
    padding-top: 58px;
    margin-top: 0;
  }
  /* header style */
  header,
  .navwrap,
  .subnav {
    height: 58px;
    top: 0;
  }
  .logo_main {
    height: 38px;
    padding-right: 64px;
  }
  .logo {
    width: 210px;
  }
  .navbar-toggle,
  .side-right .navbar-toggle {
    margin-top: 5px;
  }
  .navbar-toggle {
    height: 50px;
    width: 60px;
  }
  .shart_top {
    margin-top: 13px;
  }
  .have_EN .fontchange ul:nth-child(2) {
    margin-top: 2px;
  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 58px);
    top: 58px;
  }
  .hintBar + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 116.5px);
    top: 116.5px;
  }
  .hintBar.off + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 58px);
    top: 58px;
  }
  /* header style end*/
  /* footer style */
  .copyright_main {
    padding: 20px 15px 29px 15px;
    width: 100%;
  }
  .copyright .ftI:nth-of-type(1) {
    margin-bottom: 13px;
  }
  /* footer style END */
  /* 英文版 */
  html:lang(en) .copyright_main {
    padding: 13px 15px 29px 15px;
  }
}
@media screen and (max-width: 550px) {
  body:has(.hintBar) {
    padding-top: 0;
    margin-top: 100px;
  }
  body:has(.hintBar.off) {
    padding-top: 58px;
    margin-top: 0;
  }
  .hintBar + div header {
    top: 41.5px;
  }
  .hintBar.off + div header {
    top: 0;
  }
  .hintBar + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 99.5px);
    top: 99.5px;
  }
  .hintBar.off + div header + nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    height: calc(100% - 58px);
    top: 58px;
  }
  /* header style*/
  .navbar-toggle {
    padding: 0 0 0 15px;
  }
  .subnav.have_EN {
    right: 15px;
  }
  /* header style end*/
  /* nav */
  .search_wrap input[type=text] {
    padding-left: 15px;
    padding-right: 15px;
  }
  nav.navbar.bootsnav ul.nav > li > a {
    padding-left: 15px;
    padding-right: 43px;
  }
  nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after {
    right: 15px;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
    padding-left: 33px;
    padding-right: 43px;
  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu ul.dropdown-menu > li > a {
    padding-left: 49px;
    padding-right: 43px;
  }
  /* Btn style */
  .gotop {
    width: 40px;
    height: 40px;
    bottom: 19px;
  }
  /* footer */
  .itemDot {
    display: none;
  }
  .copyright .ftI .item {
    display: block;
    line-height: 1.7;
  }
  .copyright .ftI .item a {
    line-height: 1.5;
  }
  .copyright .ftI:nth-of-type(1) {
    margin-bottom: 10px;
  }
  .copyright .ftI:nth-last-of-type(1) .item:nth-of-type(1) {
    margin-bottom: 13px;
  }
  /* 英文版 */
  html:lang(en) .copyright .ftI {
    margin: 10px 0;
  }
  html:lang(en) .copyright .ftI .item:nth-of-type(1) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 450px) {
  /*nav style */
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    width: 260px;
    left: -260px;
  }
  .navli2 li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .share_icon2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    width: 155px;
    margin: 25px auto;
  }
  .share_icon2 a {
    width: 50%;
    padding: 0;
    margin: 8px 8px;
  }
  /*nav style END*/
}
/* 列印樣式 */
@media print {
  header {
    height: auto;
  }
  .navwrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navbar-header {
    display: none;
  }
  .logo_main {
    display: block;
    margin: 0;
    height: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .logo {
    width: auto;
    text-indent: 0;
    padding: 20px 0;
    text-align: center;
    background: none !important;
  }
}
:root {
  --c-black:#000;
  --c-white:#fff;
  --c-gray1:#333;
  --c-gray2:#444;
  --c-gray3:#999;
  --c-gray4:#B3B3B3;
  --c-gray5:#CBCBCB;
  --c-gray6:#F4F6F7;
  --c-pry1:#007A96;
  --c-pry2:#EDF7F3;
  --c-pry3:#1264A3;
  --c-pry4:invert(33%) sepia(59%) saturate(1177%) hue-rotate(137deg) brightness(97%) contrast(97%);
  --c-red1:#E74C3C;
}

:root {
  --gap-idx1: 60px;
  --font1: "Microsoft JhengHei", Arial;
  --fw-regu: 400;
  --fw-bold: 500;
  --fw-bolder: 700;
}

/* unit change */
/* a11y focus style fixed */
#linkGotoContent {
  margin: 5px;
}

#accesskey_c:focus-visible,
.L:focus-visible,
.u:focus-visible,
.z:focus-visible {
  outline: #EEC552 dotted 5px !important;
  text-shadow: 1px 1px 1px #fff;
}

#accesskey_c:focus-visible,
.z:focus-visible,
.L:focus-visible {
  scroll-margin-top: 10em;
}

.z:focus-visible:focus-visible {
  margin-left: 8px;
}

/* Basic style */
input,
select {
  font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, "sans-serif";
  font-weight: 400;
  line-height: 1.5;
}

/* common element */
.ci-pushpin {
  display: inline-block;
  vertical-align: middle;
  font-size: inherit;
  margin-right: 0.3em;
}
.ci-pushpin:before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 1em;
  margin-top: -0.18em;
  background-image: url(../img/moenv/icon_pushpin.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* filetype */
.ci-filetype {
  display: inline-block;
  color: var(--c-pry1);
  text-align: center;
  font-style: normal;
  font-size: 0.9rem;
  padding: 0.497em 0.529em 0.317em;
  margin: -0.35em 0 -0.1em 0.4em;
  line-height: 1.5;
  vertical-align: middle;
  border-radius: 1rem;
  font-weight: 400;
  border: 1px solid var(--c-pry1);
}
.ci-filetype::before, .ci-filetype::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.ci-filetype::before {
  margin-bottom: calc(-0.4375em + 0px);
}
.ci-filetype::after {
  margin-top: calc(-0.3125em + 0px);
}

.fs-1 {
  font-size: 115%;
}

body.fullH {
  overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10000;
  display: none;
}

.ad-content {
  position: relative;
  max-width: 80%;
  max-height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ad-content img {
  width: 100%;
}
.ad-content picture {
  max-width: 100%;
  position: relative;
}
.ad-content:has(iframe) {
  width: 100%;
}
.ad-content iframe {
  aspect-ratio: 1.8;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.ad-content video {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.ad-content:has(svg) {
  max-width: none;
}
.ad-content svg {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  width: 100%;
  height: auto;
}
.ad-content .close-btn {
  position: fixed;
  top: 0;
  right: 0;
  padding: 25px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
}
.ad-content .close-btn:hover .ci-close,
.ad-content .close-btn:focus-visible .ci-close {
  background-color: rgba(255, 255, 255, 0.3);
}
.ad-content .close-btn .ci-close {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  top: auto;
  left: auto;
  margin: auto;
  background: none;
}
.ad-content .ci-close:after,
.ad-content .ci-close:before {
  position: absolute;
  content: "";
  height: 50%;
  top: 44%;
  left: calc(50% - 2px);
  border-left: 4px solid #fff;
  border-radius: 3px;
}
.ad-content .ci-close:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ad-content .ci-close:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ad-content #lottie {
  width: 50vw;
  height: 50vh;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .ad-content #lottie {
    width: auto;
    height: auto;
  }
}
.ad-content #lottie svg {
  position: static;
}

.banner {
  text-align: center;
}
.banner img {
  max-width: 100%;
  height: auto;
}

.platforms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.platforms strong {
  font-size: 1.25rem;
  color: var(--c-pry1);
}
.platforms a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #333;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.platforms a[aria-label] {
  aria-label: "點擊前往${platform}收聽";
}
.platforms a:hover {
  color: #0d7f3c;
  border-bottom: 1px solid transparent;
}
.platforms a img {
  width: 35px;
  height: 35px;
  margin-right: 0.625rem;
}

.note {
  text-align: center;
  margin-top: 1.5rem;
}
.note a {
  color: #0077cc;
  text-decoration: none;
}
.note a[aria-label] {
  aria-label: "訂閱環境直達車Podcast電子報";
}

.grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-top: 2rem;
}
@media (min-width: 600px) {
  .grid-container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .grid-container {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.card {
  background: white;
  border-radius: 12px;
  border: 1px solid #AACED5;
  border-bottom: 1px solid #AACED5 !important;
  padding: 24px 24px 8px 24px;
  text-decoration: none;
  color: inherit;
  -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-animation: fadeIn 0.5s ease both;
          animation: fadeIn 0.5s ease both;
  -webkit-box-shadow: 6px 6px 0px #AACED5;
          box-shadow: 6px 6px 0px #AACED5;
}
.card:hover {
  border-bottom: 0 !important;
  border: 1px solid #007A96 !important;
  -webkit-box-shadow: 6px 6px 0px #007A96;
          box-shadow: 6px 6px 0px #007A96;
}
.card:hover .arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
  background-image: url("../img/icon/arrow_hover.svg");
}

a.card::after,
.platforms a::after,
.note a::after {
  display: none !important;
}

.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.card-title {
  font-weight: bold;
  color: var(--c-pry1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 1.25rem;
}

.card-description {
  font-size: 1rem;
  line-height: 1.5;
  color: #444;
}

.arrow {
  display: inline-block;
  width: 28px;
  height: 26px;
  background-image: url("../img/icon/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.2rem;
  color: var(--c-pry1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

svg.icon {
  width: 20px;
  height: 20px;
  fill: var(--c-pry1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.arrow-icon {
  -webkit-transition: fill-opacity 0.3s ease;
  transition: fill-opacity 0.3s ease;
}
a:hover .arrow-icon path {
  fill-opacity: 1;
}

/* bootstrap Icon */
@font-face {
  font-display: swap;
  font-family: "bootstrap-icons";
  src: url("../../vendor/webfonts/bootstrap-icons.woff2") format("woff2"), url("../../vendor/webfonts/bootstrap-icons.woff") format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-box-arrow-up-right::before {
  content: "\f1c5";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-link-45deg::before {
  content: "\f470";
}

.bi-link::before {
  content: "\f471";
}

.bi-tag::before {
  content: "\f5b0";
}

.bi-twitter::before {
  content: "\f5ef";
}

.bi-youtube::before {
  content: "\f62b";
}

.bi-line::before {
  content: "\f660";
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-chevron-up::before {
  content: "\f077";
}

.fa-link::before {
  content: "\f0c1";
}

.fa-location-dot::before {
  content: "\f3c5";
}

.fa-rss::before {
  content: "\f09e";
}

:root,
:host {
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands" ;
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../vendor/webfonts/fa-brands-400.woff2") format("woff2"), url("../../vendor/webfonts/fa-brands-400.ttf") format("truetype");
}
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-facebook-f:before {
  content: "\f39e";
}

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free" ;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../vendor/webfonts/fa-solid-900.woff2") format("woff2"), url("../../vendor/webfonts/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* bootstrap Icon */
/* bootstrap use */
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-link::before {
  content: "\f471";
}

/* bootstrap use */
/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; 
* Licensed under MIT (https://github.com/dimsemenov/Magnific-Popup/blob/master/LICENSE)
*/
.mfp-bg {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1042;
  overflow: hidden;
  position: fixed !important;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1043;
  position: fixed !important;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 1.4rem;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close {
  font-size: 2.7em;
  width: 90px;
  height: 100px;
  line-height: 100px;
  text-shadow: 0 0 5px #000;
  opacity: 0.8;
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 1.25rem;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}

.mfp-arrow:after,
.mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small,
.mfp-figure .small {
  color: #bdbdbd;
  display: block;
  font-size: 0.6rem;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 1.4em;
  padding-right: 65px;
  color: #f3f3f3;
  word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.mfp-zoom-out-cur {
  overflow: hidden;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small,
  .mfp-img-mobile .mfp-figure .small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
            transform-origin: 100%;
  }
}
@media screen and (min-width: 768px) {
  .mfp-container {
    padding: 0 100px;
  }
  .mfp-arrow-left:before {
    margin-left: 25px;
  }
  .mfp-arrow-left:after {
    margin-left: 31px;
  }
  .mfp-arrow:after,
  .mfp-arrow:before {
    margin-top: 35px;
  }
  .mfp-arrow-right:before,
  .mfp-arrow-right:after {
    left: 0;
    right: inherit;
  }
  .mfp-arrow-right:before {
    margin-left: 35px;
  }
  .mfp-arrow-right:after {
    margin-left: 39px;
  }
}
@media screen and (max-width: 767.9px) {
  .mfp-close {
    position: fixed !important;
    width: calc(16% + 0.4em);
  }
  .mfp-bg {
    height: 100vh !important;
  }
  .mfp-bg,
  .mfp-wrap {
    position: fixed !important;
  }
  .mfp-wrap {
    top: 0 !important;
  }
  .mfp-container {
    overflow-y: auto;
    padding: 0 12%;
  }
}
/*!
*Magnific Popup end
*/
/*!
*moenv_main
*/
/* 基礎樣式設定 */
/* 標題元素基本樣式 */
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h2,
h3,
h4,
h5,
h6,
h7 {
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  margin: 16px 0;
  display: block;
}

/* h2 標題樣式 */
.h2,
h2 {
  color: var(--c-pry1);
  /* 主色系藍色 */
  font-size: 1.75em;
  font-weight: 700;
  position: relative;
  z-index: 1;
}

/* h3 標題樣式 */
.h3,
h3 {
  font-size: 1.5em !important;
}

/* h4 標題樣式 */
.h4,
h4 {
  font-size: 1.375em !important;
}

/* h4 內的 span 元素樣式 */
.h4 span,
h4 span {
  border: solid 2px var(--c-pry1);
  padding: 5px 10px;
  color: var(--c-pry1);
}

/* h5 標題樣式 */
.h5,
h5 {
  font-size: 1.25em !important;
}

/* h6 標題樣式 */
.h6,
h6 {
  font-size: 1.125em !important;
  margin: 25px 0;
}

/* 藍色粗體文字樣式 */
.green_b {
  font-weight: 700;
  color: var(--c-pry1);
}

/* 圖片說明文字樣式 */
figcaption {
  text-indent: 0;
  padding: 16px 0 0;
  font-weight: 600;
  line-height: 150%;
}

/* 圖片間距設定 */
.words .img_L2 {
  margin: 32px auto;
}

.words .list .img_L2 {
  margin: 32px auto;
}

/* 文字置中 */
.text-center {
  text-align: center;
}

/* 文字內容區塊樣式 */
.words_content {
  overflow: hidden;
  padding: 3px;
}

/* 圖片基本樣式 */
.img,
.img_L,
.img_L2 {
  width: 100%;
  border: 0;
  display: block;
  margin: auto;
}

/* 左對齊圖片 */
.img_L {
  width: 70%;
  margin-left: 0;
}

/* 置中圖片 */
.img_L2 {
  width: 70%;
  margin: auto;
}

/* PC 版顯示設定 */
.pc,
.pc2 {
  display: block !important;
}

/* 主色系文字 */
.color1 {
  color: #008484;
}

/* 主要容器溢出設定 */
.main .wrapper {
  overflow: visible;
}

/* 按鈕樣式 */
.page_box .btn3 {
  background: #757575;
  color: #fff;
}

/* 按鈕懸停效果 */
.page_box .btn3:hover {
  background: var(--c-pry1);
}

.page_box .btn {
  margin: 0;
}

/* 內容容器樣式 */
.content-wrap {
  padding: 0;
  width: 85%;
  margin: auto auto 5rem auto;
  max-width: 1600px;
  position: relative;
}

/* 清除浮動 */
.control {
  clear: both;
}

/* 主要內容區塊樣式 */
.content-wrap .container {
  background: #fff;
  width: 75%;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0;
  position: relative;
}

/* 無側邊欄時的容器樣式 */
.noaside .container {
  width: 100%;
  min-height: auto;
}

/* 頂部控制區域樣式 */
.top_control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 30px;
}

/* 清除浮動後的樣式 */
.control:after,
section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* 側邊欄樣式設定 */
.content-wrap aside {
  width: 25%;
  position: relative;
}

/* 側邊欄和容器的浮動設定 */
.content-wrap .control .container,
.content-wrap .control aside {
  float: left;
}

/* 無側邊欄時隱藏側邊欄 */
.noaside aside {
  display: none;
}

/* 手風琴選單基本樣式 */
.cd-accordion-menu {
  width: 90%;
  max-width: 600px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* 手風琴選單列表項目樣式 */
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none;
}

/* 添加間距的列表項目 */
.add_space li {
  margin: 0;
}

/* 手風琴選單複選框樣式 */
.cd-accordion-menu input[type=checkbox] {
  position: absolute;
  width: 90%;
  max-width: 600px;
  height: 60px;
  opacity: 0;
}

/* 複選框聚焦時的樣式 */
.cd-accordion-menu input[type=checkbox]:focus-visible {
  opacity: 0;
  outline: none !important;
}

/* 複選框聚焦時標籤的樣式 */
.cd-accordion-menu input[type=checkbox]:focus-visible + label {
  outline: #EEC552 dotted 5px !important;
  z-index: 10;
}

/* 手風琴選單連結和標籤的基本樣式 */
.cd-accordion-menu a,
.cd-accordion-menu label {
  position: relative;
  display: block;
  padding: 9px 30px 7px 59px;
  line-height: 1.5;
  background: var(--c-pry1);
  -webkit-box-shadow: inset 0 -1px var(--c-pry1);
          box-shadow: inset 0 -1px var(--c-pry1);
  color: #231815;
  font-size: 1.6rem;
}

/* 手風琴選單連結和標籤的字體大小調整 */
.cd-accordion-menu a,
.cd-accordion-menu label {
  font-size: 1.125rem;
  padding-right: 25px;
}

/* 手風琴選單主層級的樣式 */
.cd-accordion-menu a:not(.cd-accordion-menu ul a),
.cd-accordion-menu label:not(.cd-accordion-menu ul label, .cd-accordion-menu.left_menu2 label) {
  color: #fff;
  -webkit-box-shadow: inset 0 -1px #fff;
          box-shadow: inset 0 -1px #fff;
  background: var(--c-pry1);
}

/* 手風琴選單標籤前的圖示樣式 */
.cd-accordion-menu label:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 49%;
  line-height: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 次級選單標籤圖示位置 */
.cd-accordion-menu ul label:before {
  top: 49%;
}

/* 三級選單標籤圖示位置 */
.cd-accordion-menu ul ul label:before {
  top: 46.5%;
}

/* 次級選單連結內距 */
.cd-accordion-menu li ul a {
  padding: 8px 30px 8px 59px;
}

/* 含子選單的標籤內距 */
.cd-accordion-menu ul .has-children label {
  padding-left: 59px;
}

/* 三級選單含子選單的標籤和連結內距 */
.cd-accordion-menu ul .has-children ul .has-children a,
.cd-accordion-menu ul .has-children ul .has-children label {
  padding-left: 117px;
}

/* 次級選單標籤圖示位置 */
.cd-accordion-menu ul label:before {
  left: 30px;
}

/* 三級選單標籤圖示位置 */
.cd-accordion-menu ul ul label:before {
  left: 88px;
}

/* 標籤游標樣式 */
.cd-accordion-menu label {
  cursor: pointer;
}

/* 標籤展開/收合圖示 */
.cd-accordion-menu label:before {
  left: 30px;
  background-position: 0 0;
  background-image: url(../img/icon/Webp/plus3_hover.webp);
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

/* 滑鼠懸停時的展開圖示 */
.cd-accordion-menu input[type=checkbox]:hover + label:before {
  background-image: url(../img/icon/Webp/plus3.webp) !important;
  background-repeat: no-repeat;
}

/* 選中狀態的收合圖示 */
.cd-accordion-menu input[type=checkbox]:checked + label:before,
.cd-accordion-menu input[type=checkbox]:checked:hover + label:before,
.cd-accordion-menu ul input[type=checkbox]:checked + label:before {
  background-image: url(../img/icon/Webp/minus3.webp) !important;
}

/* 標籤內的圖片樣式 */
.cd-accordion-menu label img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/* 選中狀態的左側選單樣式 */
.cd-accordion-menu.left_menu2 input[type=checkbox]:checked + label:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  top: 40%;
}

/* 清除列表樣式 */
.cd-accordion-menu * > * {
  list-style: none;
}

/* 手風琴選單子選單基本樣式 */
.cd-accordion-menu ul {
  display: none;
  margin: 0;
  padding: 10px 0;
  background: #fff;
}

/* 選中狀態顯示子選單 */
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  display: block;
}

/* 子選單連結和標籤樣式 */
.cd-accordion-menu ul a,
.cd-accordion-menu ul label {
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-bottom: 1px solid transparent;
  padding-left: 50px;
  text-decoration: none;
}

/* 子選單標籤文字顏色 */
.cd-accordion-menu ul label {
  color: #000;
}

/* 最後一個項目移除陰影 */
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li > ul > li:last-of-type a,
.cd-accordion-menu > li > ul > li:last-of-type label {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 二級選單內距 */
.cd-accordion-menu ul ul a,
.cd-accordion-menu ul ul label {
  padding-left: 76px;
}

/* 三級選單內距 */
.cd-accordion-menu ul ul ul a,
.cd-accordion-menu ul ul ul label {
  padding-left: 110px;
}

.cd-accordion-menu ul ul ul label:before {
  left: 72px;
}

.control2 .cd-accordion-menu.left_menu4 {
  margin-bottom: 16px;
  border: 2px solid #19a3a3;
  margin-left: 0;
  max-width: inherit;
  width: calc(100% - 20px);
}

.cd-accordion-menu.left_menu2 label {
  padding: 10px 16px;
  padding-left: 10px;
}

.cd-accordion-menu.left_menu2 label:before,
.last_more a:after {
  display: none;
}

.cd-accordion-menu.left_menu2 label:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: transparent transparent #fff;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  right: 16px;
  top: 42%;
}

.cd-accordion-menu.left_menu2 ul {
  padding: 0;
}

.cd-accordion-menu.left_menu2 ul a {
  padding: 11px 15px 9px;
  background: none;
  line-height: 1.5;
  font-size: 1.125em;
  color: #000;
}
.cd-accordion-menu.left_menu2 ul a .menu_title b {
  font-weight: 500;
}

.cd-accordion-menu.left_menu2 ul li {
  background: #fff;
}

.cd-accordion-menu.left_menu2 ul li.last_more a {
  float: right;
  padding: 6.5px 10px 4.5px;
  margin: 10px 20px;
  border-radius: 20px;
  color: #fff;
  background: #757575;
}
.cd-accordion-menu.left_menu2 ul li.last_more a:hover {
  color: #fff;
  background: var(--c-pry1);
}

.left_menu2 ul li:nth-of-type(odd) {
  background: #F7F8F8;
}

.left_menu2 li a,
.left_menu a {
  display: block;
  font-size: 120%;
  padding: 20px;
  background: #fff;
  border-bottom: dotted 2px #19a3a3;
}

.left_menu2 ul li:last-child a {
  border-bottom: 0;
}

.cd-accordion-menu.left_menu2 .menu_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cd-accordion-menu.left_menu2 .menu_title .date2 {
  padding-left: 15px;
}

.menu_title b,
.menu_title font,
.menu_title p {
  margin-bottom: auto;
  width: 100%;
}

.cd-accordion-menu.left_menu2 {
  border: 2px solid #19a3a3;
  margin-bottom: 20px;
}

.date2 {
  white-space: nowrap;
}

.last_more {
  overflow: hidden;
}

/* breadcrumb */
.top_bread {
  margin: 0;
  position: relative;
  z-index: 1;
}

.breadcrumb {
  width: 85%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 12px 0 11px;
}

.breadcrumb > li {
  display: inline;
}

.breadcrumb > li + li:before {
  padding: 0;
  content: ">";
  display: inline;
  vertical-align: 1px;
  margin: 0 5px;
}

.breadcrumb > li:first-child:before {
  content: "";
  background: url(../img/icon/Webp/home.webp) no-repeat;
  display: inline-block;
  width: 19px;
  height: 16px;
  background-size: contain;
  vertical-align: -1px;
  margin-right: 13px;
}

.breadcrumb a {
  color: #000;
  display: inline;
}

.breadcrumb > li:last-child > a {
  font-weight: 600;
}

/* form style */
.top_control:has(> .top_bar_group) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.top_bar_group.V2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}

.top_bar_group.V2.left {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.date_group,
.serach_group,
.submit_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

.top_bar_group .date_group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 390px;
          flex: 0 0 390px;
  border: 0;
  padding-block: 0;
  padding-inline: 0;
}

.top_bar_group .serach_group {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}

.top_bar_group .submit_group {
  -webkit-box-flex: 10;
      -ms-flex: 10 1 auto;
          flex: 10 1 auto;
}

.flex0 {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 !important;
          flex: 0 !important;
}

.form-control2,
.form-control3,
.form-control4 {
  -webkit-appearance: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 16px 8px 16px;
  gap: 10px;
  height: 40px;
  font-size: 1rem;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #C9CACA;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

select.form-control2,
select.form-control3,
select.form-control4 {
  padding: 0 29px 0 16px;
  border-radius: 5px;
}

/* firefox hack */
@-moz-document url-prefix() {
  .form-control2,
  .form-control3,
  .form-control4 {
    padding: 5px 16px 8px 16px;
  }
  select.form-control2,
  select.form-control3,
  select.form-control4 {
    padding: 4px 29px 8px 16px;
  }
  .link_file .content,
  .list_group2 .content {
    padding: 0 9.5px inherit;
  }
}
/* firefox hack */
.top_bar_group select {
  border-radius: 10px;
}

.top_bar_group.V2 div div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
}

.top_bar_group .page_box {
  margin: 0px;
}

select:focus,
input[type=text]:focus {
  outline: #EEC552 dotted 5px;
}

.select {
  display: inline-block;
  width: 100%;
}

.select select {
  -webkit-appearance: none;
  background: url(../img/icon/Webp/icon_arw1.webp) #fff no-repeat right 16px top 50%;
}

.select select option {
  color: #223254;
}

.select select option[value=""][disabled] {
  display: none;
}

.page_box {
  position: relative;
  text-align: center;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -16px;
  padding-top: 58px;
}

.top_bar_group .page_box {
  padding-top: 0;
}

.otherinfo + #ctl12_pnlPage .page_box {
  margin: 32px 0 0px;
}

.page_box .select {
  width: 75px;
  margin: 16px 16px 0 16px;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

.page_box div:last-child {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 16px 0 0 5px;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

.page_box .select svg {
  position: absolute;
  right: 16px;
  top: calc(50% - 2px);
  width: 10px;
  height: 6px;
}

/* accordion style*/
.accordion {
  margin-top: 0;
  margin-bottom: 32px;
}

.top_bar_group + .accordion {
  margin-top: 22px;
}

.words + .accordion {
  margin-top: 48px;
}

.panel {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 8px;
}

.words a.accordion_color,
.panel:target a.accordion_color {
  color: #fff;
  background-color: var(--c-pry1);
  width: 100%;
  position: relative;
  border-radius: 10px 10px 0 0;
  padding: 17px 16px;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0;
}

.panel:target .collapse a {
  outline: none;
}

a.accordion_color.collapsed,
.panel:target .accordion_color.collapsed {
  color: #000;
  background-color: #F4F6F7;
  border-radius: 10px;
  padding-right: 16px;
}

a.accordion_color .accordion_plus {
  margin-left: 16px;
}

.collapse,
.collapsing .panel-body {
  display: none;
}

.collapse.in,
.collapsing.in .panel-body,
.panel:target .collapse {
  display: block;
}

.panel:target .collapse[aria-expanded=false] {
  display: none;
}

.accordion_plus {
  position: relative;
  width: 18px;
  height: 18px;
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.accordion_color.collapsed .accordion_plus:after,
.accordion_color.collapsed .accordion_plus:before,
.accordion_plus:after,
.accordion_plus:before,
.panel:target .accordion_color.collapsed .accordion_plus:after,
.panel:target .accordion_color.collapsed .accordion_plus:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  height: 1px;
  background-color: #000000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

.accordion_plus:after {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.accordion_color .accordion_plus,
.panel:target a.accordion_color .accordion_plus {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.accordion_color.collapsed .accordion_plus,
.panel:target .accordion_color.collapsed .accordion_plus {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

a.accordion_color:focus-visible,
a.accordion_color:hover {
  color: #fff;
  background-color: var(--c-pry1);
  border-bottom: 0;
}

.accordion_color.collapsed .accordion_plus:after,
.accordion_color.collapsed .accordion_plus:before,
.accordion_plus:after,
.accordion_plus:before,
.panel:target .accordion_color.collapsed .accordion_plus:after,
.panel:target .accordion_color.collapsed .accordion_plus:before {
  background-color: #000;
}

.accordion_color:hover .accordion_plus:after,
.accordion_color:hover .accordion_plus:before,
.accordion_color:focus-visible .accordion_plus:after,
.accordion_color:focus-visible .accordion_plus:before,
.accordion_color .accordion_plus:after,
.accordion_color .accordion_plus:before,
.panel:target a.accordion_color .accordion_plus:after,
.panel:target a.accordion_color .accordion_plus:before {
  background-color: #fff;
  height: 1px;
}

.panel-body {
  padding: 32px;
  border: 1px solid #ccc;
  margin-bottom: 8px;
  border-radius: 0px 0px 10px 10px;
}

/* list style */
.words ol,
.words ul {
  padding-left: 2.2em;
}

.list_boxs {
  line-height: 1.6;
  font-size: 1.125rem;
  word-break: break-word;
  margin-bottom: 16px;
}

.list_boxs ul:last-child,
.list_boxs ul.list > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.list_group2,
.list_group {
  margin-bottom: 32px;
  line-height: 180%;
}

.list_group.main_people {
  margin-bottom: 0px;
}

.list_boxs ol,
.list_box ul {
  padding-bottom: 0.8em;
  margin-bottom: 0;
  padding-left: 1.6em;
}

.list_boxs li {
  padding-bottom: 0.55em;
}

.list_boxs .list {
  list-style: none;
  text-indent: -2em;
  padding-left: 2.6em;
}

.list_boxs ul.list > li {
  padding-bottom: 0.6em;
}

.list_boxs ul.list > li strong {
  display: inline-block;
  text-indent: -2em;
  margin-right: -2em;
  padding-left: 1.8em;
  font-size: 1.11em;
  color: #000;
}

.list_boxs li ul:nth-last-of-type(1) {
  padding-bottom: 0;
}

.list_boxs ul.list ul {
  list-style: none;
  text-indent: -3em;
  padding-left: 2.7em;
  padding-top: 0.4em;
}

li[data-list*=""] > P:first-child {
  margin-top: 15px;
}

.words .list_group,
.words .list_group2 {
  list-style: none;
  padding-left: 0 !important;
  clear: both;
}

.list_group2 li,
.words .list_group2 li {
  padding: 10.5px 16px !important;
}

.list_group li,
.words .list_group li {
  padding: 16px 16px 15px !important;
}

.list_group2 li,
.list_group li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

.list_group2 li:nth-of-type(odd),
.list_group li:nth-of-type(odd) {
  background: #F4F6F7;
}
.list_group2 li:nth-of-type(odd) :focus-visible,
.list_group li:nth-of-type(odd) :focus-visible {
  outline: #E85600 dotted 5px !important;
}

.list_group.main_people li:nth-of-type(odd) {
  background: #fff;
}

.list_group.main_people li {
  padding: 0 0 16px !important;
  line-height: 1.5;
}

.list_group.main_people li:last-child {
  padding: 0;
}

.list_group2 li a,
.list_group li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 1.5;
  color: #000 !important;
  border-bottom: 0;
}

.list_group2 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-weight: 500;
  border-bottom: 0 !important;
}

.list_group2 li a > *,
.list_group li a > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list_group2 li a .date {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  line-height: 2;
  margin-right: 2rem;
}

.list_group2 li a .title {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  width: 100%;
  margin-top: 4px;
  display: inline-block;
}

.list_group li .Gradient_btn,
.list_group2 li .Gradient_btn {
  margin-top: -8px;
  margin-bottom: -8px;
}

.list_group2 li a .department {
  font-style: normal;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add_icon {
  margin-bottom: 16px;
  margin-left: 25px;
  position: relative;
  padding-left: 26px;
}
.add_icon:before {
  position: absolute;
  top: 0;
  left: 0;
}

.add_icon2:before,
.add_icon:before,
.list_group li:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  margin: 7px 16px 0 0;
  border-color: transparent transparent transparent var(--c-pry1);
}

.list_group .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0;
  text-overflow: unset;
  white-space: normal;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: inline-block;
}

.list_group .title + .date {
  margin-left: 16px;
  white-space: nowrap;
}

.listnone2 li:before {
  content: " ";
  border: 0;
  display: none;
}

/* grid style */
.grid {
  margin-left: -18px;
  margin-right: -18px;
  padding-left: 0 !important;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid li {
  width: calc(33.3333333333% - 36px);
  margin: 0 18px 32px;
}

.grid li.new_vedio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.video_box {
  width: 100%;
  position: relative;
}

.grid li.new_vedio a:hover {
  border-bottom: 0;
  color: var(--c-pry1);
}

.grid li.new_vedio a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.grid li.new_vedio a {
  padding: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  border-bottom: 0;
  width: 100%;
  color: #000;
}

.grid li span {
  display: block;
}

.grid li.new_vedio .title {
  padding: 16px 0;
  min-height: 0;
}

.grid li.new_vedio span.date {
  color: #000;
}

.embed-img,
.embed-list,
.embed-map,
.embed-vedio,
.grid .embed-vedio {
  padding-bottom: 55.87%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  aspect-ratio: 1.79;
  -o-object-fit: cover;
     object-fit: cover;
}

.embed-img iframe,
.embed-img img,
.embed-list iframe,
.embed-map iframe,
.embed-vedio iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-img img {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.embed-img .play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  background: url(../img/moenv/icon_play2.png) no-repeat 50% 50%;
}

.list_group.twocut .title {
  width: calc(100% - 46px);
}

/* group_list */
.group_list,
.words .group_list {
  list-style: none;
  padding-left: 0;
}

.group_list li,
.content-wrap .words .group_list li {
  position: relative;
  border-bottom: 1px solid #999;
  padding: 27px 32px;
}

.group_list li:hover,
.group_list li:focus-visible {
  background: #EDF6F7;
}

.group_list a {
  border-bottom: 0 !important;
  display: block;
  overflow: visible;
}

.group_list .h5 {
  margin-top: 0;
  display: inline-block;
}

.group_list_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1.5px 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 28px;
  background: var(--c-pry1);
  color: #fff;
  font-size: 0.8888em;
  position: absolute;
  right: 0;
}

/* top_control style */
.top_control h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 9;
      -ms-flex-positive: 9;
          flex-grow: 9;
  margin: 16px 0;
  line-height: 125%;
}

.h2:after,
h2:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: dotted 1px var(--c-pry1);
  margin-top: 16px;
  clear: both;
}

.top_control h2:after {
  width: 100vw;
  position: absolute;
  bottom: -14px;
}

.container .h2_icon {
  text-align: right;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  margin: 10px 0;
  display: inline-block;
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: translate(4px, 0%);
      -ms-transform: translate(4px, 0%);
          transform: translate(4px, 0%);
}

.h2_icon a {
  text-align: center;
  margin: 5px;
  vertical-align: bottom;
  height: 35px;
  width: 35px;
  line-height: 0;
  background-size: 35px auto;
  text-indent: -999999px;
  -webkit-transition: none;
  transition: none;
}
.h2_icon a:nth-last-of-type(1):focus-visible {
  margin-right: 10px !important;
}

.lineicon {
  background: url(../img/icon/Webp/line.webp) no-repeat;
}

.lineicon:hover {
  background: url(../img/icon/Webp/line_hover.webp) no-repeat;
  background-size: contain;
}

.facebook {
  background: url(../img/icon/Webp/fb.webp) no-repeat;
}

.facebook:hover {
  background: url(../img/icon/Webp/fb_hover.webp) no-repeat;
  background-size: contain;
}

.twitter {
  background: url(../img/icon/Webp/twitter.webp) no-repeat;
}

.twitter:hover {
  background: url(../img/icon/Webp/twitter_hover.webp) no-repeat;
  background-size: contain;
}

.print {
  background: url(../img/icon/Webp/print.webp) no-repeat;
}

.print:hover {
  background: url(../img/icon/Webp/print_hover.webp) no-repeat;
  background-size: contain;
}

.top_bar_group {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0 auto 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

/* top_control2 style */
.control2 .container {
  float: left;
}

.control2 aside {
  width: 25%;
  position: relative;
  float: left;
}

.control2 .cd-accordion-menu,
.control2 .left_menu {
  width: 90%;
  margin-left: 10%;
}

.control2 .h2:after,
.control2 h2:after {
  display: none;
}

.control2 #accesskey_c {
  margin-top: -20px;
}

h2.bricon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  margin-top: 0;
}

.bricon img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 32px;
}

.main_env {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}

.main_env li {
  width: calc(33.3333333333% - 20px);
  margin: 20px 20px 20px 0;
}

.main_env .bricon {
  font-weight: 600;
}

.main_env .bricon.h3 {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  line-height: 1.44;
}
.main_env .bricon.h3 img {
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_env .bricon.h3 + img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.main_env .bricon img {
  margin-right: 6px;
  vertical-align: -16px;
}

.main_env .embed-map {
  display: block;
  min-height: 450px;
  border-radius: 0;
  margin-bottom: 40px;
}

.env_a {
  display: inline-table;
  width: 100%;
  margin-top: 10px;
  border-top: dotted 2px #19a3a3;
}
.env_a ul {
  list-style: none;
}
.env_a ul li {
  width: 100%;
  margin: 0;
}
.env_a ul li:first-child {
  margin-top: 10px;
}
.env_a ul li:last-child {
  margin-bottom: 10px;
}

.env_a a {
  display: block;
  padding: 10px 0 10px 45px;
  font-size: 1.125em;
  color: #5E625D;
}

.env_a a:first-child:not(.env_a ul li a) {
  margin-top: 10px;
}

.env_a a:last-child:not(.env_a ul li a) {
  margin-bottom: 10px;
}

.control2 .fb_main,
.control2 .googleplay,
.googleplay2 {
  width: 90%;
  margin: 5% 0 5% 10%;
}

.googleplay2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.googleplay2 span img {
  max-width: 110px;
}

/* 表格基本樣式 */
table td ul:only-child {
  margin-bottom: 0;
}

/* 表格容器溢出處理 */
.tab_content {
  overflow-y: hidden;
  overflow-x: auto;
  clear: both;
}

/* 最小表格寬度 */
.min_tab {
  min-width: 620px;
}

/* 表格通用樣式 */
.table,
.table-center,
.table-left,
.table-th {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  font-size: 1.125rem;
  max-width: 100%;
  text-align: center;
  margin-bottom: 16px;
}

/* 表格標題列樣式 */
.table-center > tbody:first-child > tr:first-child > th,
.table-center > thead:first-child > tr:first-child > th,
.table-left > tbody:first-child > tr:first-child > th,
.table-left > thead:first-child > tr:first-child > th,
.table-th > tbody:first-child > tr:first-child > th,
.table-th > thead:first-child > tr:first-child > th,
.table > tbody:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
  border-right: 1px solid #fff;
  padding: 17px 1em;
}

/* 表格邊框設定 */
table[border="1"] td,
table[border="1"] th {
  border-right: 0 !important;
}

/* 表格單元格樣式 */
.table-center > tbody > tr > td,
.table-left > tbody > tr > td,
.table-th > tbody > tr > td,
.table > tbody > tr > td {
  border-top: 0;
  padding: 15.5px;
  line-height: 150%;
  border-right: 1px solid #fff;
}

table .Gradient_btn {
  margin: -12px -6px;
}

table li {
  margin-bottom: 10px;
}

th {
  font-weight: 600;
  color: #fff;
  background: var(--c-pry1);
  border-top: 0;
  border-right: 1px solid #fff;
  padding: 17px 1em;
}

.table-center > tbody > tr:nth-of-type(2n),
.table-left > tbody > tr:nth-of-type(2n),
.table-th > tbody > tr:nth-of-type(2n),
.table > tbody > tr:nth-of-type(2n) {
  background-color: #eeefef;
}

.words table a:has(u),
.words table a:has(u):hover,
.words table a:has(u):focus-visible {
  border-bottom: 0;
}

/* Words style  */
.words {
  margin: 0;
  font-size: 1.125em;
}

.words > p:last-child {
  margin-bottom: 0;
}

.normalstyle {
  padding: 0 0 0 41px;
  list-style-type: decimal;
}

.normalstyle ul {
  padding-left: 30px;
}

.link_file li > p:first-child {
  margin: 8px 0;
}

.words .link_file li,
.words .link_related li,
.link_file li,
.link_related li {
  padding-bottom: 0;
}

.link_file,
.link_related,
.normalstyle ul {
  padding-left: 1.7em !important;
}

.listnone {
  list-style: none;
}

.words .list_style li {
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.list_style li:last-child {
  margin-bottom: 0;
}

.list_style li:only-child {
  padding-bottom: 0;
}

.list_boxs ul li {
  position: relative;
  list-style: none;
  padding-bottom: 0.55em;
}

.words ul li,
.words ol li {
  padding-bottom: 0.55em;
}

.words ul li:only-child,
.words ol li:only-child,
.words ol li:has(p),
.words ul li:has(p) {
  padding-bottom: 0;
}

.words ol li:has(p),
.words ul li:has(p) {
  padding-bottom: 0;
}

.list_style * > :before {
  content: attr(data-list);
  position: absolute;
  display: inline-block;
  width: 3em;
  margin-left: -3.5em;
  margin-right: 0.556em;
  text-align: right;
  white-space: nowrap;
}

.list_style u.content:before,
.Gradient_btn:before {
  display: none;
}

.otherinfo {
  text-align: left;
  margin: 80px 0 0px;
  padding: 8px 0;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  background: none;
}

.latin {
  list-style: upper-latin;
}

.otherinfo dl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 4px 30px 4px 0;
  line-height: 120%;
  font-weight: 500;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.otherinfo dl:last-child {
  margin-right: 0;
}

.otherinfo dt,
.otherinfo dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  line-height: 25px;
}

.otherinfo dt {
  white-space: nowrap;
  color: #000;
}

.otherinfo dt:before {
  content: url(../img/icon/Webp/issued.webp);
  display: inline-block;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin: 0 8px 0 0;
  -webkit-filter: invert(27%) sepia(83%) saturate(1132%) hue-rotate(163deg) brightness(95%) contrast(97%);
          filter: invert(27%) sepia(83%) saturate(1132%) hue-rotate(163deg) brightness(95%) contrast(97%);
}

.otherinfo dt.time:before {
  content: url(../img/icon/Webp/time.webp);
}

.otherinfo dt.date:before {
  content: url(../img/icon/Webp/date6.webp);
}

.otherinfo dt.click_look:before {
  content: url(../img/icon/Webp/look.webp);
}

.col-2 {
  width: 20% !important;
  float: left;
}

.col-8 {
  width: 78% !important;
  margin-left: 5px;
  float: left;
}

.right_content {
  float: right;
}

.main_people_pic {
  margin-top: 20px;
}

.tab_content + .otherinfo {
  margin: 64px 0 0px;
}

/* .Word_flex_box */
.Word_flex_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
}

.Word_flex_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 9;
      -ms-flex-positive: 9;
          flex-grow: 9;
  margin-right: 36px;
}

.Word_flex_img {
  text-align: right;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  margin: 0 0 32px;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6%;
          flex: 0 0 41.6%;
  border: 1px solid var(--c-pry1);
}
.Word_flex_img a {
  display: block;
  border: none;
}
.Word_flex_img a:focus-visible {
  padding: 5px;
  outline-offset: -5px;
}
.Word_flex_img a:hover {
  border: none;
}

.Word_flex_content .green_b {
  font-size: 1.1111em;
}

.Word_flex_content p {
  margin-bottom: 32px;
}

.Word_flex_content .border_btn:focus-visible {
  margin-left: 15px;
}

/* .general_checklist */
.general_checklist,
.general_checklist article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.general_checklist article + article {
  margin-top: 0;
}

.general_checklist ul {
  list-style: none;
  padding-left: 0 !important;
  margin-bottom: 0;
}

.general_checklist i {
  white-space: nowrap;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px !important;
}

.general_checklist i.h3 {
  height: 36px;
}

.general_checklist i.h4 {
  height: 33px;
}

.general_checklist i.h5,
.general_checklist i.triangle,
.general_checklist i.round {
  height: 30px;
}

.general_checklist i.h6 {
  height: 27px;
}

.general_checklist i.triangle,
.general_checklist i.round {
  width: 25px;
}

.paddingleft0 {
  padding-left: 0 !important;
}

.general_checklist article + p:last-child {
  margin-bottom: 16px !important;
}

.general_checklist .h3,
.general_checklist h3,
.general_checklist .h4,
.general_checklist h4,
.general_checklist .h5,
.general_checklist h5,
.general_checklist .h6,
.general_checklist h6,
.article1 .h5 {
  margin: 0 0 16px 0;
}

.list_only .general_checklist .h3,
.list_only .general_checklist .h4,
.list_only .general_checklist .h5,
.list_only .general_checklist .h6 {
  margin: 0 0 10px 0;
}

.list_only {
  margin-bottom: 16px;
}

.general_checklist ul li p:last-child {
  margin-top: 16px;
}

.list_only .general_checklist + .general_checklist {
  margin-top: 0;
}

/* Words list style */
.red_font {
  color: var(--c-red1) !important;
}

ul.article1-list1,
ul.article1-list1-css-bullets,
ul.article1-list2,
ul.article1-list2-css-bullets,
ul.article1-list3,
ul.article1-list3-2,
ul.article1-list3-2-css-bullets,
ul.article1-list4,
ul.article1-list4-css-bullets,
ul.article1-list5,
ul.article1-list5-css-bullets,
ul.article1-list6,
ul.article1-list6-css-bullets,
ul.article1-list7,
ul.article1-list7-css-bullets,
ul.article1-list8,
ul.article1-list8-css-bullets,
ul.article1-list9,
ul.article1-list9-css-bullets,
ul.article1-list10,
ul.article1-list10-css-bullets,
ul.article1-list11,
ul.article1-list11-css-bullets,
ul.article1-list12,
ul.article1-list12-css-bullets,
ul.article1-list13,
ul.article1-list13-css-bullets {
  list-style: none;
}
ul.article1-list1:first-child,
ul.article1-list1-css-bullets:first-child,
ul.article1-list2:first-child,
ul.article1-list2-css-bullets:first-child,
ul.article1-list3:first-child,
ul.article1-list3-2:first-child,
ul.article1-list3-2-css-bullets:first-child,
ul.article1-list4:first-child,
ul.article1-list4-css-bullets:first-child,
ul.article1-list5:first-child,
ul.article1-list5-css-bullets:first-child,
ul.article1-list6:first-child,
ul.article1-list6-css-bullets:first-child,
ul.article1-list7:first-child,
ul.article1-list7-css-bullets:first-child,
ul.article1-list8:first-child,
ul.article1-list8-css-bullets:first-child,
ul.article1-list9:first-child,
ul.article1-list9-css-bullets:first-child,
ul.article1-list10:first-child,
ul.article1-list10-css-bullets:first-child,
ul.article1-list11:first-child,
ul.article1-list11-css-bullets:first-child,
ul.article1-list12:first-child,
ul.article1-list12-css-bullets:first-child,
ul.article1-list13:first-child,
ul.article1-list13-css-bullets:first-child {
  margin-top: 0;
}
ul.article1-list1:first-child > li:first-child,
ul.article1-list1-css-bullets:first-child > li:first-child,
ul.article1-list2:first-child > li:first-child,
ul.article1-list2-css-bullets:first-child > li:first-child,
ul.article1-list3:first-child > li:first-child,
ul.article1-list3-2:first-child > li:first-child,
ul.article1-list3-2-css-bullets:first-child > li:first-child,
ul.article1-list4:first-child > li:first-child,
ul.article1-list4-css-bullets:first-child > li:first-child,
ul.article1-list5:first-child > li:first-child,
ul.article1-list5-css-bullets:first-child > li:first-child,
ul.article1-list6:first-child > li:first-child,
ul.article1-list6-css-bullets:first-child > li:first-child,
ul.article1-list7:first-child > li:first-child,
ul.article1-list7-css-bullets:first-child > li:first-child,
ul.article1-list8:first-child > li:first-child,
ul.article1-list8-css-bullets:first-child > li:first-child,
ul.article1-list9:first-child > li:first-child,
ul.article1-list9-css-bullets:first-child > li:first-child,
ul.article1-list10:first-child > li:first-child,
ul.article1-list10-css-bullets:first-child > li:first-child,
ul.article1-list11:first-child > li:first-child,
ul.article1-list11-css-bullets:first-child > li:first-child,
ul.article1-list12:first-child > li:first-child,
ul.article1-list12-css-bullets:first-child > li:first-child,
ul.article1-list13:first-child > li:first-child,
ul.article1-list13-css-bullets:first-child > li:first-child {
  margin-top: 0;
}
ul.article1-list1 p,
ul.article1-list1 div,
ul.article1-list1 figure,
ul.article1-list1 a,
ul.article1-list1 .list20,
ul.article1-list1-css-bullets p,
ul.article1-list1-css-bullets div,
ul.article1-list1-css-bullets figure,
ul.article1-list1-css-bullets a,
ul.article1-list1-css-bullets .list20,
ul.article1-list2 p,
ul.article1-list2 div,
ul.article1-list2 figure,
ul.article1-list2 a,
ul.article1-list2 .list20,
ul.article1-list2-css-bullets p,
ul.article1-list2-css-bullets div,
ul.article1-list2-css-bullets figure,
ul.article1-list2-css-bullets a,
ul.article1-list2-css-bullets .list20,
ul.article1-list3 p,
ul.article1-list3 div,
ul.article1-list3 figure,
ul.article1-list3 a,
ul.article1-list3 .list20,
ul.article1-list3-2 p,
ul.article1-list3-2 div,
ul.article1-list3-2 figure,
ul.article1-list3-2 a,
ul.article1-list3-2 .list20,
ul.article1-list3-2-css-bullets p,
ul.article1-list3-2-css-bullets div,
ul.article1-list3-2-css-bullets figure,
ul.article1-list3-2-css-bullets a,
ul.article1-list3-2-css-bullets .list20,
ul.article1-list4 p,
ul.article1-list4 div,
ul.article1-list4 figure,
ul.article1-list4 a,
ul.article1-list4 .list20,
ul.article1-list4-css-bullets p,
ul.article1-list4-css-bullets div,
ul.article1-list4-css-bullets figure,
ul.article1-list4-css-bullets a,
ul.article1-list4-css-bullets .list20,
ul.article1-list5 p,
ul.article1-list5 div,
ul.article1-list5 figure,
ul.article1-list5 a,
ul.article1-list5 .list20,
ul.article1-list5-css-bullets p,
ul.article1-list5-css-bullets div,
ul.article1-list5-css-bullets figure,
ul.article1-list5-css-bullets a,
ul.article1-list5-css-bullets .list20,
ul.article1-list6 p,
ul.article1-list6 div,
ul.article1-list6 figure,
ul.article1-list6 a,
ul.article1-list6 .list20,
ul.article1-list6-css-bullets p,
ul.article1-list6-css-bullets div,
ul.article1-list6-css-bullets figure,
ul.article1-list6-css-bullets a,
ul.article1-list6-css-bullets .list20,
ul.article1-list7 p,
ul.article1-list7 div,
ul.article1-list7 figure,
ul.article1-list7 a,
ul.article1-list7 .list20,
ul.article1-list7-css-bullets p,
ul.article1-list7-css-bullets div,
ul.article1-list7-css-bullets figure,
ul.article1-list7-css-bullets a,
ul.article1-list7-css-bullets .list20,
ul.article1-list8 p,
ul.article1-list8 div,
ul.article1-list8 figure,
ul.article1-list8 a,
ul.article1-list8 .list20,
ul.article1-list8-css-bullets p,
ul.article1-list8-css-bullets div,
ul.article1-list8-css-bullets figure,
ul.article1-list8-css-bullets a,
ul.article1-list8-css-bullets .list20,
ul.article1-list9 p,
ul.article1-list9 div,
ul.article1-list9 figure,
ul.article1-list9 a,
ul.article1-list9 .list20,
ul.article1-list9-css-bullets p,
ul.article1-list9-css-bullets div,
ul.article1-list9-css-bullets figure,
ul.article1-list9-css-bullets a,
ul.article1-list9-css-bullets .list20,
ul.article1-list10 p,
ul.article1-list10 div,
ul.article1-list10 figure,
ul.article1-list10 a,
ul.article1-list10 .list20,
ul.article1-list10-css-bullets p,
ul.article1-list10-css-bullets div,
ul.article1-list10-css-bullets figure,
ul.article1-list10-css-bullets a,
ul.article1-list10-css-bullets .list20,
ul.article1-list11 p,
ul.article1-list11 div,
ul.article1-list11 figure,
ul.article1-list11 a,
ul.article1-list11 .list20,
ul.article1-list11-css-bullets p,
ul.article1-list11-css-bullets div,
ul.article1-list11-css-bullets figure,
ul.article1-list11-css-bullets a,
ul.article1-list11-css-bullets .list20,
ul.article1-list12 p,
ul.article1-list12 div,
ul.article1-list12 figure,
ul.article1-list12 a,
ul.article1-list12 .list20,
ul.article1-list12-css-bullets p,
ul.article1-list12-css-bullets div,
ul.article1-list12-css-bullets figure,
ul.article1-list12-css-bullets a,
ul.article1-list12-css-bullets .list20,
ul.article1-list13 p,
ul.article1-list13 div,
ul.article1-list13 figure,
ul.article1-list13 a,
ul.article1-list13 .list20,
ul.article1-list13-css-bullets p,
ul.article1-list13-css-bullets div,
ul.article1-list13-css-bullets figure,
ul.article1-list13-css-bullets a,
ul.article1-list13-css-bullets .list20 {
  text-indent: 0;
}
ul.article1-list1 ul,
ul.article1-list1-css-bullets ul,
ul.article1-list2 ul,
ul.article1-list2-css-bullets ul,
ul.article1-list3 ul,
ul.article1-list3-2 ul,
ul.article1-list3-2-css-bullets ul,
ul.article1-list4 ul,
ul.article1-list4-css-bullets ul,
ul.article1-list5 ul,
ul.article1-list5-css-bullets ul,
ul.article1-list6 ul,
ul.article1-list6-css-bullets ul,
ul.article1-list7 ul,
ul.article1-list7-css-bullets ul,
ul.article1-list8 ul,
ul.article1-list8-css-bullets ul,
ul.article1-list9 ul,
ul.article1-list9-css-bullets ul,
ul.article1-list10 ul,
ul.article1-list10-css-bullets ul,
ul.article1-list11 ul,
ul.article1-list11-css-bullets ul,
ul.article1-list12 ul,
ul.article1-list12-css-bullets ul,
ul.article1-list13 ul,
ul.article1-list13-css-bullets ul {
  list-style: none;
  padding-left: 0;
}
ul.article1-list1:last-child,
ul.article1-list1-css-bullets:last-child,
ul.article1-list2:last-child,
ul.article1-list2-css-bullets:last-child,
ul.article1-list3:last-child,
ul.article1-list3-2:last-child,
ul.article1-list3-2-css-bullets:last-child,
ul.article1-list4:last-child,
ul.article1-list4-css-bullets:last-child,
ul.article1-list5:last-child,
ul.article1-list5-css-bullets:last-child,
ul.article1-list6:last-child,
ul.article1-list6-css-bullets:last-child,
ul.article1-list7:last-child,
ul.article1-list7-css-bullets:last-child,
ul.article1-list8:last-child,
ul.article1-list8-css-bullets:last-child,
ul.article1-list9:last-child,
ul.article1-list9-css-bullets:last-child,
ul.article1-list10:last-child,
ul.article1-list10-css-bullets:last-child,
ul.article1-list11:last-child,
ul.article1-list11-css-bullets:last-child,
ul.article1-list12:last-child,
ul.article1-list12-css-bullets:last-child,
ul.article1-list13:last-child,
ul.article1-list13-css-bullets:last-child {
  margin-bottom: 0;
}
ul.article1-list1:last-child > li,
ul.article1-list1-css-bullets:last-child > li,
ul.article1-list2:last-child > li,
ul.article1-list2-css-bullets:last-child > li,
ul.article1-list3:last-child > li,
ul.article1-list3-2:last-child > li,
ul.article1-list3-2-css-bullets:last-child > li,
ul.article1-list4:last-child > li,
ul.article1-list4-css-bullets:last-child > li,
ul.article1-list5:last-child > li,
ul.article1-list5-css-bullets:last-child > li,
ul.article1-list6:last-child > li,
ul.article1-list6-css-bullets:last-child > li,
ul.article1-list7:last-child > li,
ul.article1-list7-css-bullets:last-child > li,
ul.article1-list8:last-child > li,
ul.article1-list8-css-bullets:last-child > li,
ul.article1-list9:last-child > li,
ul.article1-list9-css-bullets:last-child > li,
ul.article1-list10:last-child > li,
ul.article1-list10-css-bullets:last-child > li,
ul.article1-list11:last-child > li,
ul.article1-list11-css-bullets:last-child > li,
ul.article1-list12:last-child > li,
ul.article1-list12-css-bullets:last-child > li,
ul.article1-list13:last-child > li,
ul.article1-list13-css-bullets:last-child > li {
  margin-bottom: 0;
}

ul.article1-list4 > li > strong,
ul.article1-list5 > li > strong,
ul.article1-list6 > li > strong,
ul.article1-list7 > li > strong,
ul.article1-list8 > li > strong,
ul.article1-list9 > li > strong,
ul.article1-list10 > li > strong,
ul.article1-list11 > li > strong,
ul.article1-list12 > li > strong,
ul.article1-list13 > li > strong {
  display: inline-block;
  font-size: 1.1111em;
  line-height: 1.4;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
  text-indent: -2em;
  margin-right: -1.8em;
  padding-left: 1.85em;
}

ul.article1-list4-css-bullets > li > strong,
ul.article1-list5-css-bullets > li > strong,
ul.article1-list6-css-bullets > li > strong,
ul.article1-list7-css-bullets > li > strong,
ul.article1-list8-css-bullets > li > strong,
ul.article1-list9-css-bullets > li > strong,
ul.article1-list10-css-bullets > li > strong,
ul.article1-list11-css-bullets > li > strong,
ul.article1-list12-css-bullets > li > strong,
ul.article1-list13-css-bullets > li > strong {
  display: inline-block;
  font-size: 1.1111em;
  line-height: 1.4;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
  vertical-align: top;
  margin-top: -1px;
}

ul.article1-list11-css-bullets > li > strong,
ul.article1-list12-css-bullets > li > strong,
ul.article1-list13-css-bullets > li > strong {
  margin-top: -2.2px;
}

.article1 ol li,
.article1 ul li,
.article1 p {
  margin: 13px 0 16px 0;
  padding-bottom: 0;
}

ul.article1-list1 {
  text-indent: -3em;
}
ul.article1-list1 ul {
  text-indent: -1.12em;
  padding-left: 1.4em;
}
ul.article1-list1 ul ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list1 ul ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list1 ul ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1px;
  left: 0;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list1 ul ul li:before {
    top: 0.12em;
  }
}
ul.article1-list1 ul ul li ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list1 ul ul li ul li:before {
    top: -0.08em;
  }
}

ul.article1-list2 {
  text-indent: -1.1em;
  padding-left: 2.6em;
}
ul.article1-list2 ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list2 ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list2 ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1px;
  left: 0;
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list2 ul li:before {
    top: 0.12em;
  }
}
ul.article1-list2 ul li ul li {
  padding-left: 1.4em;
}
ul.article1-list2 ul li ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list2 ul li ul li:before {
    top: -0.08em;
  }
}

ul.article1-list3 {
  padding-left: 0;
}
ul.article1-list3 li {
  position: relative;
  padding-left: 3em;
}
ul.article1-list3 li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1px;
  left: 1.2em;
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list3 li:before {
    top: 0.12em;
  }
}
ul.article1-list3 li ul {
  padding-left: 0;
}
ul.article1-list3 li ul li {
  padding-left: 1.4em;
}
ul.article1-list3 li ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list3 li ul li:before {
    top: -0.08em;
  }
}

ul.article1-list3-2 {
  padding-left: 0;
}
ul.article1-list3-2 li {
  position: relative;
  list-style: none;
  padding-left: 3em;
}
ul.article1-list3-2 li:before {
  font-family: bootstrap-icons !important;
  content: "\f309";
  color: var(--c-pry1);
  position: absolute;
  left: 0.25em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list3-2 li:before {
    top: -0.08em;
  }
}
ul.article1-list3-2.list-unstyled {
  padding-left: 1em;
}
ul.article1-list3-2.list-unstyled li:before {
  display: none;
}

ul.article1-list4 {
  text-indent: -2em;
}
ul.article1-list4 ul {
  text-indent: -3em;
}
ul.article1-list4 ul.article1-list4-1 {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list4 ul.article1-list4-1 > li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list4 ul.article1-list4-1 > li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: 0;
  left: 0;
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list4 ul.article1-list4-1 > li:before {
    top: 0.12em;
  }
}
ul.article1-list4 ul ul {
  list-style: none;
  text-indent: -1.1em;
  padding-left: 1.4em;
  padding-top: 0;
}
ul.article1-list4 ul ul ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list4 ul ul ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list4 ul ul ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1.5px;
  left: 0;
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list4 ul ul ul li:before {
    top: 0.12em;
  }
}
ul.article1-list4 ul ul ul ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list4 ul ul ul ul li:before {
    top: -0.08em;
  }
}

ul.article1-list5 {
  text-indent: -2em;
}
ul.article1-list5 ul {
  text-indent: -3em;
  padding-left: 2.5em;
}
ul.article1-list5 ul ul {
  text-indent: -2.6em;
  padding-left: 2.6em;
}

ul.article1-list6 {
  text-indent: -2em;
}
ul.article1-list6 ul {
  text-indent: -3em;
  padding-left: 2.5em;
}
ul.article1-list6 ul ul {
  text-indent: -1.1em;
  padding-left: 1.5em;
}
ul.article1-list6 ul ul ul {
  text-indent: -2.6em;
  padding-left: 2.6em;
}

ul.article1-list7 {
  text-indent: -2em;
}
ul.article1-list7 ul {
  text-indent: -3em;
  padding-left: 2.5em;
}
ul.article1-list7 ul ul {
  text-indent: 0;
  padding-left: 0;
}
ul.article1-list7 ul ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list7 ul ul li:before {
  display: block;
  position: absolute;
  left: 0;
  top: -0.34em;
  content: "■";
  color: var(--c-pry1);
  font-size: 1.3em;
}
ul.article1-list7 ul ul ul {
  text-indent: -1.1em;
  padding-left: 1.5em;
}
ul.article1-list7 ul ul ul li {
  padding-left: 0;
}
ul.article1-list7 ul ul ul li:before {
  display: none;
}

ul.article1-list8 {
  text-indent: -2em;
}
ul.article1-list8 ul {
  text-indent: -1.1em;
  padding-left: 1.5em;
}
ul.article1-list8 ul ul {
  text-indent: -2.6em;
  padding-left: 2.6em;
}

ul.article1-list9 {
  text-indent: -2em;
}
ul.article1-list9 ul {
  text-indent: -2.6em;
  padding-left: 2.7em;
}

ul.article1-list10 {
  text-indent: -1.1em;
  padding-left: 1.5em;
}
ul.article1-list10 ul {
  text-indent: -2.6em;
  padding-left: 2.7em;
}

ul.article1-list11 {
  text-indent: -1.1em;
  padding-left: 1.5em;
}
ul.article1-list11 ul {
  text-indent: 0;
  padding-left: 2.6em;
}
ul.article1-list11 ul li {
  position: relative;
}
ul.article1-list11 ul li:before {
  position: absolute;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
  content: "\f309";
  left: -0.8em;
  top: -0.16em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list11 ul li:before {
    top: -0.08em;
  }
}

ul.article1-list12 {
  list-style: upper-roman;
}
ul.article1-list12 > li > strong {
  font-size: 1.1111em;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
}
ul.article1-list12 > li.article1-list12-itemColor::marker {
  font-size: 1.1111em;
  font-weight: var(--fw-bold);
  color: var(--c-pry1);
}
ul.article1-list12 > li p:first-of-type {
  margin-top: 13px;
}
ul.article1-list12 ul {
  text-indent: -1.6em;
  padding-left: 1.7em;
}
ul.article1-list12 ul ul {
  text-indent: -1.1em;
  padding-left: 1.5em;
}

ul.article1-list1-css-bullets {
  counter-reset: list-counter;
  list-style-type: none;
  padding-left: 2.7em;
}
ul.article1-list1-css-bullets li {
  counter-increment: list-counter;
}
ul.article1-list1-css-bullets li::marker {
  content: "（" counter(list-counter, cjk-ideographic) "）";
}
ul.article1-list1-css-bullets li ul {
  padding-left: 1.1em;
  counter-reset: list-counter2;
}
ul.article1-list1-css-bullets li ul li {
  counter-increment: list-counter2;
  padding-left: 5px;
}
ul.article1-list1-css-bullets li ul li::marker {
  content: counter(list-counter2, decimal) ". ";
}
ul.article1-list1-css-bullets li ul li ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list1-css-bullets li ul li ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list1-css-bullets li ul li ul li::marker {
  content: none;
}
ul.article1-list1-css-bullets li ul li ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1px;
  left: 0;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list1-css-bullets li ul li ul li:before {
    top: 0.12em;
  }
}
ul.article1-list1-css-bullets li ul li ul li ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list1-css-bullets li ul li ul li ul li:before {
    top: -0.08em;
  }
}

ul.article1-list2-css-bullets {
  padding-left: 2.6em;
  counter-reset: list-counter3;
}
ul.article1-list2-css-bullets li {
  counter-increment: list-counter3;
  padding-left: 5px;
}
ul.article1-list2-css-bullets li::marker {
  content: counter(list-counter3, decimal) ". ";
}
ul.article1-list2-css-bullets li ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list2-css-bullets li ul li {
  position: relative;
  padding-left: 1.4em;
  counter-increment: none;
}
ul.article1-list2-css-bullets li ul li::marker {
  content: none;
}
ul.article1-list2-css-bullets li ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1px;
  left: 0;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list2-css-bullets li ul li:before {
    top: 0.12em;
  }
}
ul.article1-list2-css-bullets li ul li ul li {
  padding-left: 1.4em;
}
ul.article1-list2-css-bullets li ul li ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list2-css-bullets li ul li ul li:before {
    top: -0.08em;
  }
}

/* 列表樣式 - 第四級列表 */
ul.article1-list4-css-bullets li {
  list-style: cjk-ideographic;
}
ul.article1-list4-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list4-css-bullets li ul {
  padding-left: 2.7em;
}
ul.article1-list4-css-bullets li ul li {
  display: list-item;
  counter-increment: list-counter4;
}
ul.article1-list4-css-bullets li ul li::marker {
  content: "（" counter(list-counter4, cjk-ideographic) "）";
}
ul.article1-list4-css-bullets li ul li.article1-list4-1 {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list4-css-bullets li ul li.article1-list4-1 > li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list4-css-bullets li ul li.article1-list4-1 > li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: 0;
  left: 0;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list4-css-bullets li ul li.article1-list4-1 > li:before {
    top: 0.12em;
  }
}
ul.article1-list4-css-bullets li ul li ul {
  padding-left: 1em;
  counter-reset: list-counter5;
}
ul.article1-list4-css-bullets li ul li ul li {
  counter-increment: list-counter5;
  padding-left: 5px;
}
ul.article1-list4-css-bullets li ul li ul li::marker {
  content: counter(list-counter5, decimal) ". ";
}
ul.article1-list4-css-bullets li ul li ul li ul {
  padding-left: 0;
  text-indent: 0;
}
ul.article1-list4-css-bullets li ul li ul li ul li {
  position: relative;
  padding-left: 1.4em;
}
ul.article1-list4-css-bullets li ul li ul li ul li::marker {
  content: none;
}
ul.article1-list4-css-bullets li ul li ul li ul li:before {
  content: "\f4f4";
  display: block;
  position: absolute;
  font-size: 1.1em;
  top: -1.5px;
  left: 0;
  color: var(--c-pry1);
  font-family: bootstrap-icons !important;
}
@-moz-document url-prefix() {
  ul.article1-list4-css-bullets li ul li ul li ul li:before {
    top: 0.12em;
  }
}
ul.article1-list4-css-bullets li ul li ul li ul ul li:before {
  content: "\f309";
  left: -0.3em;
  top: -0.19em;
  font-size: 2.6em !important;
  line-height: 1;
}
@-moz-document url-prefix() {
  ul.article1-list4-css-bullets li ul li ul li ul ul li:before {
    top: -0.08em;
  }
}

ul.article1-list5-css-bullets li {
  list-style: cjk-ideographic;
}
ul.article1-list5-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list5-css-bullets li ul {
  padding-left: 2.7em;
}
ul.article1-list5-css-bullets li ul li {
  display: list-item;
  counter-increment: list-counter4;
}
ul.article1-list5-css-bullets li ul li::marker {
  content: "（" counter(list-counter4, cjk-ideographic) "）";
}
ul.article1-list5-css-bullets li ul li ul {
  padding-left: 2.7em;
  counter-reset: list-counter6;
}
ul.article1-list5-css-bullets li ul li ul li {
  counter-increment: list-counter6;
}
ul.article1-list5-css-bullets li ul li ul li::marker {
  content: "（" counter(list-counter6, decimal) "）";
}

ul.article1-list6-css-bullets li {
  list-style: cjk-ideographic;
}
ul.article1-list6-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list6-css-bullets li ul {
  padding-left: 2.7em;
}
ul.article1-list6-css-bullets li ul li {
  display: list-item;
  counter-increment: list-counter7;
}
ul.article1-list6-css-bullets li ul li::marker {
  content: "（" counter(list-counter7, cjk-ideographic) "）";
}
ul.article1-list6-css-bullets li ul li ul {
  padding-left: 1em;
  counter-reset: list-counter8;
}
ul.article1-list6-css-bullets li ul li ul li {
  counter-increment: list-counter8;
}
ul.article1-list6-css-bullets li ul li ul li::marker {
  content: counter(list-counter8, decimal) ". ";
}
ul.article1-list6-css-bullets li ul li ul li ul {
  padding-left: 2.5em;
  counter-reset: list-counter6;
}
ul.article1-list6-css-bullets li ul li ul li ul li {
  counter-increment: list-counter6;
}
ul.article1-list6-css-bullets li ul li ul li ul li::marker {
  content: "（" counter(list-counter6, decimal) "）";
}

ul.article1-list7-css-bullets li {
  list-style: cjk-ideographic;
  /* 帶有強調標籤的列表標記樣式 */
  /* 二級列表樣式 [一、~（一）] */
}
ul.article1-list7-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list7-css-bullets li ul {
  padding-left: 2.7em;
}
ul.article1-list7-css-bullets li ul li {
  display: list-item;
  counter-increment: list-counter4;
  /* 二級列表標記樣式 */
  /* 三級列表樣式 */
}
ul.article1-list7-css-bullets li ul li::marker {
  content: "（" counter(list-counter4, cjk-ideographic) "）";
}
ul.article1-list7-css-bullets li ul li ul {
  text-indent: 0;
  padding-left: 0;
  /* 四級列表樣式 */
}
ul.article1-list7-css-bullets li ul li ul li {
  position: relative;
  padding-left: 1.4em;
  counter-increment: none;
  /* 清除原有標記 */
  /* 添加自定義方塊標記 */
}
ul.article1-list7-css-bullets li ul li ul li::marker {
  content: none;
}
ul.article1-list7-css-bullets li ul li ul li:before {
  display: block;
  position: absolute;
  left: 0;
  top: -0.34em;
  content: "■";
  color: var(--c-pry1);
  font-size: 1.3em;
}
ul.article1-list7-css-bullets li ul li ul ul {
  padding-left: 1em;
  counter-reset: list-counter8;
}
ul.article1-list7-css-bullets li ul li ul ul li {
  counter-increment: list-counter8;
  padding-left: 5px;
  /* 四級列表標記樣式 */
  /* 清除之前的方塊標記 */
}
ul.article1-list7-css-bullets li ul li ul ul li::marker {
  content: counter(list-counter8, decimal) ". ";
}
ul.article1-list7-css-bullets li ul li ul ul li:before {
  display: none;
}

ul.article1-list8-css-bullets li {
  list-style: cjk-ideographic;
}
ul.article1-list8-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list8-css-bullets li ul {
  padding-left: 1em;
  counter-reset: list-counter8;
}
ul.article1-list8-css-bullets li ul li {
  padding-left: 0;
  list-style: none;
  counter-increment: list-counter8;
}
ul.article1-list8-css-bullets li ul li::marker {
  content: counter(list-counter8, decimal) ". ";
}
ul.article1-list8-css-bullets li ul li ul {
  padding-left: 2.5em;
  counter-reset: list-counter6;
}
ul.article1-list8-css-bullets li ul li ul li {
  counter-increment: list-counter6;
}
ul.article1-list8-css-bullets li ul li ul li::marker {
  content: "（" counter(list-counter6, decimal) "）";
}

ul.article1-list9-css-bullets li {
  list-style: cjk-ideographic;
}
ul.article1-list9-css-bullets li:has(strong)::marker {
  font-weight: var(--fw-bolder);
  color: var(--c-pry1);
}
ul.article1-list9-css-bullets li ul {
  padding-left: 2.5em;
  counter-reset: list-counter6;
}
ul.article1-list9-css-bullets li ul li {
  counter-increment: list-counter6;
}
ul.article1-list9-css-bullets li ul li::marker {
  content: "（" counter(list-counter6, decimal) "）";
}

ul.article1-list10-css-bullets {
  padding-left: 2.2em;
  counter-reset: list-counter8;
}
ul.article1-list10-css-bullets li {
  counter-increment: list-counter8;
}
ul.article1-list10-css-bullets li::marker {
  content: counter(list-counter8, decimal) ". ";
}
ul.article1-list10-css-bullets li > strong {
  font-size: 1.1111em;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
}
ul.article1-list10-css-bullets li.article1-list10-itemColor::marker {
  font-size: 1.1111em;
  font-weight: var(--fw-bold);
  color: var(--c-pry1);
}
ul.article1-list10-css-bullets ul {
  padding-left: 1.5em;
  counter-reset: list-counter6;
}
ul.article1-list10-css-bullets ul li {
  counter-increment: list-counter6;
}
ul.article1-list10-css-bullets ul li::marker {
  content: "(" counter(list-counter6, decimal) ") ";
}

ul.article1-list11-css-bullets {
  list-style: upper-alpha;
}
ul.article1-list11-css-bullets li > strong {
  font-size: 1.1111em;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
}
ul.article1-list11-css-bullets li.article1-list11-itemColor::marker {
  font-size: 1.1111em;
  font-weight: var(--fw-bold);
  color: var(--c-pry1);
}
ul.article1-list11-css-bullets ul {
  text-indent: 0;
  padding-left: 1em;
}
ul.article1-list11-css-bullets ul li {
  position: relative;
}
ul.article1-list11-css-bullets ul li:before {
  content: "●";
  color: var(--c-pry1);
  font-size: 0.5em;
  line-height: 2.35;
  position: absolute;
  left: -18px;
  top: -2px;
}

ul.article1-list12-css-bullets {
  list-style: upper-roman;
}
ul.article1-list12-css-bullets > li > strong {
  font-size: 1.1111em;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
}
ul.article1-list12-css-bullets > li.article1-list12-itemColor::marker {
  font-size: 1.1111em;
  font-weight: var(--fw-bold);
  color: var(--c-pry1);
}
ul.article1-list12-css-bullets > li p:first-of-type {
  margin-top: 13px;
}
ul.article1-list12-css-bullets > li ul {
  padding-left: 1.3em;
}
ul.article1-list12-css-bullets > li ul li {
  padding-left: 5px;
}
ul.article1-list12-css-bullets ul {
  padding-left: 2.5em;
  counter-reset: list-counter6;
}
ul.article1-list12-css-bullets ul li {
  counter-increment: list-counter6;
}
ul.article1-list12-css-bullets ul li::marker {
  content: "(" counter(list-counter6, decimal) ")";
}
ul.article1-list12-css-bullets ul ul {
  padding-left: 1em;
  counter-reset: list-counter8;
}
ul.article1-list12-css-bullets ul ul li {
  counter-increment: list-counter8;
}
ul.article1-list12-css-bullets ul ul li::marker {
  content: counter(list-counter8, decimal) ". ";
}

ul.article1-list13-css-bullets {
  list-style: upper-alpha;
}
ul.article1-list13-css-bullets li > strong {
  font-size: 1.1111em;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
}
ul.article1-list13-css-bullets li.article1-list13-itemColor::marker {
  font-size: 1.1111em;
  font-weight: var(--fw-bold);
  color: var(--c-pry1);
}
ul.article1-list13-css-bullets ul {
  padding-left: 1.5em;
  counter-reset: list-counter6;
}
ul.article1-list13-css-bullets ul li {
  counter-increment: list-counter6;
}
ul.article1-list13-css-bullets ul li::marker {
  content: "(" counter(list-counter6, decimal) ") ";
}

.bold {
  font-weight: var(--fw-bolder);
}

/*
   清單樣式 - 第一種到第九種
   - 提供不同的數字、符號、羅馬數字等編號方式
   - 使用變數管理樣式，提升可維護性
*/
.list_HanNumberList,
.list_HanBracketNumbers,
.list_NumDot,
.list_NumBrackets,
.list_EnNumBrackets,
.list_Roman,
.list_RomanLower,
.list_Alphabet,
.list_AlphabetLower,
.list_MultiLevel,
.list_Triangle,
.list_Circle,
.list_Square {
  list-style: none;
  padding-left: 0 !important;
}
.list_HanNumberList .h4 span,
.list_HanNumberList h4 span,
.list_HanBracketNumbers .h4 span,
.list_HanBracketNumbers h4 span,
.list_NumDot .h4 span,
.list_NumDot h4 span,
.list_NumBrackets .h4 span,
.list_NumBrackets h4 span,
.list_EnNumBrackets .h4 span,
.list_EnNumBrackets h4 span,
.list_Roman .h4 span,
.list_Roman h4 span,
.list_RomanLower .h4 span,
.list_RomanLower h4 span,
.list_Alphabet .h4 span,
.list_Alphabet h4 span,
.list_AlphabetLower .h4 span,
.list_AlphabetLower h4 span,
.list_MultiLevel .h4 span,
.list_MultiLevel h4 span,
.list_Triangle .h4 span,
.list_Triangle h4 span,
.list_Circle .h4 span,
.list_Circle h4 span,
.list_Square .h4 span,
.list_Square h4 span {
  border: 0;
  padding: 0;
  color: #000;
}
.list_HanNumberList li:has(h2, strong)::marker,
.list_HanBracketNumbers li:has(h2, strong)::marker,
.list_NumDot li:has(h2, strong)::marker,
.list_NumBrackets li:has(h2, strong)::marker,
.list_EnNumBrackets li:has(h2, strong)::marker,
.list_Roman li:has(h2, strong)::marker,
.list_RomanLower li:has(h2, strong)::marker,
.list_Alphabet li:has(h2, strong)::marker,
.list_AlphabetLower li:has(h2, strong)::marker,
.list_MultiLevel li:has(h2, strong)::marker,
.list_Triangle li:has(h2, strong)::marker,
.list_Circle li:has(h2, strong)::marker,
.list_Square li:has(h2, strong)::marker {
  color: var(--c-pry1);
}
.list_HanNumberList h2,
.list_HanNumberList h3,
.list_HanNumberList h4,
.list_HanNumberList h5,
.list_HanNumberList h6,
.list_HanNumberList h7,
.list_HanBracketNumbers h2,
.list_HanBracketNumbers h3,
.list_HanBracketNumbers h4,
.list_HanBracketNumbers h5,
.list_HanBracketNumbers h6,
.list_HanBracketNumbers h7,
.list_NumDot h2,
.list_NumDot h3,
.list_NumDot h4,
.list_NumDot h5,
.list_NumDot h6,
.list_NumDot h7,
.list_NumBrackets h2,
.list_NumBrackets h3,
.list_NumBrackets h4,
.list_NumBrackets h5,
.list_NumBrackets h6,
.list_NumBrackets h7,
.list_EnNumBrackets h2,
.list_EnNumBrackets h3,
.list_EnNumBrackets h4,
.list_EnNumBrackets h5,
.list_EnNumBrackets h6,
.list_EnNumBrackets h7,
.list_Roman h2,
.list_Roman h3,
.list_Roman h4,
.list_Roman h5,
.list_Roman h6,
.list_Roman h7,
.list_RomanLower h2,
.list_RomanLower h3,
.list_RomanLower h4,
.list_RomanLower h5,
.list_RomanLower h6,
.list_RomanLower h7,
.list_Alphabet h2,
.list_Alphabet h3,
.list_Alphabet h4,
.list_Alphabet h5,
.list_Alphabet h6,
.list_Alphabet h7,
.list_AlphabetLower h2,
.list_AlphabetLower h3,
.list_AlphabetLower h4,
.list_AlphabetLower h5,
.list_AlphabetLower h6,
.list_AlphabetLower h7,
.list_MultiLevel h2,
.list_MultiLevel h3,
.list_MultiLevel h4,
.list_MultiLevel h5,
.list_MultiLevel h6,
.list_MultiLevel h7,
.list_Triangle h2,
.list_Triangle h3,
.list_Triangle h4,
.list_Triangle h5,
.list_Triangle h6,
.list_Triangle h7,
.list_Circle h2,
.list_Circle h3,
.list_Circle h4,
.list_Circle h5,
.list_Circle h6,
.list_Circle h7,
.list_Square h2,
.list_Square h3,
.list_Square h4,
.list_Square h5,
.list_Square h6,
.list_Square h7 {
  font-size: 1.1111em !important;
  font-weight: var(--fw-regu);
}
.list_HanNumberList h2::after,
.list_HanNumberList h3::after,
.list_HanNumberList h4::after,
.list_HanNumberList h5::after,
.list_HanNumberList h6::after,
.list_HanNumberList h7::after,
.list_HanBracketNumbers h2::after,
.list_HanBracketNumbers h3::after,
.list_HanBracketNumbers h4::after,
.list_HanBracketNumbers h5::after,
.list_HanBracketNumbers h6::after,
.list_HanBracketNumbers h7::after,
.list_NumDot h2::after,
.list_NumDot h3::after,
.list_NumDot h4::after,
.list_NumDot h5::after,
.list_NumDot h6::after,
.list_NumDot h7::after,
.list_NumBrackets h2::after,
.list_NumBrackets h3::after,
.list_NumBrackets h4::after,
.list_NumBrackets h5::after,
.list_NumBrackets h6::after,
.list_NumBrackets h7::after,
.list_EnNumBrackets h2::after,
.list_EnNumBrackets h3::after,
.list_EnNumBrackets h4::after,
.list_EnNumBrackets h5::after,
.list_EnNumBrackets h6::after,
.list_EnNumBrackets h7::after,
.list_Roman h2::after,
.list_Roman h3::after,
.list_Roman h4::after,
.list_Roman h5::after,
.list_Roman h6::after,
.list_Roman h7::after,
.list_RomanLower h2::after,
.list_RomanLower h3::after,
.list_RomanLower h4::after,
.list_RomanLower h5::after,
.list_RomanLower h6::after,
.list_RomanLower h7::after,
.list_Alphabet h2::after,
.list_Alphabet h3::after,
.list_Alphabet h4::after,
.list_Alphabet h5::after,
.list_Alphabet h6::after,
.list_Alphabet h7::after,
.list_AlphabetLower h2::after,
.list_AlphabetLower h3::after,
.list_AlphabetLower h4::after,
.list_AlphabetLower h5::after,
.list_AlphabetLower h6::after,
.list_AlphabetLower h7::after,
.list_MultiLevel h2::after,
.list_MultiLevel h3::after,
.list_MultiLevel h4::after,
.list_MultiLevel h5::after,
.list_MultiLevel h6::after,
.list_MultiLevel h7::after,
.list_Triangle h2::after,
.list_Triangle h3::after,
.list_Triangle h4::after,
.list_Triangle h5::after,
.list_Triangle h6::after,
.list_Triangle h7::after,
.list_Circle h2::after,
.list_Circle h3::after,
.list_Circle h4::after,
.list_Circle h5::after,
.list_Circle h6::after,
.list_Circle h7::after,
.list_Square h2::after,
.list_Square h3::after,
.list_Square h4::after,
.list_Square h5::after,
.list_Square h6::after,
.list_Square h7::after {
  display: none;
}
.list_HanNumberList ul,
.list_HanBracketNumbers ul,
.list_NumDot ul,
.list_NumBrackets ul,
.list_EnNumBrackets ul,
.list_Roman ul,
.list_RomanLower ul,
.list_Alphabet ul,
.list_AlphabetLower ul,
.list_MultiLevel ul,
.list_Triangle ul,
.list_Circle ul,
.list_Square ul {
  padding-left: 1.5em;
}
.list_HanNumberList > li,
.list_HanBracketNumbers > li,
.list_NumDot > li,
.list_NumBrackets > li,
.list_EnNumBrackets > li,
.list_Roman > li,
.list_RomanLower > li,
.list_Alphabet > li,
.list_AlphabetLower > li,
.list_MultiLevel > li,
.list_Triangle > li,
.list_Circle > li,
.list_Square > li {
  list-style: none;
}
.list_HanNumberList > li:has(strong)::marker,
.list_HanBracketNumbers > li:has(strong)::marker,
.list_NumDot > li:has(strong)::marker,
.list_NumBrackets > li:has(strong)::marker,
.list_EnNumBrackets > li:has(strong)::marker,
.list_Roman > li:has(strong)::marker,
.list_RomanLower > li:has(strong)::marker,
.list_Alphabet > li:has(strong)::marker,
.list_AlphabetLower > li:has(strong)::marker,
.list_MultiLevel > li:has(strong)::marker,
.list_Triangle > li:has(strong)::marker,
.list_Circle > li:has(strong)::marker,
.list_Square > li:has(strong)::marker {
  color: var(--c-pry1);
}
.list_HanNumberList > li > strong,
.list_HanBracketNumbers > li > strong,
.list_NumDot > li > strong,
.list_NumBrackets > li > strong,
.list_EnNumBrackets > li > strong,
.list_Roman > li > strong,
.list_RomanLower > li > strong,
.list_Alphabet > li > strong,
.list_AlphabetLower > li > strong,
.list_MultiLevel > li > strong,
.list_Triangle > li > strong,
.list_Circle > li > strong,
.list_Square > li > strong {
  display: inline-block;
  line-height: 1.4;
  color: var(--c-pry1);
  font-weight: var(--fw-bold);
  vertical-align: text-top;
}
.list_HanNumberList li,
.list_HanBracketNumbers li,
.list_NumDot li,
.list_NumBrackets li,
.list_EnNumBrackets li,
.list_Roman li,
.list_RomanLower li,
.list_Alphabet li,
.list_AlphabetLower li,
.list_MultiLevel li,
.list_Triangle li,
.list_Circle li,
.list_Square li {
  position: relative;
}

/* 第一種：中文數字編號 （一、二、...）*/
.list_HanNumberList {
  counter-reset: CjkIdeographic;
  padding-left: 37px !important;
}
.list_HanNumberList > li {
  counter-increment: CjkIdeographic;
}
.list_HanNumberList > li::marker {
  content: counter(CjkIdeographic, cjk-ideographic) "、";
}

/* 第二種：（一）、（二）、（三）*/
.list_HanBracketNumbers {
  counter-reset: CjkBrackets;
  padding-left: 48px !important;
}
.list_HanBracketNumbers > li {
  counter-increment: CjkBrackets;
}
.list_HanBracketNumbers > li::marker {
  content: "（" counter(CjkBrackets, cjk-ideographic) "）";
}

/* 第三種：1.、2.、3. */
.list_NumDot {
  counter-reset: DecimalDot;
  padding-left: 20px !important;
}
.list_NumDot > li {
  counter-increment: DecimalDot;
}
.list_NumDot > li::marker {
  left: 0.2em;
  content: counter(DecimalDot, decimal) ". ";
}

/* 第四種：（1）、（2）、（3） */
.list_NumBrackets {
  counter-reset: DecimalParenthesized;
  padding-left: 40px !important;
}
.list_NumBrackets > li {
  counter-increment: DecimalParenthesized;
}
.list_NumBrackets > li::marker {
  content: "（" counter(DecimalParenthesized, decimal) "）";
}

/* 第五種：(1)、(2)、(3) */
.list_EnNumBrackets {
  counter-reset: DecimalParenthesized_EN;
  padding-left: 22px !important;
}
.list_EnNumBrackets > li {
  counter-increment: DecimalParenthesized_EN;
  padding-left: 5px;
}
.list_EnNumBrackets > li p,
.list_EnNumBrackets > li h2,
.list_EnNumBrackets > li h3,
.list_EnNumBrackets > li h4,
.list_EnNumBrackets > li h5,
.list_EnNumBrackets > li h6,
.list_EnNumBrackets > li h7 {
  font-size: 100% !important;
  font-weight: var(--fw-regu);
  display: block;
  margin: 13px 0 16px 0;
}
.list_EnNumBrackets > li::marker {
  content: "(" counter(DecimalParenthesized_EN, decimal) ")";
}

html:lang(en) .list_NumBrackets {
  counter-reset: DecimalParenthesized;
}
html:lang(en) .list_NumBrackets > li {
  counter-increment: DecimalParenthesized;
  padding-left: 1.5em;
}
html:lang(en) .list_NumBrackets > li::before {
  content: "(" counter(DecimalParenthesized, decimal) ")";
}

/* 第六種：I、II、III、IV 編號 */
.list_Roman {
  counter-reset: RomanUpper;
  padding-left: 17px !important;
}
.list_Roman > li {
  counter-increment: RomanUpper;
  padding-left: 5px;
}
.list_Roman > li p,
.list_Roman > li h2,
.list_Roman > li h3,
.list_Roman > li h4,
.list_Roman > li h5,
.list_Roman > li h6,
.list_Roman > li h7 {
  font-size: 100% !important;
  font-weight: var(--fw-regu);
  display: block;
  margin: 13px 0 16px 0;
}
.list_Roman > li::marker {
  content: counter(RomanUpper, upper-roman) ".";
  min-width: 1em;
  text-align: center;
}

/* 第七種：i. ii. iii. 編號 */
.list_RomanLower {
  counter-reset: RomanLower;
  padding-left: 18px !important;
}
.list_RomanLower > li {
  counter-increment: RomanLower;
  padding-left: 5px;
}
.list_RomanLower > li::marker {
  content: counter(RomanLower, lower-roman) ".";
  min-width: 1em;
  text-align: center;
}

/* 第八種：A、B、C、D 編號 */
.list_Alphabet {
  counter-reset: AlphaUpper;
  padding-left: 22px !important;
}
.list_Alphabet > li {
  counter-increment: AlphaUpper;
  padding-left: 5px;
}
.list_Alphabet > li::marker {
  content: counter(AlphaUpper, upper-alpha) ".";
  min-width: 1em;
  text-align: center;
}

/* 第九種：a. b. c.  編號 */
.list_AlphabetLower {
  counter-reset: LowerAlpha;
  padding-left: 18px !important;
}
.list_AlphabetLower > li {
  counter-increment: LowerAlpha;
  padding-left: 5px;
}
.list_AlphabetLower > li::marker {
  content: counter(LowerAlpha, lower-alpha) ".";
  min-width: 1em;
  text-align: center;
}

/* 第十種：1. 1.1. 1.1.1.編號 */
.list_MultiLevel {
  counter-reset: MultiLevel;
  padding-left: 0;
}
.list_MultiLevel h2,
.list_MultiLevel h3,
.list_MultiLevel h4,
.list_MultiLevel h5,
.list_MultiLevel h6,
.list_MultiLevel h7 {
  font-size: 1.1111em !important;
  font-weight: var(--fw-regu);
}
.list_MultiLevel h2::after,
.list_MultiLevel h3::after,
.list_MultiLevel h4::after,
.list_MultiLevel h5::after,
.list_MultiLevel h6::after,
.list_MultiLevel h7::after {
  display: none;
}
.list_MultiLevel ul {
  counter-reset: MultiLevel;
  padding-left: 0;
}
.list_MultiLevel li {
  list-style: none;
  padding-left: 1.3em;
  position: relative;
}
.list_MultiLevel li::before {
  position: absolute;
  left: 0.2em;
  counter-increment: MultiLevel;
  content: counters(MultiLevel, ".") ".";
}
.list_MultiLevel li:nth-child(n+10) {
  padding-left: 1.8em;
  text-indent: 0.5em !important;
  margin-left: -0.5em;
}
.list_MultiLevel li:nth-child(n+10) * {
  text-indent: 0;
}
.list_MultiLevel li > ul > li {
  padding-left: 2.1em;
}
.list_MultiLevel li > ul > li:nth-child(n+10) {
  padding-left: 2.7em;
  text-indent: 0.6em !important;
  margin-left: -0.6em;
}
.list_MultiLevel li > ul > li:nth-child(n+10) * {
  text-indent: 0;
}
.list_MultiLevel li > ul > li > ul > li {
  padding-left: 2.9em;
}
.list_MultiLevel li > ul > li > ul > li:nth-child(n+10) {
  padding-left: 3.5em;
  text-indent: 0.6em !important;
  margin-left: -0.6em;
}
.list_MultiLevel li > ul > li > ul > li:nth-child(n+10) * {
  text-indent: 0;
}

/* 第十一種：▶ 符號列表 */
.list_Triangle {
  padding-left: 22px !important;
}
.list_Triangle > li {
  position: relative;
}
.list_Triangle > li p,
.list_Triangle > li h2,
.list_Triangle > li h3,
.list_Triangle > li h4,
.list_Triangle > li h5,
.list_Triangle > li h6,
.list_Triangle > li h7 {
  font-size: 100% !important;
  font-weight: var(--fw-regu);
  display: block;
}
.list_Triangle > li::before {
  content: "▸";
  color: var(--c-pry1);
  font-size: 2em;
  line-height: 0.6;
  position: absolute;
  left: -29px;
}

/* 第十二種：特殊符號 ● */
.list_Circle {
  padding-left: 15px !important;
}
.list_Circle > li {
  padding-left: 0.5em;
  position: relative;
}
.list_Circle > li p,
.list_Circle > li h2,
.list_Circle > li h3,
.list_Circle > li h4,
.list_Circle > li h5,
.list_Circle > li h6,
.list_Circle > li h7 {
  font-size: 100% !important;
  -webkit-transform: translateY(2px) !important;
      -ms-transform: translateY(2px) !important;
          transform: translateY(2px) !important;
  font-weight: var(--fw-regu);
  display: block;
  margin: 13px 0 16px 0;
}
.list_Circle > li::before {
  content: "●";
  color: var(--c-pry1);
  font-size: 0.5em;
  line-height: 2.35;
  position: absolute;
  left: -10px;
}

/* 第十三種：■ 符號 */
.list_Square {
  padding-left: 22px !important;
  position: relative;
}
.list_Square > li {
  padding-left: 0.5em;
}
.list_Square > li::before {
  left: 0;
  top: -0.34em;
  content: "■";
  color: var(--c-pry1);
  font-size: 1.3em;
  position: absolute;
  left: -15px;
}

.article1 ol li:last-child,
.article1 ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.article1 ul li {
  padding-bottom: 0;
}
.article1 ul.style1 {
  padding-left: 2em;
  margin-left: 0;
}
.article1 ul.style3 {
  padding-left: 3em;
  margin-left: 0;
}
.article1 ul.style3 ul {
  padding-left: 1em;
  margin-left: 0;
}
.article1 ul.style2 ul {
  padding-left: 0;
  margin-left: 20px;
}
.article1 ul.style4 {
  padding-left: 0.5em;
}
.article1 ul.style4 ul {
  padding-left: 1em;
  margin-left: 0;
}
.article1 ul.style5 ul {
  padding-left: 1em;
  margin-left: 0;
}
.article1 ul.style5 ul ul {
  padding-left: 2.5em;
  margin-left: 0;
}

/* easy_list style */
.words .easy_list1,
.words .easy_list2,
.words .easy_list3,
.words .easy_list3 ol,
.words .easy_list4 ol,
.words .easy_list5,
.words .easy_list5 ol ol {
  list-style: none;
  padding-left: 1.1em;
}

.words .easy_list2 {
  padding-left: 1.3em;
}

.words .easy_list4 {
  padding-left: 2.4em;
}

.words .easy_list1 li,
.words .easy_list3 ol li,
.words .easy_list4 ol li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.words .easy_box li i {
  font-style: normal;
}

.words .easy_box li i:before {
  position: relative;
}

.words .easy_list2 span,
.words .easy_list3 span,
.words .easy_list5 span {
  display: inline-block;
  text-indent: -2em;
  padding-left: 2em;
}

.words .easy_list2 ol,
.words .easy_list5 ol {
  padding-left: 3em;
}

.words .easy_list3 ol {
  padding-left: 2em;
  margin-top: 16px;
}

.words .easy_list4 ol {
  padding-left: 0;
  margin-top: 16px;
}

.words .easy_box ol li:last-child p {
  margin-bottom: 0;
}

.words .easy_list5 ol ol {
  text-indent: -1.6em;
  padding-left: 1.5em;
}

/* SiteMap style  */
.sitemap {
  margin: auto;
  padding-left: unset !important;
  list-style: none;
  text-align: justify;
  margin-bottom: 10px;
  margin-left: 0;
}

.sitemap .box {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 20px);
  margin-right: 20px;
  margin-bottom: 39px;
  background: rgba(0, 0, 0, 0.02);
}

.sitemap .box a:hover {
  color: var(--c-pry1) !important;
}

.sitemap .box > a {
  display: block !important;
  color: #fff !important;
  line-height: 1.5;
  word-break: break-word;
  text-decoration: none;
  padding: 11px 20px 9px 50px;
  border-bottom: 0 !important;
  background: var(--c-pry1);
  text-align: left;
}
.sitemap .box > a:hover {
  color: #000 !important;
  background: #40C4C6;
}

.words_content .sitemap,
.words_content .sitemap2,
.words_content .sitemap3 {
  margin-left: 0;
  padding-left: 0;
}

.words_content .sitemap2 {
  padding-top: 12px;
}

.sitemap * > :before {
  content: attr(data-site);
  position: absolute;
  margin-left: -25px;
}

.words .sitemap li {
  padding-bottom: 0;
}

.sitemap2 * > :before {
  content: attr(data-site2);
  position: absolute;
  margin-left: -35px;
}

.sitemap3 * > :before {
  content: attr(data-site3);
  position: absolute;
  margin-left: -50px;
}

.sitemap .box > ul li a {
  padding-left: 60px;
  margin-bottom: 5px;
  color: #000 !important;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 25px;
  border-bottom: 0;
}

.sitemap .box > ul li ul a {
  padding-left: 89px;
  padding-right: 26px;
}

.sitemap .box:nth-of-type(4n) {
  margin-right: 0;
}

.words .sitemap .box ul li:nth-of-type(n+10):nth-of-type(-n+30) a:before {
  margin-left: -45px;
}

.words .sitemap .box ul li:nth-of-type(n+10):nth-of-type(-n+30) ul a:before {
  margin-left: -60px;
}

.words .sitemap .box ul li:nth-of-type(n+10):nth-of-type(-n+30) a {
  margin-left: 10px;
}

.words .sitemap .box ul ul li:nth-of-type(n+10):nth-of-type(-n+30) a:before {
  margin-left: -60px;
}

/* common */
.linlkNoIcon,
.linkNoIcon {
  border-bottom: none !important;
}
.linlkNoIcon:after,
.linkNoIcon:after {
  display: none !important;
}
.linlkNoIcon:hover,
.linkNoIcon:hover {
  border-bottom: none !important;
}

/* hide searchbar in content */
.content-wrap .Search {
  display: none;
}

/* share */
.top_share {
  width: 85%;
  max-width: 1600px;
  margin: 0 auto;
  text-align: right;
  padding: 0 0 16px 0;
}

.top_share a {
  margin: 0 5px;
}

/* accordion */
.cd-accordion-menu a:hover,
.cd-accordion-menu label:hover {
  color: #000;
  background: #40C4C6;
}

.cd-accordion-menu > li li label:before {
  background-image: url(../img/icon/Webp/plus3.webp);
}

.cd-accordion-menu input[type=checkbox]:hover + label {
  color: #000;
  background: #40C4C6;
}

.cd-accordion-menu input[type=checkbox]:checked:hover + label {
  color: #000;
  background: #40C4C6;
}
.cd-accordion-menu input[type=checkbox]:checked:hover + label::before {
  background-image: url(../img/icon/Webp/minus3_hover.webp) !important;
}

.cd-accordion-menu input[type=checkbox]:checked + label:before,
.cd-accordion-menu ul input[type=checkbox]:checked + label:before {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.cd-accordion-menu > li > input[type=checkbox] + label:before,
.cd-accordion-menu > li > input[type=checkbox]:hover + label:before,
.cd-accordion-menu > li > input[type=checkbox]:checked:hover + label:before {
  -webkit-filter: none !important;
          filter: none !important;
}

.control2 .cd-accordion-menu a,
.control2 .cd-accordion-menu label {
  color: #fff;
  background: #19A3A3;
}
.control2 .cd-accordion-menu input[type=checkbox]:checked + label,
.control2 .cd-accordion-menu input[type=checkbox]:hover + label {
  background: #008484;
  color: #fff;
}
.control2 .cd-accordion-menu.left_menu2 ul a:hover {
  color: var(--c-pry1);
}
.control2 .cd-accordion-menu label img {
  vertical-align: -12px;
}
.control2 .cd-accordion-menu ul a:hover,
.control2 .cd-accordion-menu ul label:hover {
  background: inherit;
}

.cd-accordion-menu > li > ul {
  background: #EDF6F7;
}

.cd-accordion-menu > li > label,
.cd-accordion-menu > li > a {
  padding: 17.25px 30px 15.25px 59px;
}

.cd-accordion-menu > li > a:hover {
  color: #fff !important;
  background: #40C4C6 !important;
  -webkit-transition: none;
  transition: none;
}

.linkBar {
  font-size: 0.8888em;
}
.linkBar .bi-link {
  margin-right: 5px;
}

/* otherinfo */
.content-wrap > .otherinfo {
  font-size: 1.125em;
}

/* form */
.words a:focus-visible {
  margin-left: 5px;
}

/* group_list */
.groupListTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -2px;
}

.groupListTopL {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
}

.groupListTopR {
  padding-left: 10px;
  text-align: right;
  margin-top: -5px;
  margin-bottom: -5px;
}
.groupListTopR .group_list_btn {
  position: relative;
  white-space: nowrap;
  padding: 1px 9px 2px 9px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.groupListTopR .group_list_btn:not(:nth-of-type(1)) {
  margin-left: 10px;
}

.group_list .h5 {
  font-size: 1.1111em !important;
  margin-bottom: 0;
}

.group_list .groupListTop + p {
  padding-top: 8px;
  margin-bottom: 2px;
}

.group_list a {
  color: #000;
}

.group_list .border_btn {
  margin: 13px 4px 0 4px;
}

.border_btn {
  font-size: 0.8888em;
}
.border_btn[href^="javascript:"] {
  cursor: default;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* article */
.title1 {
  color: #333333;
}

.article-title1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 16px;
}
.article-title1:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 1.6em;
  margin: -1px 12px 0 0;
  background: var(--c-pry1);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7px;
          flex: 0 0 7px;
}

b.article-title1 {
  font-weight: 600;
}

.article-title2 {
  font-size: 1.25em;
  margin-bottom: 13px;
}

.main_people_pic {
  padding-left: 20px;
  margin-left: -20px;
}

/* list */
.accordion .copyLinkBtn {
  color: #000;
}
.accordion .copyLinkBtn:hover {
  color: var(--c-pry1);
}

.Gradient_btn.download {
  margin: 0;
}

.info_main {
  font-size: 1.125em;
  margin-top: -10px;
  padding-bottom: 10px;
}

.info_ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 10px);
}

.info_ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: calc(20% - 10px);
  margin: 10px 10px 0 0;
  border: 1px solid #99f5ff;
  display: block;
  line-height: 1;
}

.info_box2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #5E625D;
}

.info_ul li span {
  text-align: center;
  position: relative;
  padding: 10px;
}

.info_box2.active,
.info_box2:hover {
  border-radius: 10px;
}

.top_btn_main {
  width: calc(100% + 10px);
  margin-top: -8px;
  margin-bottom: 10px;
}

.top_btn_main a {
  display: inline-block;
  color: #4A4A4A;
  border: 1px solid #d8b684;
  margin: 0 10px 10px 0;
  padding: 5px 15px;
  position: relative;
}
.top_btn_main a:after {
  display: none !important;
}

.top_btn_main a:before {
  content: "";
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #d8b684 transparent transparent;
  z-index: 1;
}

.top_btn_main a.active,
.top_btn_main a:hover {
  color: #4A4A4A !important;
  border-color: #d8b684;
  background: #d8b684;
}

.top_btn_main a.active:before,
.top_btn_main a:hover:before {
  right: 0;
  top: 0;
  border-width: 0 10px 10px 0;
  border-color: transparent #fff transparent transparent;
}

/* Magnific Popup 樣式設定 */
.mfp-zoom-out-cur {
  overflow: hidden;
  /* 彈出視窗時禁止背景滾動 */
}

.mfp-container {
  padding: 0 8%;
  /* 彈出視窗容器內距 */
}
.mfp-container figcaption {
  padding: 0;
  /* 圖片說明文字內距清除 */
}

img.mfp-img {
  padding: 100px 0;
  /* 彈出圖片上下間距 */
}

.mfp-figure:after {
  top: 100px;
  bottom: 100px;
}

.mfp-bottom-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -85px;
  padding-bottom: 15px;
}

.mfp-title,
.mfp-counter {
  font-size: 1.125em;
  line-height: 1.4em;
}

.mfp-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 0;
}
.mfp-title strong {
  font-weight: 400;
}

.mfp-counter {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  top: inherit;
  right: inherit;
}
.mfp-counter:not(:empty) {
  padding-left: 24px;
}

.mfp-close {
  font-size: 2.7em;
  width: 90px;
  height: 100px;
  line-height: 100px;
  text-shadow: 0 0 5px #000;
  opacity: 0.8;
}

button.mfp-arrow:focus,
button.mfp-close:focus {
  outline-offset: -3px;
}

.mfp-arrow-left:before {
  margin-left: 2%;
}
.mfp-arrow-left:after {
  margin-left: calc(2% + 6px);
}

.mfp-arrow-right:before, .mfp-arrow-right:after {
  left: inherit;
  right: 0;
}
.mfp-arrow-right:before {
  margin-left: 0;
  margin-right: 2%;
}
.mfp-arrow-right:after {
  margin-left: 0;
  margin-right: calc(2% + 6px);
}

/* search result */
.words {
  /* 去除link icon */
}
.words .gsst_a:after,
.words .gs-title:after,
.words .gs-label:after,
.words .gs-image:after,
.words .gcsc-more-maybe-branding-root a:after,
.words .gcsc-more-maybe-branding-box a:after,
.words .gcsc-branding a:after {
  display: none;
}
.words .gcsc-more-maybe-branding-root a {
  border: none;
}
.words .gsc-control-cse,
.words .gsc-webResult.gsc-result,
.words .gsc-results .gsc-imageResult {
  background: transparent;
}
.words .gsc-webResult.gsc-result:hover,
.words .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.words .gsc-results .gsc-cursor-box .gsc-cursor-page {
  background: transparent;
  border: 0;
}
.words .gsc-control-cse,
.words .gsc-control-cse .gsc-table-result {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.words .gsc-control-cse {
  padding: 0;
  border: 0;
}
.words .gsc-selected-option-container {
  font-size: 1em;
  line-height: 2;
}
.words .gsc-input-box {
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 0.625rem;
}
.words .gsib_a {
  padding: 6px 15px 8px 15px;
}
.words .gsst_b {
  padding: 0 10px;
}
.words .gsst_a {
  border: none;
}
.words .gsst_a:hover, .words .gsst_a:focus-visible {
  border: none;
}
.words .gsst_a:hover .gscb_a, .words .gsst_a:focus-visible .gscb_a {
  color: var(--c-pry1);
}
.words .gsst_a .gscb_a {
  color: #3e4346;
  line-height: 0.7;
  font-size: 1.8em;
  vertical-align: -2px;
}
.words .gsc-search-button-v2 {
  border: none;
  height: 40px;
  min-width: 102px;
  padding: 6.5px 23px;
  border-radius: 0.25rem;
  background: #cbcbcb;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.words .gsc-search-button-v2:hover, .words .gsc-search-button-v2:focus {
  background: var(--c-pry1);
}
.words .gsc-search-button-v2 svg {
  width: 24px;
  height: 24px;
}
.words .gsc-result-info {
  font-size: 0.875em;
  padding: 0;
}
.words .gsc-selected-option-container {
  max-width: 100%;
  min-width: auto;
  font-family: inherit;
  font-weight: 600;
}
.words .gsc-inline-block {
  vertical-align: middle;
}
.words .gsc-orderby-container {
  width: 180px;
}
.words .gsc-orderby-container,
.words .gs-visibleUrl-breadcrumb,
.words .gs-snippet {
  font-size: 0.9em;
}
.words .gs-webResult div.gs-visibleUrl {
  color: #6E777C;
}
.words .gs-visibleUrl-breadcrumb span {
  color: #6E777C;
}
.words .gsc-orderby-label {
  padding: 0 5px 0 0;
  font-weight: 600;
}
.words .gsc-above-wrapper-area {
  padding: 15px 0;
  margin-bottom: 10px;
}
.words .gsc-adBlock {
  padding-left: 11px;
  padding-right: 15px;
}
.words .gsc-results {
  width: 100%;
}
.words .gsc-thumbnail-inside {
  font-size: 1.125em;
}
.words .gsc-thumbnail-inside,
.words .gsc-url-top,
.words .gsc-table-result,
.words .gs-promotion-table {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;
}
.words .gsc-control-cse .gs-spelling,
.words .gsc-control-cse .gs-result .gs-title,
.words .gsc-control-cse .gs-result .gs-title * {
  font-size: 0.993808em;
}
.words .gsc-result .gs-title {
  overflow: visible;
}
.words .gs-webResult.gs-result a.gs-title:link,
.words .gs-webResult.gs-result a.gs-title:link b,
.words .gs-imageResult a.gs-title:link,
.words .gs-imageResult a.gs-title:link b {
  color: var(--c-pry1);
}
.words .gs-webResult.gs-result a.gs-title:visited,
.words .gs-webResult.gs-result a.gs-title:visited b,
.words .gs-imageResult a.gs-title:visited,
.words .gs-imageResult a.gs-title:visited b {
  color: var(--c-pry1);
}
.words .gs-webResult.gs-result a.gs-title:hover,
.words .gs-webResult.gs-result a.gs-title:hover b,
.words .gs-imageResult a.gs-title:hover,
.words .gs-imageResult a.gs-title:hover b {
  color: var(--c-pry1);
  border-color: var(--c-pry1);
}
.words .gs-web-image-box,
.words .gs-promotion-image-box {
  margin-right: 8px;
  padding-right: 0;
}
.words .gsc-results .gsc-cursor-box {
  margin: 10px 0 20px 0;
  text-align: center;
}
.words .gcsc-find-more-on-google-magnifier {
  fill: var(--c-pry1);
}
.words .gcsc-find-more-on-google {
  color: var(--c-pry1);
  margin-left: 0;
  padding-top: 0;
}
.words .gcsc-find-more-on-google:hover {
  opacity: 0.8;
}
.words .gcsc-find-more-on-google-query {
  font-weight: 600;
}
.words .gsc-branding,
.words .gcsc-branding {
  padding: 0;
  line-height: 1.2;
}
.words .gsc-webResult.gsc-result {
  border: none;
}
.words .gsc-tabHeader.gsc-tabhActive,
.words .gsc-refinementHeader.gsc-refinementhActive {
  background: transparent;
}
.words .gcsc-find-more-on-google-branding {
  margin-top: 4px;
}
.words .gsc-adBlock,
.words .gsc-tabsArea {
  display: none;
}
.words .gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 600;
  color: #000;
  border-radius: 20px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  margin: 5px 2px;
}
.words .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
  color: #fff;
  background-color: var(--c-pry1);
  text-decoration: none;
}
.words .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #fff;
  background-color: var(--c-pry1);
}
.words .gsc-results .gsc-cursor-box,
.words .gcsc-more-maybe-branding-box {
  border: none;
}
.words .gsc-cursor-chevron {
  margin: -5px 16px -1px;
}
.words .gs-fileFormat {
  font-size: 0.875em;
}
.words .gs-result .gs-image:hover,
.words .gs-result .gs-promotion-image:hover,
.words .gsc-branding:hover,
.words .gcsc-branding:hover {
  opacity: 0.8;
}
.words .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 12px;
}
.words .gsc-input-box {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
}
.words .gsc-input-box input {
  font-size: 1rem;
  background-color: #fff !important;
}
.words .gsc-refinementsArea {
  margin: 1.25em 0 0 0;
  border-radius: 0;
  border-right: none;
  border-left: none;
  border-top: none;
}
.words .gsc-refinementHeader {
  font-size: 1.125em;
  font-weight: 600;
  padding: 8px 10px 0 10px;
}
.words .gsc-refinementHeader.gsc-refinementhInactive {
  padding-bottom: 8px;
}
.words .gsc-refinementHeader.gsc-refinementhInactive:focus-visible {
  outline-offset: -5px;
}
.words .gsc-refinementHeader.gsc-refinementhActive {
  color: var(--c-pry1);
  border-color: var(--c-pry1);
  border-bottom-width: 3px;
  padding-bottom: 5px;
}
.words .gsc-refinementsGradient {
  right: 0;
  height: 43px;
  border-radius: 0;
}
.words .gsc-cursor-chevron {
  margin: -2px 16px 0;
}
.words .gs-webResult .gs-per-result-labels .gs-label {
  color: #000;
  border-bottom: none;
}

.gscMoreBtn {
  text-align: right;
  padding-bottom: 10px;
}
.gscMoreBtn .gsc-search-button {
  font-size: 1em !important;
  font-weight: 600;
  padding: 0 15px !important;
  width: auto;
  line-height: 1.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 0.25rem;
  background: #cbcbcb;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.gscMoreBtn .gsc-search-button:hover, .gscMoreBtn .gsc-search-button:focus {
  background: var(--c-pry1);
}

.gsc-completion-container {
  font-size: inherit !important;
  font-family: inherit !important;
  background-color: #fff !important;
}

.gsc-completion-selected {
  background-color: #e5e5e5 !important;
}

.gs-result a.gs-image {
  border: none;
}

/*=============================================
//        		  schedule      	          =
//===========================================*/
.serach_group2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 190px;
          flex: 1 0 190px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.serach_group2 + .serach_group {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 0 175px !important;
          flex: 1 0 175px !important;
}
.serach_group2 + .serach_group + .submit_group {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 270px;
          flex: 1 0 270px;
}

.eventIntro .ci-filetype,
.moreTxt .ci-filetype {
  padding: 6.2px 0.529em 5.2px;
}

.scheduleWrap {
  position: relative;
  margin-bottom: 2rem;
}
.scheduleWrap:before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 4.1em;
  width: 5px;
  height: 100%;
  background-color: #E2E2E2;
}

.dayList {
  position: relative;
  z-index: 2;
}
.dayList .dayI:not(:last-child) .timeList {
  padding-bottom: 44px;
}
.dayList .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-align: center;
}
.dayList .date .dateL,
.dayList .date .dateR {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.1em;
          flex: 0 0 4.1em;
  height: 3.9em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dayList .date span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.dayList .date .dateL {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #92A7B0;
}
.dayList .date .dateL .dateD {
  display: none;
}
.dayList .date .dateR {
  margin-left: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #40C4C6;
}
.dayList .date .dateM,
.dayList .date .dateD {
  font-size: 1.3333em;
  line-height: 1.4;
}
.dayList .date .dateY,
.dayList .date .dateW {
  font-size: 0.8888em;
  padding-bottom: 0.15em;
}
.dayList .date .dateY {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.dayList .date .dateM {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.timeList {
  margin-left: calc(4.1em + 5px);
  padding: 22px 22px 0 22px;
  max-width: 1062px;
}
.timeList .timeI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  border-radius: 10px;
  padding: 26px 32px;
  margin-bottom: 16px;
  background: #F4F6F7;
  position: relative;
}
.timeList .timeI :focus-visible {
  outline: #E85600 dotted 5px !important;
}
.timeList .person {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.9em;
          flex: 0 0 3.9em;
}
.timeList .person b {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 1.1111em;
  padding: 2px 15px 3px 15px;
}
.timeList .personColor1 {
  background: #048478;
}
.timeList .personColor2 {
  background: #6999AB;
}
.timeList .personColor3 {
  background: #2B87D1;
}
.timeList .eventCon {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.timeList .title {
  font-size: 1.3333em;
  line-height: 1.3;
  padding-right: 50px;
}
.timeList .title b {
  font-weight: 600;
}
.timeList .timePoint {
  color: var(--c-pry1);
}
.timeList .site,
.timeList .note,
.timeList .summary {
  padding-top: 0.5em;
}
.timeList .site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1111em;
  font-weight: 600;
}
.timeList .note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1111em;
  padding-top: 0.5em;
  font-weight: 600;
}
.timeList .summary {
  font-size: 1.1111em;
  color: #666;
}
.timeList .summary .moreTxt {
  display: block;
  position: relative;
  color: #666;
  border: 0;
  overflow: initial !important;
}
.timeList .summary .moreTxt:after {
  display: none;
}
.timeList .summary .moreTxt:hover, .timeList .summary .moreTxt:focus-visible, .timeList .summary .moreTxt:active {
  border: 0;
}
.timeList .summary .moreTxt:hover .ci-filetype, .timeList .summary .moreTxt:focus-visible .ci-filetype {
  color: #fff;
  background-color: var(--c-pry1);
}
.timeList .summary .moreTxt .ci-filetype {
  font-size: 0.7em;
  margin: -0.3em 0 0.1em 0.4em;
}
.timeList .itemTitle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
          flex: 0 0 3em;
}
.timeList .article1-list3 {
  padding-left: 0;
  padding-top: 16px;
  padding-bottom: 0;
}
.timeList .article1-list3 li {
  padding-left: 1.8em;
}
.timeList .article1-list3 li:before {
  left: 0;
  line-height: 1.4;
}
.timeList .article1-list3 a:after {
  margin-left: 0;
  vertical-align: -0.24em;
}
.timeList .article1-list3 > li:nth-last-of-type(1) {
  padding-bottom: 0;
}
.timeList .article1-list3 strong {
  font-weight: 400;
}
.timeList .article1-list3 .linkNoIcon {
  color: #000;
}
.timeList .article1-list3 .linkNoIcon:hover {
  color: #000;
}
.timeList .article1-list3 .linkNoIcon:hover .ci-filetype {
  color: #fff;
  background: var(--c-pry1);
}
.timeList .listIcon1 {
  padding-left: 1.8em;
}
.timeList .listIcon1:before {
  font-size: 1.45em !important;
}
.timeList .eventDt a:after {
  display: none;
}
.timeList .eventDt a:hover {
  text-decoration: none;
}
.timeList .eventTxt a {
  display: block;
  border-bottom: none;
  text-decoration: none;
  overflow: initial;
}
.timeList .eventTxt a:hover .ci-filetype, .timeList .eventTxt a:focus-visible .ci-filetype {
  color: #fff;
  background-color: var(--c-pry1);
}
.timeList .eventTitle {
  color: var(--c-pry1);
  font-size: 1.3333em;
  padding-top: 16px;
  font-weight: 600;
}
.timeList .eventIntro {
  color: #000;
  padding-top: 0.3em;
}
.timeList .eventMedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: 16px;
}
.timeList .eventMedia .mediaI {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px);
          flex: 0 0 calc(50% - 16px);
  margin: 16px 0 0 0;
}
.timeList .eventMedia .pic {
  position: relative;
  width: 100%;
  aspect-ratio: 1.77;
  overflow: hidden;
}
.timeList .eventMedia .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.timeList .eventMedia .title {
  display: none;
}
.timeList .eventMedia a {
  display: block;
  border: none;
  text-decoration: none;
}
.timeList .eventMedia a:hover, .timeList .eventMedia a:focus-visible {
  text-decoration: none;
}
.timeList .eventMedia a:hover .pic img, .timeList .eventMedia a:focus-visible .pic img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.timeList .eventMedia .ytIframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.77;
}
.timeList .eventMedia iframe {
  width: 100%;
  height: 100%;
}
.timeList .eventMedia img,
.timeList .eventMedia iframe {
  vertical-align: top;
}
.timeList .share-toggle {
  display: inline-block;
  position: absolute;
  right: 32px;
  top: 17px;
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle {
    right: 13px;
    top: 13px;
  }
}
.timeList .share-toggle .ci-share,
.timeList .share-toggle .ci-x {
  display: block;
  width: 60%;
  height: 100%;
  background-position: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.timeList .share-toggle .ci-share {
  background-image: url(../img/icon/icon_share.svg);
  background-position-x: -1px;
}
.timeList .share-toggle .ci-link {
  background-image: url(../img/icon/icon-link.svg);
  width: 70%;
  height: 100%;
  background-position: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.timeList .share-toggle .ci-line {
  background-image: url(../img/icon/icon-line.svg);
  width: 60%;
  height: 100%;
  background-position: 0px 9px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .ci-line {
    background-position: 0px 7px;
  }
}
.timeList .share-toggle .ci-fb {
  background-image: url(../img/icon/icon-fb.svg);
  width: 50%;
  height: 100%;
  background-position: 2px 8px;
  background-size: 85% auto;
  background-repeat: no-repeat;
}
.timeList .share-toggle .ci-x {
  background-image: url(../img/icon/icon-x.svg);
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .ci-x {
    background-position: 0px 6px;
  }
}
.timeList .share-toggle .share-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .share-btn {
    width: 29px;
    height: 29px;
  }
}
.timeList .share-toggle .share-btn i {
  font-size: 1.25rem;
  color: #666;
}
.timeList .share-toggle .share-btn:hover {
  background: #92A7B0;
}
.timeList .share-toggle .share-icons {
  position: absolute;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  border-radius: 5px;
  z-index: 10;
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .share-icons {
    top: 35px;
  }
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .share-icons {
    gap: 5px;
  }
}
.timeList .share-toggle .share-icons[hidden] {
  display: none !important;
}
.timeList .share-toggle .share-icons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 550px) {
  .timeList .share-toggle .share-icons a {
    width: 29px;
    height: 29px;
  }
}
.timeList .share-toggle .share-icons a.icon-link {
  overflow: visible;
}
.timeList .share-toggle .share-icons a::after {
  display: none;
}
.timeList .share-toggle .share-icons a i {
  font-size: 1.25rem;
  color: #666;
}
.timeList .share-toggle .share-icons a:hover, .timeList .share-toggle .share-icons a:focus-visible {
  background: #cce5cc;
  margin-left: 0px;
  border-bottom: 0;
}
.timeList .share-toggle .share-icons a:hover.icon-link, .timeList .share-toggle .share-icons a:focus-visible.icon-link {
  background: #C3D24E;
}
.timeList .share-toggle .share-icons a:hover.icon-line, .timeList .share-toggle .share-icons a:focus-visible.icon-line {
  background: #4CB234;
}
.timeList .share-toggle .share-icons a:hover.icon-fb, .timeList .share-toggle .share-icons a:focus-visible.icon-fb {
  background: #3B5998;
}
.timeList .share-toggle .share-icons a:hover.icon-x, .timeList .share-toggle .share-icons a:focus-visible.icon-x {
  background: #000;
}
.timeList .share-toggle .share-icons a:hover i, .timeList .share-toggle .share-icons a:focus-visible i {
  color: #fff;
}
.timeList .share-toggle .share-icons .copyMsg {
  display: none;
  position: fixed;
  top: 50%;
  left: 58%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: var(--md-white-1);
  word-break: keep-all;
  white-space: nowrap;
  padding: 0.4375em 0.75em 0.5625em 0.75em;
  border-radius: 6px;
  color: #fff;
  background-color: #3e4346;
  z-index: 2;
}

.link_file li,
.link_related li {
  margin: 13px 0 16px 0;
}

.calendarBtn1 {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(../img/icon/Webp/icon_calendar1.webp) no-repeat 0 0;
}

/* 英文版 */
html:lang(en) .h2,
html:lang(en) h2 {
  font-weight: 700;
}
html:lang(en) .green_b,
html:lang(en) .breadcrumb > li:last-child > a,
html:lang(en) .main_env .bricon,
html:lang(en) th,
html:lang(en) .gsc-input-box,
html:lang(en) .gsc-search-button-v2,
html:lang(en) input.gsc-search-button {
  font-weight: 700;
}
html:lang(en) .control2 .container {
  float: none;
  width: 100%;
}
html:lang(en) .control2 .main_env {
  margin-right: -20px;
}
html:lang(en) .control2 aside {
  width: 100%;
  position: relative;
  float: none;
}
html:lang(en) .control2 .cd-accordion-menu,
html:lang(en) .control2 .left_menu {
  width: 100%;
  margin-left: 0;
  max-width: 100%;
}
html:lang(en) .control2 .cd-accordion-menu.left_menu4 {
  margin-bottom: 20px;
}
html:lang(en) .control2 .fb_main,
html:lang(en) .control2 .googleplay,
html:lang(en) .googleplay2 {
  width: 100%;
  margin: 20px 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
html:lang(en) .control2 + .otherinfo {
  margin-top: -4px;
}
html:lang(en) .page_box div:last-child {
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  /* mfp */
  .mfp-container {
    padding: 0 100px;
  }
  .mfp-arrow:before, .mfp-arrow:after {
    margin-top: 35px;
  }
  .mfp-arrow-left:before {
    margin-left: 25px;
  }
  .mfp-arrow-left:after {
    margin-left: 31px;
  }
  .mfp-arrow-right:before, .mfp-arrow-right:after {
    left: 0;
    right: inherit;
  }
  .mfp-arrow-right:before {
    margin-left: 35px;
  }
  .mfp-arrow-right:after {
    margin-left: 39px;
  }
  /* search result*/
  .words .gsc-results .gsc-cursor-box {
    margin: 30px 15px 40px 15px;
  }
  .words .gsc-thumbnail-inside,
  .words .gsc-url-top,
  .words .gsc-table-result,
  .words .gs-promotion-table {
    padding-left: 15px;
    padding-right: 15px;
  }
  .words .gcsc-find-more-on-google {
    margin-left: 15px;
  }
  .words .gsc-above-wrapper-area {
    padding: 15px;
  }
  .words .gsc-orderby-container {
    width: auto;
  }
  .words .gsc-results .gsc-cursor-box .gsc-cursor-page {
    margin: 5px 5px;
  }
  .words .gcsc-find-more-on-google-magnifier {
    margin-top: 2px;
  }
}
@media (max-width: 1400px) {
  /* breadcrumb */
  .breadcrumb {
    width: calc(100% - 50px);
  }
  /* container */
  .main .content-wrap {
    margin: auto auto 5rem auto;
    width: calc(100% - 50px);
  }
  /* TopBar style */
  .top_bar_group .date_group {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  /* top_share */
  .top_share {
    padding: 0 25px 25px 25px;
    width: 100%;
    margin-right: -5px;
  }
}
@media (max-width: 1200px) {
  /* container*/
  .content-wrap aside {
    display: none;
  }
  .main .content-wrap {
    margin-bottom: 60px;
  }
  .otherinfo {
    margin: 60px 0 0px;
  }
  .list_group2,
  .list_group {
    margin-bottom: 16px;
  }
  .content-wrap .container,
  .content-wrap .control .container {
    background: #fff;
    float: none;
    width: 100%;
    min-height: 360px;
    padding: 0;
  }
  /* grid style */
  .grid li.new_vedio {
    width: 48%;
    width: calc(50% - 36px);
  }
  /* SiteMap style */
  .sitemap .box {
    width: calc(33.3333333333% - 20px);
  }
  .sitemap .box:nth-of-type(3n) {
    margin-right: 0;
  }
  .sitemap .box:nth-of-type(4n) {
    margin-right: 20px;
  }
  /* accordion style*/
  .accordion {
    margin-bottom: 16px;
  }
  /* form style */
  .page_box {
    padding-top: 52px;
  }
  /* table style */
  .tab_content + .otherinfo {
    margin: 44px 0 0px;
  }
  /* right aside */
  .control2 aside {
    display: block;
    width: 100%;
  }
  .control2 .cd-accordion-menu,
  .control2 .left_menu {
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
  .control2 .fb_main,
  .control2 .googleplay,
  .googleplay2 {
    width: 100%;
    margin: 5% 0 5% 0;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .control2 .cd-accordion-menu.left_menu4 {
    width: 100%;
    margin-bottom: 20px;
  }
  /* main_env */
  .main_env {
    margin-right: -20px;
  }
}
@media screen and (max-width: 1024px) {
  /* container */
  .content-wrap {
    width: 100%;
    padding: 0;
  }
  .main .content-wrap .container,
  .main .content-wrap aside,
  .main footer {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main .content-wrap {
    margin-bottom: 40px;
  }
  .content-wrap {
    margin: auto auto 30px auto;
  }
  .otherinfo + #ctl12_pnlPage .page_box {
    margin: 32px 0 32px;
  }
  .content-wrap .container,
  .content-wrap .control .container {
    margin-bottom: 0px;
  }
  .otherinfo {
    margin: 40px 0 0px;
  }
  /* form style */
  .page_box {
    padding-top: 40px;
  }
  /* SiteMap style */
  .sitemap .box {
    width: calc(50% - 20px);
  }
  .sitemap .box:nth-of-type(2n) {
    margin-right: 0;
  }
  /* top_control style*/
  .top_bar_group {
    padding-bottom: 20px;
    margin: 0;
  }
  /* table style */
  .tab_content + .otherinfo {
    margin: 24px 0 0px;
  }
  /* breadcrumb */
  .breadcrumb {
    padding: 0 0 10px 0;
  }
  /* list */
  .top_control {
    margin-bottom: 20px;
  }
  .top_control h2 {
    margin: 0;
    padding: 5px 0 12px 0;
  }
  .top_control h2:after {
    bottom: 0;
  }
  .container .h2_icon {
    margin: 0;
    padding-bottom: 7px;
  }
  /* group_list */
  .groupListTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0;
  }
  .groupListTopL {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .groupListTopR {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 6px;
    margin-top: -1px;
    text-align: left;
  }
  .group_list li,
  .content-wrap .words .group_list li {
    padding: 20px 32px;
  }
  .group_list .groupListTop + p {
    padding-top: 1px;
    margin-bottom: 0;
  }
  .group_list .border_btn {
    margin-top: 11px;
  }
  /* main_env */
  .main_env li {
    width: calc(50% - 20px);
  }
  /* schedule */
  .timeList {
    padding-right: 0;
  }
  .timeList .timeI {
    padding-right: 32px;
  }
  /* 英文版 */
  html:lang(en) .group_list .h5 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 992px) {
  /* list */
  .info_ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: calc(25% - 10px);
  }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* mfp */
  .mfp-img-mobile .mfp-bottom-bar {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  /* Basic style */
  .mobile2 {
    clear: both;
    display: block !important;
  }
  .pc2 {
    display: none !important;
  }
  /* words style */
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8 {
    width: 100% !important;
    float: none;
    position: relative;
    margin-left: 0;
  }
  .main_people_pic {
    max-width: 150px;
    margin: auto;
  }
  /* main_env */
  .main_env li {
    width: calc(100% - 20px);
  }
  /* Word_flex_box */
  .Word_flex_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Word_flex_content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .Word_flex_img {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .main_people_pic {
    max-width: 100%;
    width: 100%;
    display: block;
    text-align: center;
    padding-left: 0;
    margin-left: 0;
  }
  .main_people_pic img {
    display: inline-block;
    max-width: 150px;
    float: none !important;
    margin-bottom: 10px;
  }
  /* list */
  .info_ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    max-width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 767.9px) {
  /* mfp */
  .mfp-close {
    position: fixed !important;
    width: calc(16% + 0.4em);
  }
  .mfp-bg {
    height: 100vh !important;
  }
  .mfp-bg,
  .mfp-wrap {
    position: fixed !important;
  }
  .mfp-wrap {
    top: 0 !important;
  }
  .mfp-container {
    overflow-y: auto;
  }
  /* schedule */
  .timeList .timeI {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .timeList .person,
  .timeList .eventCon {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .timeList .person b {
    margin-bottom: 16px;
  }
  .timeList .eventMedia .mediaI {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .top_bar_group .submit_group {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (max-width: 700px) {
  /* Basic style */
  .img_L,
  .img_L2 {
    width: 100%;
  }
  .h2,
  h2 {
    font-size: 1.5rem !important;
  }
  .h3,
  h3 {
    font-size: 1.3rem !important;
  }
  .main .h3,
  .main h3 {
    font-size: 1.5em !important;
  }
  .h4,
  h4 {
    font-size: 1.1rem !important;
  }
  .main .h4,
  .main h4 {
    font-size: 1.375rem !important;
  }
  .h5,
  h5 {
    font-size: 1rem !important;
  }
  .main .h5,
  .main h5 {
    font-size: 1.25rem !important;
  }
  .h6,
  h6 {
    font-size: 0.8rem !important;
    margin: 25px 0;
  }
  .main .h6,
  .main h6 {
    font-size: 1.125rem !important;
  }
  /* TopBar style */
  /* container*/
  .list_group2,
  .list_group,
  .main .content-wrap {
    margin-bottom: 30px;
  }
  .otherinfo {
    margin: 30px 0 0px;
  }
  /* grid style */
  .grid li.new_vedio,
  .list_group .title,
  .news_box span:first-child {
    width: 100%;
  }
  .grid li {
    margin-top: 0;
    margin: 0 18px 16px;
  }
  .list_group .title + .date,
  .date + .title,
  .title + .department {
    margin-top: 10px;
  }
  .list_group li a,
  .list_group2 li a {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .list_group2 li a .department,
  .words .list_group .date {
    margin-left: 0;
    margin-top: 0;
    padding: 6px 0;
  }
  .list_group2 li a .title {
    padding: 4px 0;
    margin-top: 0;
  }
  .list_group.twocut li {
    display: block;
    background: none;
    padding: 0 !important;
  }
  .list_group.twocut li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px;
  }
  .list_group.twocut li a:first-child {
    background: #F4F6F7;
  }
  .grid li.new_vedio .title {
    padding: 10px 0;
  }
  /* group_list */
  .group_list .h5 {
    font-size: 1em !important;
  }
  .group_list .groupListTop + p {
    font-size: 0.8888em;
  }
  .group_list .border_btn {
    font-size: 0.8em;
  }
  .groupListTopR .group_list_btn {
    margin-right: 10px;
  }
  .groupListTopR .group_list_btn:nth-last-of-type(1) {
    margin-left: 0;
    margin-top: 0;
  }
  .group_list .border_btn {
    margin-right: 2px;
    margin-left: 2px;
    -webkit-transform: translate(-2px);
        -ms-transform: translate(-2px);
            transform: translate(-2px);
  }
  /* form style */
  .top_control + .info_main,
  .top_control + .words {
    margin-top: 10px;
  }
  .top_control + .words:has(.grid) {
    margin-top: 16px;
  }
  .top_control + .top_btn_main {
    margin-top: 7.5px;
  }
  .top_control + .words .list_group,
  .top_control + .words .tab_content {
    padding-top: 0px;
  }
  .top_control:has(.h2_icon) {
    margin-bottom: 11px;
  }
  .page_box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
    padding-top: 0;
  }
  /* top_control style */
  .top_control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 0;
    overflow: hidden;
  }
  .container .h2_icon,
  .top_control h2 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  /* SiteMap style */
  .sitemap .box {
    width: 100%;
  }
  .sitemap .box:nth-of-type(3n),
  .sitemap .box:nth-of-type(4n) {
    margin-right: 0;
  }
  /* table */
  .table-center > tbody > tr > td,
  .table-left > tbody > tr > td,
  .table-th > tbody > tr > td,
  .table > tbody > tr > td {
    padding: 16px;
    line-height: 120%;
  }
  .rwd-table > tbody > tr {
    padding: 14px 10px;
    display: block;
  }
  .rwd-table > tbody > tr > td {
    padding: 8px 0;
  }
  .rwd-table th {
    display: none !important;
  }
  .rwd-table > tbody > tr > td {
    display: block;
    text-align: left !important;
    border-right: 0;
    border-bottom: 0;
    width: 100% !important;
  }
  .rwd-table {
    border: 0;
    margin: 0 auto 2%;
    background-color: #eeefef;
  }
  table[class="table-center rwd-table"] td,
  table[class="table-center rwd-table"] th,
  table[class="table-left rwd-table"] td,
  table[class="table-left rwd-table"] th,
  table[class="table-th rwd-table"] td,
  table[class="table-th rwd-table"] th,
  table[class="table rwd-table"] td,
  table[class="table rwd-table"] th {
    border-right: 0px solid #000 !important;
    border: 0px !important;
  }
  .rwd-table td:before {
    content: attr(data-th);
    font-weight: 600;
    padding-right: 10px;
    margin-bottom: 16px;
    display: block;
  }
  .rwd-table > tbody > tr:nth-of-type(2n) {
    background-color: #fff;
  }
  .table-left,
  .table-left td,
  .table-left th,
  .table-th td {
    text-align: left;
  }
  /* accordion style*/
  .accordion {
    margin-bottom: 25px;
  }
  /* breadcrumb */
  .breadcrumb {
    padding: 8px 0 10px 0;
  }
  /* form */
  .top_bar_group .serach_group {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .container .h2_icon {
    padding-top: 7px;
    padding-bottom: 0;
  }
  .top_bar_group.V2 {
    margin: 0;
    padding-top: 0;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
  /* business-list */
  h2.bricon {
    font-size: 2em;
  }
  .group_list li,
  .content-wrap .words .group_list li {
    padding-right: 0;
    padding-left: 0;
  }
  /* 英文版 */
  html:lang(en) .rwd-table td:before {
    font-weight: 600;
  }
}
@media screen and (max-width: 660px) {
  /* list */
  .page_box .mBr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 550px) {
  /* container */
  .content-wrap .container,
  .content-wrap .control .container {
    padding: 0;
  }
  .main .content-wrap {
    width: calc(100% - 30px);
  }
  /* breadcrumb */
  .breadcrumb {
    width: calc(100% - 30px);
  }
  .breadcrumb > li:first-child:before {
    margin-right: 5px;
  }
  /* grid style*/
  .grid li.new_vedio .title {
    padding: 10px 0;
    min-height: 0;
  }
  /* Btn style */
  .btn {
    font-size: 1rem;
  }
  /* top_share */
  .top_share {
    padding: 10px 15px 0 15px;
  }
  /* main_env */
  h2.bricon {
    margin-top: 16px;
  }
  .bricon img {
    width: 60px;
    margin-right: 10px;
  }
  /* form */
  input.form-control2 {
    -webkit-transform: scale(0.9) translateX(-5%);
        -ms-transform: scale(0.9) translateX(-5%);
            transform: scale(0.9) translateX(-5%);
    width: 111.1111%;
    height: 44.4444px;
    border-width: 1.1111px;
    border-radius: 11.1111px;
    padding: 6.6666px 11.1111px 8.8888px 11.1111px;
  }
  /* list */
  .info_ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: calc(50% - 10px);
  }
  /* schedule */
  .scheduleWrap {
    margin-top: 1rem;
    margin-bottom: 1.6rem;
  }
  .scheduleWrap:before {
    left: 0;
  }
  .dayList .dayI:not(:last-child) .timeList {
    padding-bottom: 22px;
  }
  .dayList .date .dateL,
  .dayList .date .dateR {
    height: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7px 13px 9px 13px;
  }
  .dayList .date span {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dayList .date .dateL {
    border-radius: 0;
  }
  .dayList .date .dateL .dateD {
    display: block;
  }
  .dayList .date .dateR .dateD {
    display: none;
  }
  .dayList .date .dateY,
  .dayList .date .dateM {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  .dayList .date .dateM,
  .dayList .date .dateD {
    font-size: 0.8888em;
  }
  .dayList .date .dateY,
  .dayList .date .dateW {
    padding-bottom: 0;
  }
  .timeList {
    margin-left: 5px;
    padding: 18px 0 0 18px;
  }
  .timeList .timeI {
    padding: 12px 14px;
    margin-bottom: 10px;
  }
  .timeList .person b {
    font-size: 0.8888em;
    min-width: 3.4em;
    margin-bottom: 10px;
    padding: 1.5px 10px 3.5px 10px;
  }
  .timeList .title {
    font-size: 1em;
  }
  .timeList .site,
  .timeList .note,
  .timeList .summary {
    font-size: 0.8888em;
  }
  .timeList .summary .ci-filetype {
    font-size: 0.875em !important;
  }
  .timeList .article1-list3 {
    padding-top: 10px;
  }
  .timeList .article1-list3 li {
    margin: 8px 0 10px 0;
    padding-left: 1.2em;
  }
  .timeList .article1-list3 li:before {
    font-size: 1.2em;
    top: 0;
    left: -3px;
    line-height: 1.4;
  }
  .timeList .article1-list3 strong {
    font-size: 0.8888em;
  }
  .timeList .ci-filetype {
    margin-top: -0.2em;
  }
  .timeList .eventTitle {
    font-size: 1em;
    padding-top: 6px;
  }
  .timeList .eventIntro {
    font-size: 0.8888em;
  }
  .timeList .eventIntro .ci-filetype {
    font-size: 0.875em;
  }
  .timeList .eventMedia {
    row-gap: 0;
  }
  .timeList .eventMedia > div:last-child {
    margin-bottom: 3px;
  }
}
/* form */
/* 列印樣式 */
/* base print style */
@page {
  size: 330mm 427mm;
  margin: 0px 5% 10px 5%;
}
@media print {
  body {
    margin: 0;
    padding: 0;
    min-width: 768px;
  }
  a[href]:after {
    content: "";
  }
  .col-3 {
    width: 30% !important;
    float: left;
  }
  .col-4 {
    width: 30% !important;
    float: left;
  }
  .col-5 {
    width: 50% !important;
    float: left;
  }
  .col-6 {
    width: 70% !important;
    margin-left: 0;
    float: left;
  }
  .col-7 {
    width: 68% !important;
    margin-left: 5px;
    float: left;
  }
  .col-8 {
    width: 78% !important;
    margin-left: 5px;
    float: left;
  }
  .noimg > * {
    width: 100% !important;
    float: none !important;
    margin-left: 0;
  }
  .bgBanner img {
    width: 100% !important;
    max-width: 1300px !important;
  }
  .words > *, .allwords > * {
    margin-bottom: 10px !important;
  }
  aside, .share, footer, .navbar, .subnav, #sidenav-overlay, .othersBtn, .strp-window, .video_box .live img, .leftBtn, .centerBox, .copyright, .footer, .top_share, .waveWrapper {
    display: none !important;
  }
  .main_menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .main_menu li, .insideBanner2 .slick-slide {
    width: 33% !important;
  }
  .insideBanner2 p {
    min-height: 80px !important;
  }
  #movie-1, #movie-2, #movie-3 {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .slick-center {
    -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .slick-track {
    width: 100% !important;
    left: 0 !important;
  }
  .bookBanner .slick-slide {
    margin: 10px 5px;
  }
  .insideBanner .slick-track, .outsideBanner2 .slick-track, .link_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .link_box {
    width: 45% !important;
  }
  .insideBanner .slick-slide {
    width: 40% !important;
  }
  .outsideBanner .slick-slide {
    width: 20% !important;
  }
  .outsideBanner2 .slick-slide {
    width: 30% !important;
  }
  .navmain, .navwrap, .navbar-toggle, .subnav, nav {
    text-indent: 0 !important;
    position: relative !important;
    margin-top: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
    float: none !important;
    background: none !important;
  }
  #color:hover > i:before, #color:hover > i:before, #color:hover > i:before, #color:hover > i:before, #color:hover > i:before, .active #color > i:before, .list-group-item .embed-vedio span, .rightnavWrap, .banner_bottom, .earth, .earth2, .starbg, .issues_box a:after {
    display: none !important;
  }
  .collapse, .print_img, .video_box span, .bgBanner img, #tab-1, #tab-2, #tab-3, #tab-4, #ctl09_iframe1, .movie_menu_main, .booktitle, .hide_content, .hide_ol {
    display: block !important;
    height: auto !important;
  }
  .right_content {
    padding-left: 10px !important;
  }
  .slick-center .booktitle {
    font-size: 100% !important;
    margin-top: 0px !important;
  }
  .grid li, .grid2 li, .data_midlle_rss li, .slick-list {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
  .top_main, .anima_banner.slider li div, #grid, #info_box .content, #info_box .content, .info_box {
    height: auto !important;
  }
  .newsWrap .main_point .active a {
    color: #000 !important;
  }
  .grid li a, .grid2 li a, .owl-carousel .owl-wrapper-outer, .slick-list {
    overflow: visible !important;
  }
  .owl-wrapper {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important;
  }
  #Information_mian .owl-item {
    width: 33% !important;
    float: left !important;
  }
  .issues_box {
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .cloud, .cloud::before, .cloud::after {
    background-image: none !important;
    background: none !important;
  }
  #photoshow a {
    padding-bottom: 0% !important;
  }
  .content-wrap .container, .content-wrap, .top_control, .words, .share, .navwrap, .graybg, .banner_main, .newsWrap li.headline {
    width: 100% !important;
    min-height: auto !important;
    max-width: inherit !important;
  }
  #photoshow {
    margin: 0 !important;
  }
  .content-wrap {
    padding-top: 0 !important;
  }
  .embed-vedio {
    height: auto !important;
    padding-bottom: 0 !important;
  }
  .list-group-item .embed-vedio, .runBanner li a {
    padding-bottom: 0 !important;
  }
  .imgLiquid img, .runBanner img {
    visibility: visible !important;
    display: block !important;
  }
  .runBanner .slick-track, .adsWrapBox .slick-track {
    width: auto !important;
    left: 0 !important;
  }
  .runBanner img {
    width: 100% !important;
    max-width: 920px !important;
  }
}
@media print {
  /* common */
  .breadcrumb > li:first-child:before,
  .Gradient_btn .content {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .breadcrumb {
    width: 100%;
    margin: 0;
  }
  /* 業務主題頁 */
  .control2 aside {
    display: block !important;
  }
  /* 列表頁 */
  .container .h2_icon {
    display: none;
  }
  /* 內容頁 */
  .printHide {
    display: none;
  }
  .printShow {
    display: block;
  }
  .printShow img {
    width: 100%;
  }
}
@media screen {
  /* 內容頁 */
  .printShow {
    display: none;
  }
}