@charset "UTF-8";
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

a:focus,
button,
button:focus,
select,
select:focus,
input:focus,
textarea:focus,
.indexbanner .slick-next:focus,
.indexbanner .slick-prev:focus,
.indexabout-item__link a:hover,
.indexabout-item__link a:focus,
.indexabout-item a:focus .indexabout-item__img,
.indexnews .slick-next:focus,
.indexnews .slick-prev:focus {
  outline: 0.2rem dashed #878787;
  background-color: #ffbf47;
}
@media (max-width: 61.9375rem) {
  a:focus,
  button:focus,
  select:focus,
  input:focus,
  textarea:focus,
  .indexbanner .slick-next:focus,
  .indexbanner .slick-prev:focus,
  .indexabout-item__link a:focus,
  .indexabout-item a:focus .indexabout-item__img:focus,
  .indexnews .slick-next:focus,
  .indexnews .slick-prev:focus {
    outline: none;
  }
}
/*
.titlebox::before {
  content: "";
  display: block;
  background-image: url("../images/titlebg.png");
  background-size: 19.6875rem auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 19.6875rem;
  height: 1.8125rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem; }

  @media (max-width: 25.875rem) {
    .titlebox::before {
      width: 12.5rem; } }
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
ar,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

body {
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #666666;
  overflow-x: hidden;
  margin: 0 auto;
  font-weight: 400;
  line-height: 1;
  font-size: 1em;
}

select,
button,
textarea,
input {
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
}

a,
a:focus {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
}
/*
a:hover,
a:focus {
  text-decoration: none;
  background-color: #ffbf47;
}
*/
a:hover{
    text-decoration: none;
    color: #027ab6;
}
a:focus {
  text-decoration: none;
  color: #027ab6;
  outline: 0.2rem dashed #878787;
  background-color: #ffbf47;
  /*background-color: rgb(255, 251, 0);*/
}
::-moz-selection {
  color: #fff;
  background: #027ab6;
}

::selection {
  color: #fff;
  background: #027ab6;
}

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#gotop {
  display: none;
  position: fixed;
  right: 1.875rem;
  bottom: 3.125rem;
  cursor: pointer;
  z-index: 999;
  color: #fff;
  background-color: #666666;
  text-align: center;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  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-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
  font-size: 0em;
  padding: 0.9rem;
}
#gotop::before {
  content: "";
  display: block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -3.375rem 0;
  width: 0.75rem;
  height: 0.5625rem;
}
@media (max-width: 47.9375rem) {
  #gotop {
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
#gotop:hover,
#gotop:focus {
  background-color: #444444;
}

.container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 48rem) {
  .container {
    width: 46.875rem;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 62rem) {
  .container {
    width: 60.625rem;
  }
  .news_list_item .news_title {
    width: 60%;
  }
}
@media (min-width: 75rem) {
  .container {
    width: 71.25rem;
  }
}

.container-fluid {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 48rem) {
  .container-fluid {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .container-fluid {
    width: 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 87.5625rem) {
  .container-fluid {
    width: 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.body-fs--md {
  font-size: 1.125em;
}

.body-fs--lg {
  font-size: 1.25em;
}

.wrap {
  margin-top: 7.9375rem;
}
@media (max-width: 87.5rem) {
  .wrap {
    margin-top: 4.625rem;
  }
}
@media (max-width: 61.9375rem) {
  .wrap {
    margin-top: 4.625rem;
  }
  .news_list_item .news_title {
    height: fit-content;
  }
}

.titlebox {
  text-align: center;
}
.titlebox h2 {
  font-size: 2.1875em;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}
@media (max-width: 29.9375rem) {
  .titlebox h2 {
    font-size: 1.875em;
  }
}

.header {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.025);
  box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.025);
}

.navbar {
  background-color: #fff;
  position: relative;
  z-index: 1000;
}
.navbar h2 {
  display: none;
}
.navbar-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 87.5rem) {
  .navbar-block {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.navbar__body {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 7.9375rem;
}
@media (max-width: 87.5rem) {
  .navbar__body {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 4.625rem;
    right: -100%;
    visibility: hidden;
    width: 15.625rem;
    height: 0;
  }
  .navbar__body--open {
    display: block;
    background-color: #fff;
    padding-bottom: 1.875rem;
    visibility: visible;
    width: 15.625rem;
    height: auto;
    top: 4.625rem;
    right: 0;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.navbar__key {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (max-width: 87.5rem) {
  .navbar__key {
    display: none;
  }
}
.navbar__key a {
  color: #444444;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar__togglebar {
  display: none;
}
@media (max-width: 87.5rem) {
  .navbar__togglebar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .navbar__togglebar .navbar__key {
    display: block;
  }
}
.navbar__toggle:focus {
  outline: thin dashed #878787;
}
.navbar__toggle--active {
  display: block;
}
.navbar__toggle-line {
  display: block;
  width: 1.5625rem;
  height: 0.125rem;
  background-color: #444444;
  margin-bottom: 0.3125rem;
  -webkit-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
}
.navbar__toggle-line:last-child {
  margin-bottom: 0;
}
.navbar__toggle--open span {
  margin-bottom: 0;
}
.navbar__toggle--open span:nth-child(1) {
  -webkit-transform: rotate(45deg) translateY(0.0625rem) translateX(0.0625rem);
  -ms-transform: rotate(45deg) translateY(0.0625rem) translateX(0.0625rem);
  transform: rotate(45deg) translateY(0.0625rem) translateX(0.0625rem);
}
.navbar__toggle--open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar__toggle--open span:nth-child(3) {
  display: none;
}
.navbar__logo {
  display: block;
}
.navbar__logo img {
  width: 14.0625rem;
  height: 4.125rem;
}
@media (max-width: 100rem) {
  .navbar__logo img {
    width: 11.125rem;
    height: 3.25rem;
  }
}
.navbar__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
}
@media (max-width: 87.5rem) {
  .navbar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.navbar__link-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #444444;
  font-size: 1.125em;
  font-weight: 700;
  height: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
  position: relative;
  max-width: 7.125rem;
}
@media (max-width: 100rem) {
  .navbar__link-item {
    max-width: 7.125rem;
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
  }
}
@media (max-width: 87.5rem) {
  .navbar__link-item {
    padding: 0.9375rem;
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: auto;
  }
}
@media (max-width: 29.9375rem) {
  .navbar__link-item {
    padding: 0.625rem 0.9375rem;
  }
}
.navbar__link-item:hover {
  background-color: #fff;
  color: #027ab6;
}
@media (min-width: 87.5625rem) {
  .navbar__link-item:focus {
    background-color: #027ab6;
    color: #fff;
  }
}
.navbar__link-item--lg {
  max-width: 10.875rem;
}
@media (max-width: 100rem) {
  .navbar__link-item--lg {
    max-width: 7.125rem;
  }
}
@media (max-width: 87.5rem) {
  .navbar__link-item--lg {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 87.5rem) {
  .navbar__dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 29.9375rem) {
  .navbar__dropdown {
    padding-bottom: 0.9375rem;
  }
}
.navbar__dropdown .navbar__dropdown-body {
  display: none;
}
.navbar__dropdown:hover {
  background-color: #fff;
  color: #444444;
}
.navbar__dropdown--open .navbar__dropdown-body {
  display: block;
}
.navbar__dropdown--open .navbar__dropdown-head::after {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -3.0625rem -4.875rem;
}
.navbar__dropdown--open:hover {
  background-color: #fff;
  color: #444444;
}
.navbar__dropdown-head {
  color: #494949;
  position: relative;
  padding-right: 0.75rem;
}
.navbar__dropdown-head:focus {
  outline: none;
}
.navbar__dropdown-head::after {
  content: "";
  display: block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -2.5rem -4.875rem;
  width: 0.5625rem;
  height: 0.3125rem;
  position: absolute;
  right: 0;
  top: calc(50% - 0.125rem);
}
.navbar__dropdown-body {
  position: absolute;
  top: 5.625rem;
  left: calc(50% - 4.6875rem);
  width: 9.375rem;
  background-color: #fff;
  border: 0.0625rem solid #cccccc;
  z-index: 1;
  line-height: 1.2;
}
@media (max-width: 87.5rem) {
  .navbar__dropdown-body {
    position: relative;
    display: block;
    top: 0.625rem;
    left: auto;
    width: 100%;
    border: none;
  }
}
.navbar__dropdown-item {
  display: block;
  color: #494949;
  padding: 0.8125rem 0.3125rem;
  position: relative;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}
@media (max-width: 87.5rem) {
  .navbar__dropdown-item {
    font-size: 0.8333em;
  }
}
@media (max-width: 29.9375rem) {
  .navbar__dropdown-item {
    padding: 0.625rem 0.3125rem;
  }
}
.navbar__dropdown-item::before {
  content: "";
  display: block;
  width: 6.25rem;
  height: 0.0625rem;
  background-color: #cccccc;
  position: absolute;
  top: 0;
  left: calc(50% - 3.125rem);
}
@media (max-width: 87.5rem) {
  .navbar__dropdown-item::before {
    width: 1.875rem;
    left: calc(50% - 0.9375rem);
  }
}
@media (min-width: 75rem) {
  .navbar__dropdown-item:first-child::before {
    display: none;
  }
}
@media (max-width: 87.5rem) {
  .navbar__dropdown-item:last-child::after {
    content: "";
    display: block;
    height: 0.0625rem;
    background-color: #cccccc;
    position: absolute;
    bottom: 0;
    width: 1.875rem;
    left: calc(50% - 0.9375rem);
  }
}
.navbar__dropdown-item:hover {
  color: #027ab6;
}
.navbar__dropdown-item:focus {
  background-color: #027ab6;
}
@media (min-width: 75rem) {
  .navbar__dropdown-item:focus {
    background-color: #027ab6;
    color: #fff;
  }
}
.navbar__controller {
  position: relative;
  padding-left: 0.9375rem;
}
@media (max-width: 87.5rem) {
  .navbar__controller {
    padding-left: 0;
    padding-top: 0.9375rem;
    padding-bottom: 0;
  }
}
.navbar__controller::before {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 3.125rem;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 87.5rem) {
  .navbar__controller::before {
    width: 3.125rem;
    height: 0.0625rem;
    top: 0;
    left: calc(50% - 1.5625rem);
  }
}
.navbar__controller-title {
  color: #555555;
  text-align: center;
  font-weight: 700;
}
.navbar__controller-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 0.75rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.navbar__controller-content-item {
  color: #878787;
  font-weight: 700;
  background-color: #efefef;
  display: block;
  padding: 0.3125rem 0.8125rem;
  margin-left: 0.3125rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.navbar__controller-content-item:first-child {
  margin-left: 0;
}
.navbar__controller-content-item--active {
  background-color: #026aa4;
  color: #fff;
}
.navbar__controller-content-item:hover,
.navbar__controller-content-item:focus {
  opacity: 0.8;
}
.navbar-lang {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-right: 0.9375rem;
  padding-left: 2.1875rem;
}
@media (max-width: 87.5625rem) {
  .navbar-lang {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}
@media (max-width: 87.5rem) {
  .navbar-lang {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.9375rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.navbar-lang__item {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  color: #555555;
  position: relative;
}
@media (max-width: 87.5rem) {
  .navbar-lang__item {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}
.navbar-lang__item::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 1.6875rem;
  background-color: #b5b5b6;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: 0;
  top: calc(50% - 0.8125rem);
}
@media (max-width: 87.5rem) {
  .navbar-lang__item::after {
    top: 0.625rem;
  }
}
.navbar-lang__item:last-child::after {
  display: none;
}
.navbar-lang__item:hover,
.navbar-lang__item:focus {
  color: #027ab6;
}

.body-fs-change .navbar__link-item {
  max-width: 6.875rem;
  text-align: center;
}

.skip-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  background-color: #027ab6;
  color: #fff;
  padding: 0.625rem 0.3125rem;
  -webkit-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
}
.skip-main:focus,
.skip-main:active {
  z-index: 1040;
}

.footer {
  background-color: #004d82;
  color: #fff;
  padding-top: 2.8125rem;
}
@media (max-width: 61.9375rem) {
  .footer a:focus {
    color: #000;
  }
  .footer-key {
    display: none;
  }
}
.footer-key a {
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.footer-block {
  padding-top: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-bottom: 5.3125rem;
}
@media (max-width: 61.9375rem) {
  .footer-block {
    width: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.footer-link {
  width: calc((100% - 23.75rem) / 3);
  padding-right: 1.875rem;
}
@media (max-width: 61.9375rem) {
  .footer-link {
    width: 100%;
    margin-top: 1.875rem;
  }
  .footer-link:nth-child(1),
  .footer-link:nth-child(2) {
    margin-top: 0;
  }
}
@media (max-width: 61.9375rem) {
  .footer-link {
    width: 100%;
    padding-right: 0;
  }
  .footer-link:nth-child(2) {
    margin-top: 1.875rem;
  }
}
.footer-link:nth-child(1) {
  width: 23.75rem;
  padding-right: 1.875rem;
}
@media (max-width: 74.9375rem) {
  .footer-link:nth-child(1) {
    width: 50%;
  }
}
@media (max-width: 61.9375rem) {
  .footer-link:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.footer-link__logo img {
  max-width: 16.125rem;
}
.footer-link__about {
  color: #e1e1e1;
  line-height: 2.18;
  padding-top: 2rem;
}
.footer-link__head {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.625rem;
}
.footer-link__head h2 {
  font-size: 1.375em;
  line-height: 1.18;
}
.footer-link__head a {
  color: #ffffff;
}
.footer-link__twocol {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 74.9375rem) {
  .footer-link__twocol {
    width: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.footer-link__twocol ul:first-child {
  width: 18.125rem;
}
@media (max-width: 74.9375rem) {
  .footer-link__twocol ul:first-child {
    width: 100%;
  }
}
.footer-link__twocol ul:last-child {
  width: calc(100% - 18.125rem);
}
@media (max-width: 74.9375rem) {
  .footer-link__twocol ul:last-child {
    width: 100%;
  }
}
.footer-link__iframe {
  padding-top: 1.5625rem;
}
.footer-link__iframe a {
  color: #fff;
  display: inline-block;
}
.footer-link__iframe a:hover {
  opacity: 0.8;
}
.footer-link__body {
  list-style: none;
  padding-top: 1.5625rem;
}
.footer-link__item {
  padding-top: 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.footer-link__item:first-child {
  padding-top: 0;
}
.footer-link__item::before {
  content: "";
  display: inline-block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -2.8125rem 0;
  width: 0.5625rem;
  min-width: 0.5625rem;
  height: 0.6875rem;
  margin-left: 0.3125rem;
  margin-right: 0.9375rem;
  margin-top: 0.3125rem;
}
.footer-link__item a {
  color: #e1e1e1;
  line-height: 1.2;
  border-bottom: 0.0625rem solid transparent;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}
.footer-link__item a:hover {
  color: #fff;
  border-bottom: 0.0625rem solid #fff;
}
.footer-link__item a:focus {
  color: #000000;
  border-bottom: 0.125rem dotted #fff;
}
.footer-link__fb {
  border: 0.0625rem solid #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  height: 1.875rem;
  width: 1.875rem;
  display: inline-block;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  margin-top: 0.9375rem;
}
.footer-link__fb img {
  max-height: 1.875rem;
}
.footer-link__fb:hover {
  opacity: 1;
}
.footer-copyright {
  text-align: center;
  color: #e1e1e1;
  line-height: 1.2;
  background-color: #004875;
  padding-top: 1.4375rem;
  padding-bottom: 1.4375rem;
}
.footer-copyright-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 61.9375rem) {
  .footer-copyright-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.footer-copyright__item a {
  color: #e1e1e1;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-copyright__item a:hover {
  color: #fff;
}
.footer-copyright__item p {
  display: inline-block;
  padding-right: 0.3125rem;
}
.footer-copyright__item p:last-child {
  padding-right: 0;
}
@media (max-width: 61.9375rem) {
  .footer-copyright__item:last-child {
    padding-bottom: 0.3125rem;
  }
}
.footer-copyright__item:last-child p {
  padding-left: 1.25rem;
}
.footer-copyright__item:last-child p:first-child {
  padding-left: 0;
}

.insidebanner {
  position: relative;
}
.insidebanner-bg {
  height: 18.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 35.9375rem) {
  .insidebanner-bg {
    height: 12.5rem;
  }
}
.insidebanner-bg .container {
  height: 100%;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.insidebanner-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 47.9375rem) {
  .insidebanner-title {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.insidebanner-title__key {
  color: #333333;
  margin-left: -1.25rem;
  margin-right: 0.625rem;
}
@media (max-width: 61.9375rem) {
  .insidebanner-title__key {
    display: none;
  }
}
.insidebanner-title__key--white {
  color: #fff;
}
.insidebanner-title h2 {
  font-size: 2.1875em;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  font-weight: 700;
}
.insidebanner-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 1.25rem;
}
.insidebanner-breadcrumb__item {
  color: #027ab6;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}
.insidebanner-breadcrumb__item::after {
  content: "/";
  display: inline-block;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  color: #555555;
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 29.9375rem) {
  .insidebanner-breadcrumb__item::after {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
.insidebanner-breadcrumb__item:last-child::after {
  display: none;
}
.insidebanner-breadcrumb__item a {
  color: #555555;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.insidebanner-breadcrumb__item a:hover,
.insidebanner-breadcrumb__item a:focus {
  opacity: 0.8;
}

.page__box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page__item {
  list-style-type: none;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.page__item--active .page__item-link {
  background-color: #027ab6;
  color: #fff;
}
.page__item--pre .page__item-link,
.page__item--next .page__item-link {
  background-color: transparent;
}
.page__item--pre .page__item-link:hover,
.page__item--pre .page__item-link:focus,
.page__item--next .page__item-link:hover,
.page__item--next .page__item-link:focus {
  background-color: transparent;
}
.page__item:hover .page__item-icon--prev,
.page__item:focus .page__item-icon--prev {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.125rem -0.625rem;
}
.page__item:hover .page__item-icon--next,
.page__item:focus .page__item-icon--next {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.6875rem -0.625rem;
}
.page__item-link {
  color: #027ab6;
  background-color: #f7f7f7;
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
  border-radius: 1.25rem;
}
.page__item-link:hover,
.page__item-link:focus {
  background-color: #027ab6;
  color: #fff;
}
.page__item-link:hover .page__item-icon--prev,
.page__item-link:focus .page__item-icon--prev {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.125rem -0.625rem;
}
.page__item-link:hover .page__item-icon--next,
.page__item-link:focus .page__item-icon--next {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.6875rem -0.625rem;
}
.page__item-icon {
  width: 0.5625rem;
  height: 0.625rem;
  display: block;
}
.page__item-icon--prev {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.125rem -0.625rem;
}
.page__item-icon--next {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.6875rem -0.625rem;
}

.indexbanner {
  position: relative;
  width: 100%;
  z-index: 1;
}
.indexbanner__btn {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 2;
}
@media (max-width: 61.9375rem) {
  .indexbanner__btn {
    top: 0.9375rem;
    right: 0.9375rem;
  }
}
.indexbanner__play {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-color: transparent;
  background-image: url("../images/play.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  cursor: pointer;
}
.indexbanner__play:focus {
  outline: thin dashed #878787;
}
@media (max-width: 61.9375rem) {
  .indexbanner__play {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.indexbanner__pause {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-color: transparent;
  background-image: url("../images/pause.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  cursor: pointer;
}
.indexbanner__pause:focus {
  outline: thin dashed #878787;
}
@media (max-width: 61.9375rem) {
  .indexbanner__pause {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.indexbanner__slick {
  position: relative;
  width: 100%;
  z-index: 1;
}
.indexbanner__item {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 41.375rem;
  padding-bottom: 12.5rem;
}
@media (max-width: 61.9375rem) {
  .indexbanner__item {
    padding-left: 3.4375rem;
    padding-right: 3.4375rem;
  }
}
@media (max-width: 47.9375rem) {
  .indexbanner__item {
    height: 25rem;
    padding-bottom: 6.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.indexbanner__item:focus {
  outline-offset: -0.0625rem;
  outline: thin dashed #878787;
}
.indexbanner__item-title {
  text-align: center;
}
.indexbanner__item h2 {
  color: #333333;
  font-size: 3.4375em;
  font-weight: 700;
  line-height: 1.7;
  display: inline-block;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (max-width: 47.9375rem) {
  .indexbanner__item h2 {
    font-size: 2.5em;
    line-height: 1.4;
  }
}
@media (max-width: 29.9375rem) {
  .indexbanner__item h2 {
    font-size: 1.875em;
    line-height: 1.2;
  }
}
.indexbanner__item p {
  color: #444444;
  font-size: 1.375em;
  margin-top: 1.5625rem;
  letter-spacing: 0.025em;
  text-align: center;
  line-height: 1.2em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.4em;
}
@media (max-width: 29.9375rem) {
  .indexbanner__item p {
    font-size: 1.125em;
  }
}
.indexbanner__item--blue {
  color: #027ab6;
}
.indexbanner .container {
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.indexbanner .slick-prev {
  left: 0.9375rem;
}
.indexbanner .slick-next {
  right: 0.9375rem;
}
.indexbanner .slick-next,
.indexbanner .slick-prev {
  width: 2.125rem;
  height: 4.0625rem;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 47.9375rem) {
  .indexbanner .slick-next,
  .indexbanner .slick-prev {
    width: 1.25rem;
  }
}
.indexbanner .slick-next:hover,
.indexbanner .slick-prev:hover {
  opacity: 0.8;
}
.indexbanner .slick-prev:before {
  width: 2.125rem;
  height: 4.0625rem;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-prev.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.125rem auto;
}
@media (max-width: 47.9375rem) {
  .indexbanner .slick-prev:before {
    width: 1.25rem;
    background-size: 1.25rem auto;
  }
}
.indexbanner .slick-next:before {
  width: 2.125rem;
  height: 4.0625rem;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-next.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.125rem auto;
}
@media (max-width: 47.9375rem) {
  .indexbanner .slick-next:before {
    width: 1.25rem;
    background-size: 1.25rem auto;
  }
}
.indexbanner .slick-next.slick-disabled,
.indexbanner .slick-prev.slick-disabled {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.indexbanner .slick-next.slick-disabled:before,
.indexbanner .slick-prev.slick-disabled:before {
  display: none;
}
@media (max-width: 62rem) {
  .indexbanner .slick-next:focus,
  .indexbanner .slick-prev:focus {
    outline: none;
  }
}

.indexmerge {
  position: relative;
  background: url("../images/index/indexabout-bg--rt.jpg");
  background-position: right 5% top 15.625rem;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 2;
}
@media (max-width: 47.9375rem) {
  .indexmerge {
    background: none;
  }
}

.indexlink {
  position: relative;
  margin-top: -8.75rem;
}
@media (max-width: 47.9375rem) {
  .indexlink {
    margin-top: -4.375rem;
  }
}
.indexlink__key {
  color: #333333;
}
@media (max-width: 61.9375rem) {
  .indexlink__key {
    display: none;
  }
}
.indexlink-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 47.9375rem) {
  .indexlink-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.indexlink-item {
  display: block;
  background-color: #0273AC;
  color: #fff;
  text-align: center;
  padding: 2.5rem 1.875rem 1.25rem 1.875rem;
  width: 33.33%;
}
@media (max-width: 61.9375rem) {
  .indexlink-item {
    padding: 2.5rem 1.25rem 1.25rem 1.25rem;
  }
  .indexlink-item br {
    display: none;
  }
}
@media (max-width: 47.9375rem) {
  .indexlink-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 23.125rem;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem 3.75rem 1.25rem 3.75rem;
  }
}
@media (max-width: 29.9375rem) {
  .indexlink-item {
    width: 90%;
    padding: 2.5rem 1.25rem 1.25rem 1.25rem;
  }
}
/*未達到4.5:1，請修正*/
.indexlink-item:nth-child(2) {
  background-color: #027AB6;
}
.indexlink-item::before {
  content: "";
  display: block;
  margin-bottom: 1.5625rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 6.25rem;
  width: 6.375rem;
  height: 6.25rem;
  margin-left: auto;
  margin-right: auto;
}
.indexlink-item--about::before {
  background-image: url("../images/index/indexlink-icon-about.png");
}
.indexlink-item--org::before {
  background-image: url("../images/index/indexlink-icon-org.png");
}
.indexlink-item--history::before {
  background-image: url("../images/index/indexlink-icon-history.png");
}
.indexlink-item::after {
  content: "";
  display: block;
  width: 2.4375rem;
  height: 2.4375rem;
  margin-top: 0.9375rem;
  visibility: hidden;
  margin-left: auto;
  margin-right: auto;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: 0 0;
  opacity: 0;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.indexlink-item:hover::after,
.indexlink-item:focus::after {
  opacity: 1;
  visibility: visible;
}
.indexlink-item__title {
  font-size: 1.375em;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.indexlink-item__text {
  font-weight: 700;
  margin-top: 0.625rem;
  line-height: 1.5em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 15em;
}

.indexabout {
  background: url("../images/index/indexabout-bg--rb.jpg"),
    url("../images/index/indexabout-bg--l.png");
  background-position: right bottom, left 1.25rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media (max-width: 96.5625rem) {
  .indexabout {
    background: url("../images/index/indexabout-bg--rb.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
  }
}
@media (max-width: 47.9375rem) {
  .indexabout {
    background: none;
  }
}
.indexabout-block {
  padding-top: 5.625rem;
  padding-bottom: 5rem;
}
@media (max-width: 35.9375rem) {
  .indexabout-block {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.indexabout-body {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 4.375rem;
}
@media (max-width: 47.9375rem) {
  .indexabout-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 35.9375rem) {
  .indexabout-body {
    padding-top: 1.875rem;
  }
}
.indexabout-item {
  width: 50%;
}
@media (max-width: 47.9375rem) {
  .indexabout-item {
    width: 100%;
  }
}
.indexabout-item:first-child {
  padding-right: 3.125rem;
}
@media (max-width: 74.9375rem) {
  .indexabout-item:first-child {
    padding-right: 0.9375rem;
  }
}
@media (max-width: 47.9375rem) {
  .indexabout-item:first-child {
    padding-right: 0;
    padding-top: 1.875rem;
  }
}
.indexabout-item:last-child {
  padding-left: 1.0625rem;
}
@media (max-width: 74.9375rem) {
  .indexabout-item:last-child {
    padding-left: 0.9375rem;
  }
}
@media (max-width: 47.9375rem) {
  .indexabout-item:last-child {
    padding-left: 0;
  }
}
.indexabout-item__title h3 {
  letter-spacing: 0.025em;
  font-size: 1.5em;
  color: #444444;
  font-weight: 400;
  line-height: 1.5em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 3em;
}
@media (max-width: 47.9375rem) {
  .indexabout-item__title h3 {
    line-height: 1.5em;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 999;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 1498.5em;
  }
}
.indexabout-item__content {
  padding-top: 0.9375rem;
}
.indexabout-item__content p {
  font-size: 1.125em;
  letter-spacing: 0.025em;
  line-height: 2em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 8em;
}
@media (max-width: 74.9375rem) {
  .indexabout-item__content p {
    line-height: 1.5em;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6em;
  }
}
@media (max-width: 47.9375rem) {
  .indexabout-item__content p {
    line-height: 1.5em;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 999;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 1498.5em;
  }
}
.indexabout-item__link {
  padding-top: 1.5625rem;
}
.indexabout-item__link a {
  color: #026aa4;
  border: 0.0625rem solid #026aa4;
  font-size: 1.125em;
  padding: 0.875rem;
  text-align: center;
  display: block;
  width: 11.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}
.indexabout-item__link a:hover,
.indexabout-item__link a:focus {
  background-color: #026aa4;
  color: #fff;
}
.indexabout-item a:focus .indexabout-item__img {
  opacity: 0.8;
}
.indexabout-item__img {
  display: block;
  width: 100%;
  height: 18.875rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 74.9375rem) {
  .indexabout-item__img {
    height: 16.5rem;
  }
}
@media (max-width: 29.9375rem) {
  .indexabout-item__img {
    height: 12.5rem;
  }
}

.indexprocess {
  background-color: #f5f5f5;
}
.indexprocess-block {
  padding-top: 3.75rem;
  padding-bottom: 4.375rem;
}
.indexprocess-body {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 4.625rem;
}
.home_card {
  width: 20%;
  height: 14.8125rem;
  margin: auto;
  border-top: 0.0625rem solid #e5e5e5;
  border-bottom: 0.0625rem solid #e5e5e5;
  position: relative;
  perspective: 150rem;
}
.home_card .indexprocess-item {
  width: 100%;
  display: flex;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home_card .indexprocess-item::before {
  content: none;
}
.home_card .indexprocess-item img {
  width: 70%;
}
.home_card .indexprocess-item h3 {
  font-size: 1.125rem;
}
.home_card .indexprocess-item h3.have_img_limit {
  height: 3.75rem;
  overflow: hidden;
}
.home_card_font,
.home_card_back {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 3rem;
  color: #fff;
  padding: 8rem 5rem;
  box-sizing: border-box;
  transition: all 0.5s;
  backface-visibility: hidden;
}

.home_card_back {
  transform: rotateY(-180deg);
}
.home_card:hover .home_card_font {
  transform: rotateY(180deg);
}
.home_card:hover .home_card_back {
  transform: rotateY(0);
}
.indexprocess-body.mb {
  display: none;
}
@media (max-width: 61.9375rem) {
  .indexprocess-body {
    display: none;
  }
  .indexprocess-body.mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 35.9375rem) {
  .indexprocess-body {
    padding-top: 1.875rem;
  }
}
.indexprocess-item {
  background-color: #fff;
  border-top: 0.0625rem solid #e5e5e5;
  border-right: 0.0625rem solid #e5e5e5;
  border-bottom: 0.0625rem solid #e5e5e5;
  width: 20%;
  padding: 2.1875rem 0.9375rem;
}
@media (max-width: 74.9375rem) {
  .indexprocess-item {
    padding: 1.875rem 0.625rem;
  }
}
@media (max-width: 61.9375rem) {
  .indexprocess-item {
    width: 33.33%;
  }
  .indexprocess-item:nth-child(1),
  .indexprocess-item:nth-child(2) {
    width: 50%;
    border-bottom: none;
  }
  .indexprocess-item:nth-child(3) {
    border-left: 0.0625rem solid #e5e5e5;
  }
}
@media (max-width: 29.9375rem) {
  .indexprocess-item {
    width: 50%;
    padding: 0.625rem;
  }
  .indexprocess-item:nth-child(1) {
    width: 100%;
  }
  .indexprocess-item:nth-child(2) {
    width: 50%;
    border-left: 0.0625rem solid #e5e5e5;
  }
  .indexprocess-item:nth-child(3) {
    border-bottom: none;
    border-left: none;
  }
  .indexprocess-item:nth-child(4) {
    border-left: 0.0625rem solid #e5e5e5;
  }
}
.indexprocess-item:first-child {
  border-left: 0.0625rem solid #e5e5e5;
}

.indexprocess-item::before {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 9.375rem;
  height: 6.4375rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.indexprocess-item--donate::before {
  background-image: url("../images/index/indexprocess-icon-donate.jpg");
}
.indexprocess-item--pick::before {
  background-image: url("../images/index/indexprocess-icon-pick.jpg");
}
.indexprocess-item--check::before {
  background-image: url("../images/index/indexprocess-icon-check.jpg");
}
.indexprocess-item--save::before {
  background-image: url("../images/index/indexprocess-icon-save.jpg");
}
.indexprocess-item--transport::before {
  background-image: url("../images/index/indexprocess-icon-transport.jpg");
}
/*成功準則1.4.3：對比值(最小)(檢測等級AA)*/
.indexprocess-item h3 {
  color: #666;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
.indexprocess-item h3::before {
  content: "";
  display: block;
  width: 2.125rem;
  height: 0.0625rem;
  background-color: #56cbef;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.indexprocess-item--blue {
  color: #087db7;
}
.indexprocess-content {
  max-width: 53.125rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.875rem;
}
.indexprocess-content p {
  line-height: 1.66;
  font-size: 1.125em;
  display: block;
  text-align: center;
}
@media (max-width: 47.9375rem) {
  .indexprocess-content br {
    display: none;
  }
}

@media (max-width: 61.9375rem) {
  .body-fs--md .indexprocess-content br {
    display: none;
  }
}

.body-fs--lg .indexprocess-content {
  max-width: 100%;
}
@media (max-width: 74.9375rem) {
  .body-fs--lg .indexprocess-content br {
    display: none;
  }
}

.indexlove {
  background-image: url("../images/index/indexlove-bg.jpg");
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 61.9375rem) {
  .indexlove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
}
.indexlove-item {
  width: 50%;
  min-height: 31.875rem;
  color: #fff;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 61.9375rem) {
  .indexlove-item {
    width: 100%;
    min-height: auto;
  }
}
.indexlove-item:first-child {
  background-image: url("../images/index/indexlove-img.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 61.9375rem) {
  .indexlove-item:first-child {
    height: 21.875rem;
  }
}
.indexlove-item:last-child {
  background-color: rgba(1, 85, 127, 0.85);
}
.indexlove-item__content {
  width: 35.625rem;
  padding-left: 4.375rem;
}
@media (max-width: 74.9375rem) {
  .indexlove-item__content {
    width: 30.3125rem;
    padding-left: 1.875rem;
  }
}
@media (max-width: 61.9375rem) {
  .indexlove-item__content {
    width: 46.875rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
}
@media (max-width: 47.9375rem) {
  .indexlove-item__content {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
  }
}
.indexlove-item__title h2 {
  font-size: 2.1875em;
  font-weight: 700;
  line-height: 1.2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.indexlove-item__title h2::before {
  content: "";
  display: block;
  background-image: url("../images/index/indexlove-icon.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 9.375rem;
  height: 9.375rem;
  margin-right: 1.875rem;
}
@media (max-width: 29.9375rem) {
  .indexlove-item__title h2::before {
    width: 6.25rem;
    min-width: 6.25rem;
    height: 6.25rem;
  }
}
.indexlove-item__text {
  padding-top: 1.875rem;
}
.indexlove-item__text p {
  letter-spacing: 0.025em;
  line-height: 2;
  font-size: 1.125em;
}

.body-fs--md .indexlove {
  height: 37.5rem;
}
@media (max-width: 61.9375rem) {
  .body-fs--md .indexlove {
    height: auto;
  }
}

.body-fs--lg .indexlove {
  height: 40.625rem;
}
@media (max-width: 61.9375rem) {
  .body-fs--lg .indexlove {
    height: auto;
  }
}

.indexnews {
  padding-top: 5rem;
  padding-bottom: 4.375rem;
}
@media (max-width: 35.9375rem) {
  .indexnews {
    padding-top: 3.75rem;
  }
}
.indexnews-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3.4375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
@media (max-width: 61.9375rem) {
  .indexnews-body {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
@media (max-width: 35.9375rem) {
  .indexnews-body {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 1.875rem;
  }
}
.indexnews .slick-slide {
  padding: 0 0.9375rem;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-slide {
    padding: 0 0.625rem;
  }
}
.indexnews-item {
  border: 0.0625rem solid #eaeaea;
  height: 100%;
  width: calc(33.33% - 1.75rem);
}
.indexnews-item a:hover,
.indexnews-item a:focus {
  outline: none;
}
.indexnews-item a:hover .indexnews-item__overlay,
.indexnews-item a:focus .indexnews-item__overlay {
  opacity: 1;
}
.indexnews-item a:hover .indexnews-item__link,
.indexnews-item a:focus .indexnews-item__link {
  background-color: #026aa4;
  color: #fff;
}
.indexnews-item a:hover .indexnews-item__title h3,
.indexnews-item a:focus .indexnews-item__title h3 {
  color: #026aa4;
}
.indexnews-item__head {
  height: 12.625rem;
  width: 100%;
  position: relative;
}
.indexnews-item__body {
  padding: 1.4375rem 1.875rem;
}
.indexnews-item__img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.indexnews-item__overlay {
  background-color: rgba(5, 66, 112, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  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: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.indexnews-item__overlay::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: 0 -2.4375rem;
}
.indexnews-item__day p {
  font-weight: 400;
  color: #666666;
}
.indexnews-item__title {
  padding-top: 1.25rem;
  height: 4.5rem;
}
.indexnews-item__title h3 {
  font-size: 1.25em;
  font-weight: 700;
  color: #333333;
  line-height: 1.3em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.6em;
}
.indexnews-item__content {
  padding-top: 1.25rem;
  height: 5.625rem;
}
.indexnews-item__content p {
  color: #666666;
  line-height: 1.5em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 4.5em;
}
.indexnews-item__link {
  margin-top: 1.25rem;
  font-weight: 700;
  color: #026aa4;
  border: 0.0625rem solid #026aa4;
  display: inline-block;
  padding: 0.625rem 2rem;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}
.indexnews-link {
  width: 11.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.125rem;
}
.indexnews-link a {
  color: #777777;
  font-size: 1.125em;
  font-weight: 700;
  border: 0.0625rem solid #777777;
  display: block;
  text-align: center;
  padding: 0.9375rem 0.3125rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}
.indexnews-link a:hover,
.indexnews-link a:focus {
  color: #fff;
  background-color: #777777;
}
.indexnews .slick-disabled {
  display: none !important;
}
.indexnews .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.indexnews .slick-slide {
  height: auto;
}
.indexnews .slick-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.indexnews .slick-prev {
  left: -1.25rem;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-prev {
    left: -0.9375rem;
  }
}
.indexnews .slick-next {
  right: -1.25rem;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-next {
    right: -0.9375rem;
  }
}
.indexnews .slick-next,
.indexnews .slick-prev {
  width: 1.25rem;
  height: 4.0625rem;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-next,
  .indexnews .slick-prev {
    width: 0.9375rem;
  }
}
.indexnews .slick-next:hover,
.indexnews .slick-prev:hover {
  opacity: 0.8;
}
.indexnews .slick-prev:before {
  width: 1.25rem;
  height: 4.0625rem;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-prev.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem auto;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-prev:before {
    width: 0.9375rem;
    background-size: 0.9375rem auto;
  }
}
.indexnews .slick-next:before {
  width: 1.25rem;
  height: 4.0625rem;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-next.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem auto;
}
@media (max-width: 35.9375rem) {
  .indexnews .slick-next:before {
    width: 0.9375rem;
    background-size: 0.9375rem auto;
  }
}
.indexnews .slick-next.slick-disabled,
.indexnews .slick-prev.slick-disabled {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.indexnews .slick-next.slick-disabled:before,
.indexnews .slick-prev.slick-disabled:before {
  display: none;
}
@media (max-width: 62rem) {
  .indexnews .slick-next:focus,
  .indexnews .slick-prev:focus {
    outline: none;
  }
}

.body-fs--md .indexnews-item__title {
  height: 4.875rem;
}

.body-fs--md .indexnews-item__content {
  height: 6.1875rem;
}

.body-fs--lg .indexnews-item__title {
  height: 5.25rem;
}

.body-fs--lg .indexnews-item__content {
  height: 6.75rem;
}

.about {
  padding-top: 3.75rem;
}
.about ol{
  list-style-position: inside;
}

@media (max-width: 35.9375rem) {
  .about {
    padding-top: 3.75rem;
  }
}

.aboutnav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 47.9375rem) {
  .aboutnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.aboutnav__item {
  width: 25%;
  margin-left: 1.25rem;
}
@media (max-width: 47.9375rem) {
  .aboutnav__item {
    width: calc(50% - 0.625rem);
  }
  .aboutnav__item:nth-child(odd) {
    margin-left: 0;
  }
  .aboutnav__item:nth-child(1),
  .aboutnav__item:nth-child(2) {
    margin-bottom: 1.25rem;
  }
}
.aboutnav__item:first-child {
  margin-left: 0;
}
.aboutnav__item a {
  color: #555555;
  border: 0.0625rem solid #dddddd;
  display: block;
  padding: 0.9375rem;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.aboutnav__item a:hover,
.aboutnav__item a:focus {
  color: #026aa4;
  border: 0.0625rem solid #026aa4;
  outline: none;
}
.aboutnav__item--active a {
  color: #fff;
  background-color: #026aa4;
  border: 0.0625rem solid #026aa4;
}
.aboutnav__item--active a:hover,
.aboutnav__item--active a:focus {
  color: #fff;
  outline: none;
}

.aboutreason {
  padding-top: 5rem;
}
@media (max-width: 35.9375rem) {
  .aboutreason {
    padding-top: 3.75rem;
  }
}
.aboutreason__head {
  padding-top: 2.5rem;
}
@media (max-width: 35.9375rem) {
  .aboutreason__head {
    padding-top: 1.875rem;
  }
}
.aboutreason__head h3 {
  color: #494949;
  font-size: 1.5em;
  line-height: 1.5;
}
.aboutreason__body {
  padding-top: 1.25rem;
}
.aboutreason__body p {
  line-height: 2;
  padding-top: 0.9375rem;
}
.aboutreason__body p:first-child {
  padding-top: 0;
}

.aboutprocess {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}
@media (max-width: 35.9375rem) {
  .aboutprocess {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.aboutprocess-body {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 4.625rem;
}
@media (max-width: 61.9375rem) {
  .aboutprocess-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 35.9375rem) {
  .aboutprocess-body {
    padding-top: 1.875rem;
  }
}
.aboutprocess-item {
  background-color: #fff;
  border-top: 0.0625rem solid #e5e5e5;
  border-right: 0.0625rem solid #e5e5e5;
  border-bottom: 0.0625rem solid #e5e5e5;
  width: 20%;
  padding: 2.1875rem 2.75rem;
}
@media (max-width: 74.9375rem) {
  .aboutprocess-item {
    padding: 1.875rem 0.625rem;
  }
}
@media (max-width: 61.9375rem) {
  .aboutprocess-item {
    width: 33.33%;
  }
  .aboutprocess-item:nth-child(1),
  .aboutprocess-item:nth-child(2) {
    width: 50%;
    border-bottom: none;
  }
  .aboutprocess-item:nth-child(3) {
    border-left: 0.0625rem solid #e5e5e5;
  }
}
@media (max-width: 29.9375rem) {
  .aboutprocess-item {
    width: 50%;
    padding: 0.625rem;
  }
  .aboutprocess-item:nth-child(1) {
    width: 100%;
  }
  .aboutprocess-item:nth-child(2) {
    width: 50%;
    border-left: 0.0625rem solid #e5e5e5;
  }
  .aboutprocess-item:nth-child(3) {
    border-bottom: none;
    border-left: none;
  }
  .aboutprocess-item:nth-child(4) {
    border-left: 0.0625rem solid #e5e5e5;
  }
}
.aboutprocess-item:first-child {
  border-left: 0.0625rem solid #e5e5e5;
}
.aboutprocess-item::before {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 9.375rem;
  height: 6.4375rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.aboutprocess-item--image::before {
  background-image: var(--bg-image-url) !important;
}
.aboutprocess-item--donate::before {
  background-image: url("../images/index/indexprocess-icon-donate.jpg");
}
.aboutprocess-item--pick::before {
  background-image: url("../images/index/indexprocess-icon-pick.jpg");
}
.aboutprocess-item--check::before {
  background-image: url("../images/index/indexprocess-icon-check.jpg");
}
.aboutprocess-item--save::before {
  background-image: url("../images/index/indexprocess-icon-save.jpg");
}
.aboutprocess-item--transport::before {
  background-image: url("../images/index/indexprocess-icon-transport.jpg");
}
.aboutprocess-item h3 {
  color: #777777;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.66;
  letter-spacing: 0.05em;
  text-align: center;
}
.aboutprocess-item h3::before {
  content: "";
  display: block;
  width: 2.125rem;
  height: 0.0625rem;
  background-color: #56cbef;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.aboutprocess-item--blue {
  color: #027ab6;
}
.aboutprocess-content {
  max-width: 53.125rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.875rem;
}
.aboutprocess-content p {
  line-height: 1.66;
  font-size: 1.125em;
  display: block;
  text-align: center;
}
@media (max-width: 47.9375rem) {
  .aboutprocess-content br {
    display: none;
  }
}

@media (max-width: 61.9375rem) {
  .body-fs--md .aboutprocess-content br {
    display: none;
  }
}

.body-fs--lg .aboutprocess-content {
  max-width: 100%;
}
@media (max-width: 74.9375rem) {
  .body-fs--lg .aboutprocess-content br {
    display: none;
  }
}

.about .aboutorg .container {
  border-bottom: 0.0625rem solid #ccc;
  margin-bottom: 3.75rem;
}

.about .aboutorg .container:last-child {
  border-bottom: 0;
}

.aboutorg {
  padding-top: 1.875rem;
  padding-bottom: 6.125rem;
}
@media (max-width: 35.9375rem) {
  .aboutorg {
    padding-top: 0;
    padding-bottom: 4.375rem;
  }
}
.aboutorg__head {
  text-align: center;
  padding-top: 1.5625rem;
}
.aboutorg__head h3 {
  font-size: 1.25em;
  color: #494949;
  font-weight: 700;
  line-height: 1.8;
}
.aboutorg__head p {
  font-size: 1.125em;
  line-height: 1.6;
  padding-top: 1.25rem;
}
.aboutorg__body {
  padding-top: 2.8125rem;
  text-align: center;
  display: flex;
}

.aboutorg__body .employee {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
@media (max-width: 35.9375rem) {
  .aboutorg__body .employee {
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: fit-content;
    margin: auto;
  }
  .aboutorg__body img {
    width: 100%;
  }
}

.aboutorg__body .employee .employee_item {
  margin: 0 0.75rem 1.25rem 0.75rem;
}
.aboutorg__body .employee .employee_item .employee_info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.aboutorg__body .employee .employee_item .employee_info .employee_name div {
  line-height: 1.75rem;
  margin: 0.375rem 0;
  font-size: 1.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.aboutorg__body
  .employee
  .employee_item
  .employee_info
  .employee_name
  div:first-child {
  background-color: #027ab6;
  border-radius: 1.25rem;
  color: #fff;
}
.aboutorg__body .employee .employee_item .employee_info .employee_href {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
}
.aboutorg__body
  .employee
  .employee_item
  .employee_info
  .employee_href
  .icon_arrow {
  background-image: url(/image/icon_arrow_blue.png);
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-size: 3.125rem;
}
.aboutorg__body .employee .employee_item .employee_experience {
  border-top: 0.0625rem solid #ccc;
  margin-top: 0.625rem;
  padding: 0.625rem 0;
}
.aboutorg__body .employee .employee_item .employee_experience div {
  text-align: left;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #333;
  font-weight: normal;
}

@media (max-width: 35.9375rem) {
  .aboutorg__body {
    padding-top: 1.875rem;
  }
}
.aboutorg__body img {
  width: 22rem;
  margin-left: auto;
  margin-right: auto;
}
.aboutorg__body--hidden-lg {
  display: none;
}
@media (max-width: 35.9375rem) {
  .aboutorg__body--hidden-xs {
    display: none;
  }
  .aboutorg__body--hidden-lg {
    display: block;
  }
}

.aboutorgintro {
  background-color: #f7f8f8;
  padding-top: 5.3125rem;
  padding-bottom: 6.5625rem;
}
.aboutorgintro .organization_team_link_block {
  display: flex;
  justify-content: center;
  margin-top: 3.125rem;
}
.aboutorgintro .organization_team_link_block .organization_team_link {
  border: 0.0625rem solid #026aa4;
  padding: 0.625rem 1.25rem;
  color: #026aa4;
}
.aboutorgintro .organization_team_link_block a.organization_team_link:hover {
  background-color: #004874;
  color: #fff;
  display: block;
}
@media (max-width: 35.9375rem) {
  .aboutorgintro {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.aboutorgintro-block {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 4.375rem;
}
@media (max-width: 35.9375rem) {
  .aboutorgintro-block {
    padding-left: 0.9375rem;
    padding-right: 0;
    padding-top: 1.875rem;
  }
}
.aboutorgintro-item {
  margin-top: 1.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 100%;
}
@media (max-width: 35.9375rem) {
  .aboutorgintro-item {
    width: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 7.3125rem;
  }
}
.aboutorgintro-item:nth-child(1) {
  border-right: 0.4375rem solid #3065b5;
}
.aboutorgintro-item:nth-child(1) .aboutorgintro-left::before {
  background-color: #3065b5;
}
.aboutorgintro-item:nth-child(1) .aboutorgintro-left::after {
  background-image: url("../images/about/orgintroicon01.png");
}
.aboutorgintro-item:nth-child(2) {
  border-right: 0.4375rem solid #027ab6;
}
.aboutorgintro-item:nth-child(2) .aboutorgintro-left::before {
  background-color: #027ab6;
}
.aboutorgintro-item:nth-child(2) .aboutorgintro-left::after {
  background-image: url("../images/about/orgintroicon02.png");
}
.aboutorgintro-item:nth-child(3) {
  border-right: 0.4375rem solid #4db1e2;
}
.aboutorgintro-item:nth-child(3) .aboutorgintro-left::before {
  background-color: #4db1e2;
}
.aboutorgintro-item:nth-child(3) .aboutorgintro-left::after {
  background-image: url("../images/about/orgintroicon03.png");
}
.aboutorgintro-left {
  min-width: 10.875rem;
  height: 10.875rem;
  background-color: eef4f4;
  border: 0.375rem solid #fff;
  background-color: #eef4f4;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  position: absolute;
  left: 0;
  top: -0.4375rem;
}
@media (max-width: 35.9375rem) {
  .aboutorgintro-left {
    top: -3.875rem;
    left: -0.9375rem;
    min-width: 7.75rem;
    height: 7.75rem;
  }
}
.aboutorgintro-left::before {
  content: "";
  display: block;
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  border: 0.3125rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0.0625rem;
  top: 0.0625rem;
}
@media (max-width: 35.9375rem) {
  .aboutorgintro-left::before {
    width: 6.875rem;
    height: 6.875rem;
  }
}
.aboutorgintro-left::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3.75rem auto;
  position: absolute;
  top: 0;
  left: 0;
}
.aboutorgintro-right {
  margin-left: 5.3125rem;
  padding-left: 6.875rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 2.5rem;
  background-color: #fff;
  min-height: 10rem;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 5.3125rem);
}
@media (max-width: 35.9375rem) {
  .aboutorgintro-right {
    width: 100%;
    margin-left: 0;
    padding-top: 5rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.aboutorgintro-right h3 {
  font-size: 1.25em;
  color: #555555;
  font-weight: 400;
  margin-bottom: 0.625rem;
}
.aboutorgintro-right p {
  line-height: 1.875;
}

.aboutwork {
  padding-top: 5rem;
  padding-bottom: 2.8125rem;
}
@media (max-width: 35.9375rem) {
  .aboutwork {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.aboutwork__head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 3.125rem;
}
@media (max-width: 61.9375rem) {
  .aboutwork__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 35.9375rem) {
  .aboutwork__head {
    padding-top: 1.875rem;
  }
}
.aboutwork__head-img {
  background-image: url("../images/about/aboutwork-img.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25.125rem;
  height: 12.875rem;
}
@media (max-width: 74.9375rem) {
  .aboutwork__head-img {
    min-width: 21.875rem;
    height: 14.375rem;
  }
}
@media (max-width: 61.9375rem) {
  .aboutwork__head-img {
    min-width: 25.125rem;
    height: 14.375rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 29.9375rem) {
  .aboutwork__head-img {
    min-width: 100%;
  }
}
.aboutwork__head-text {
  padding-left: 3.75rem;
}
@media (max-width: 61.9375rem) {
  .aboutwork__head-text {
    width: 100%;
    padding-left: 0;
    padding-top: 3.75rem;
  }
}
@media (max-width: 29.9375rem) {
  .aboutwork__head-text {
    padding-top: 1.875rem;
  }
}
.aboutwork__head-text h3 {
  font-size: 1.5em;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
}
.aboutwork__head-text p {
  font-size: 1.125em;
  line-height: 2;
  padding-top: 0.9375rem;
}
.aboutwork__body {
  padding-top: 1.875rem;
}
.aboutwork__body p {
  font-size: 1.125em;
  line-height: 2;
}

.aboutquality {
  background-color: #f5f5f5;
  padding-top: 4.6875rem;
  padding-bottom: 5.625rem;
}
@media (max-width: 35.9375rem) {
  .aboutquality {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.aboutquality-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% + 1.875rem);
  margin: 3.4375rem -0.9375rem 0;
}
@media (max-width: 61.9375rem) {
  .aboutquality-block {
    width: 100%;
    padding: 0 0.9375rem;
    margin: 1.875rem 0 0;
  }
}
@media (max-width: 35.9375rem) {
  .aboutquality-block {
    padding: 0 0.625rem;
    margin: 1.875rem 0 0;
  }
}
.aboutquality-block .slick-slide > div {
  height: 100%;
  padding: 0 0.9375rem;
}
@media (max-width: 35.9375rem) {
  .aboutquality-block .slick-slide > div {
    padding: 0 0.625rem;
  }
}
.aboutquality-item {
  height: 100%;
  border: 0.0625rem solid #eaeaea;
  background-color: #fff;
  padding: 1.5625rem 3.125rem;
  margin-left: 1.875rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.aboutquality-item:nth-child(1) {
  margin-left: 0;
}
.aboutquality-item:nth-child(1)::before {
  background-image: url("../images/about/aboutquality-icon01.jpg");
}
.aboutquality-item:nth-child(2)::before {
  background-image: url("../images/about/aboutquality-icon02.jpg");
}
.aboutquality-item:nth-child(3)::before {
  background-image: url("../images/about/aboutquality-icon03.jpg");
}
.aboutquality-item::before {
  content: "";
  display: block;
  width: 3.875rem;
  height: 3.4375rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.875rem;
}
.aboutquality-item p {
  font-size: 1.125em;
  line-height: 1.6;
  text-align: center;
}
.aboutquality .slick-disabled {
  display: none !important;
}
.aboutquality .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aboutquality .slick-slide {
  height: auto;
  outline: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.aboutquality .slick-prev {
  left: 0;
}
@media (max-width: 35.9375rem) {
  .aboutquality .slick-prev {
    left: -0.3125rem;
  }
}
.aboutquality .slick-next {
  right: 0;
}
@media (max-width: 35.9375rem) {
  .aboutquality .slick-next {
    right: -0.3125rem;
  }
}
.aboutquality .slick-next,
.aboutquality .slick-prev {
  width: 1.25rem;
  height: 4.0625rem;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 47.9375rem) {
  .aboutquality .slick-next,
  .aboutquality .slick-prev {
    width: 0.9375rem;
  }
}
.aboutquality .slick-next:hover,
.aboutquality .slick-prev:hover {
  opacity: 0.8;
}
.aboutquality .slick-prev:before {
  width: 1.25rem;
  height: 4.0625rem;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-prev.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem auto;
}
@media (max-width: 47.9375rem) {
  .aboutquality .slick-prev:before {
    width: 0.9375rem;
    background-size: 0.9375rem auto;
  }
}
.aboutquality .slick-next:before {
  width: 1.25rem;
  height: 4.0625rem;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  background-image: url("../images/index/indexarrow-next.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem auto;
}
@media (max-width: 47.9375rem) {
  .aboutquality .slick-next:before {
    width: 0.9375rem;
    background-size: 0.9375rem auto;
  }
}
.aboutquality .slick-next.slick-disabled,
.aboutquality .slick-prev.slick-disabled {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.aboutquality .slick-next.slick-disabled:before,
.aboutquality .slick-prev.slick-disabled:before {
  display: none;
}

.aboutword {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}
@media (max-width: 35.9375rem) {
  .aboutword {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.aboutword-text {
  text-align: center;
  width: 50.3125rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.125rem;
}
@media (max-width: 61.9375rem) {
  .aboutword-text {
    width: 100%;
  }
}
@media (max-width: 35.9375rem) {
  .aboutword-text {
    padding-top: 1.875rem;
  }
}
.aboutword-text p {
  color: #444444;
  font-size: 1.125em;
  line-height: 2;
}

.abouthistory {
  padding-top: 5rem;
  padding-bottom: 4rem;
}
@media (max-width: 35.9375rem) {
  .abouthistory {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.abouthistory-block {
  margin-top: 4.8125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 47.9375rem) {
  .abouthistory-block {
    border-left: 0.0625rem solid #cbcbcb;
    margin-left: 1.5625rem;
  }
}
@media (max-width: 35.9375rem) {
  .abouthistory-block {
    margin-top: 1.875rem;
  }
}
.abouthistory-block::before {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 68.75rem;
  background-color: #cbcbcb;
  position: absolute;
  left: 50%;
  top: -2.25rem;
}
@media (max-width: 61.9375rem) {
  .abouthistory-block::before {
    height: 84.375rem;
  }
}
@media (max-width: 47.9375rem) {
  .abouthistory-block::before {
    display: none;
  }
}
.abouthistory-item {
  width: calc(50% - 2rem);
  background-color: #f7f8f8;
  padding: 1.25rem 1.5625rem;
  position: relative;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item {
    width: calc(100% - 1.5625rem);
  }
}
.abouthistory-item h2 {
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.2;
}
.abouthistory-item h3 {
  font-size: 1.25em;
  font-weight: 700;
  color: #555555;
  line-height: 1.2;
  margin-top: 0.625rem;
}
.abouthistory-item p {
  font-size: 1.125em;
  line-height: 2;
  color: #555555;
  margin-top: 0.625rem;
}
.abouthistory-item:nth-child(odd) {
  text-align: right;
  margin-right: 2rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(odd) {
    text-align: left;
    margin-right: 0;
    margin-left: 1.5625rem;
  }
}
.abouthistory-item:nth-child(odd)::before {
  content: "";
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  border: 0.375rem solid #fff;
  border-style: solid;
  border-width: 0.375rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  position: absolute;
  right: -3.375rem;
  top: 0.9375rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(odd)::before {
    left: -3rem;
  }
}
.abouthistory-item:nth-child(odd)::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  background-color: #fff;
  position: absolute;
  right: -2.5625rem;
  top: 1.75rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(odd)::after {
    left: -2.1875rem;
  }
}
.abouthistory-item:nth-child(even) {
  text-align: left;
  margin-left: 2rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(even) {
    margin-left: 1.5625rem;
  }
}
.abouthistory-item:nth-child(even)::before {
  content: "";
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  border: 0.375rem solid #fff;
  border-style: solid;
  border-width: 0.375rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  position: absolute;
  left: -3.375rem;
  top: 0.9375rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(even)::before {
    left: -3rem;
  }
}
.abouthistory-item:nth-child(even)::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  -webkit-border-radius: 100% 100%;
  border-radius: 100% 100%;
  background-color: #fff;
  position: absolute;
  left: -2.5625rem;
  top: 1.75rem;
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(even)::after {
    left: -2.1875rem;
  }
}
.abouthistory-item:nth-child(2) {
  margin-top: 9.125rem;
}
.abouthistory-item:nth-child(3) {
  -webkit-transform: translateY(-6.6875rem);
  -ms-transform: translateY(-6.6875rem);
  transform: translateY(-6.6875rem);
}
@media (max-width: 74.9375rem) {
  .abouthistory-item:nth-child(3) {
    -webkit-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    transform: translateY(-5rem);
  }
}
.abouthistory-item:nth-child(4) {
  margin-top: 2rem;
}
.abouthistory-item:nth-child(5) {
  -webkit-transform: translateY(-8.3125rem);
  -ms-transform: translateY(-8.3125rem);
  transform: translateY(-8.3125rem);
}
.abouthistory-item:nth-child(6) {
  margin-top: 2rem;
}
.abouthistory-item:nth-child(7) {
  -webkit-transform: translateY(-9rem);
  -ms-transform: translateY(-9rem);
  transform: translateY(-9rem);
}
@media (max-width: 47.9375rem) {
  .abouthistory-item:nth-child(2) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .abouthistory-item:nth-child(3) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .abouthistory-item:nth-child(4) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .abouthistory-item:nth-child(5) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .abouthistory-item:nth-child(6) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .abouthistory-item:nth-child(7) {
    margin-top: 1.875rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.abouthistory-item:nth-child(1) h2 {
  color: #3065b5;
}
.abouthistory-item:nth-child(1)::before {
  background-color: #3065b5;
}
.abouthistory-item:nth-child(2) h2 {
  color: #3065b5;
}
.abouthistory-item:nth-child(2)::before {
  background-color: #3065b5;
}
.abouthistory-item:nth-child(3) h2 {
  color: #3065b5;
}
.abouthistory-item:nth-child(3)::before {
  background-color: #3065b5;
}
.abouthistory-item:nth-child(4) h2 {
  color: #027ab6;
}
.abouthistory-item:nth-child(4)::before {
  background-color: #027ab6;
}
.abouthistory-item:nth-child(5) h2 {
  color: #027ab6;
}
.abouthistory-item:nth-child(5)::before {
  background-color: #027ab6;
}
.abouthistory-item:nth-child(6) h2 {
  color: #4db1e2;
}
.abouthistory-item:nth-child(6)::before {
  background-color: #4db1e2;
}
.abouthistory-item:nth-child(7) h2 {
  color: #4db1e2;
}
.abouthistory-item:nth-child(7)::before {
  background-color: #4db1e2;
}

.body-fs--md .abouthistory-block::before {
  height: 75rem;
}
@media (max-width: 74.9375rem) {
  .body-fs--md .abouthistory-block::before {
    height: 81.25rem;
  }
}
@media (max-width: 61.9375rem) {
  .body-fs--md .abouthistory-block::before {
    height: 96.875rem;
  }
}

.body-fs--lg .abouthistory-block::before {
  height: 87.5rem;
}
@media (max-width: 74.9375rem) {
  .body-fs--lg .abouthistory-block::before {
    height: 93.75rem;
  }
}
@media (max-width: 61.9375rem) {
  .body-fs--lg .abouthistory-block::before {
    height: 109.375rem;
  }
}

.body-fs--lg .abouthistory-item:nth-child(3) {
  -webkit-transform: translateY(-5rem);
  -ms-transform: translateY(-5rem);
  transform: translateY(-5rem);
}
@media (max-width: 47.9375rem) {
  .body-fs--lg .abouthistory-item:nth-child(3) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/*員工介紹*/

.about .aboutorg .staff_info {
  display: flex;
}
.about .aboutorg .staff_left {
  width: 12.5rem;
}

.about .aboutorg .staff_left .staff_left__list {
  border-top: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
}

.about .aboutorg .staff_left .staff_left__list .staff_left__list_title {
  width: 100%;
  padding: 1rem 0;
  font-weight: 700;
  font-size: 1.25rem;
  color: #000;
  text-align: center;
  border-bottom: 0.0625rem solid #ccc;
}

.about .aboutorg .staff_left .staff_left__list .staff_left__list_item {
  width: 100%;
  position: relative;
  user-select: none;
  cursor: pointer;
}

.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item:hover
  .title {
  text-decoration: none;
  background-color: #ffbf47;
}

.about .aboutorg .staff_left .staff_left__list .staff_left__list_item > .title {
  font-weight: 600;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0.625rem 1.25rem;
  border-bottom: 0.0625rem solid #ccc;
}

.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item
  .staff_left__list_item-sublist {
  display: none;
}

.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item.open
  .staff_left__list_item-sublist {
  padding: 0.625rem 1.25rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: column;
  border-bottom: 0.0625rem solid #ccc;
}

.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item
  .staff_left__list_item-sublist
  a {
  color: #1b1b1b;
  line-height: 2.5rem;
}
.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item
  .staff_left__list_item-sublist
  a:hover,
.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item
  .staff_left__list_item-sublist
  a.active {
  color: #027ab6;
}
.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item
  .staff_left__list_item-btn::after {
  content: "＋";
}

.about
  .aboutorg
  .staff_left
  .staff_left__list
  .staff_left__list_item.open
  .staff_left__list_item-btn::after {
  content: "－";
}

.about .aboutorg .staff_right {
  width: calc(100% - 12.5rem);
  float: right;
  padding-left: 2.5rem;
  display: flex;
}

.about .aboutorg .staff_right .dr_info {
  margin-left: 2.5rem;
  width: 100%;
}
.about .aboutorg .staff_right .dr_info .dr_info1 {
  border-top: 0.0625rem solid #ccc;
  border-bottom: 0.0625rem solid #ccc;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.about .aboutorg .staff_right .dr_info .dr_info2 {
  line-height: 2em;
}
.dr_info2 ul {
  list-style-position: inside;
}

.about .aboutorg .staff_right .dr_info .dr_info1 .dr_info1_left .dr_name {
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.about .aboutorg .staff_right .dr_info .dr_info1 .dr_info1_left .dr_name_en {
  font-size: 1rem;
  color: #027ab6;
}

.about .aboutorg .staff_right .dr_info .dr_info1 .dr_info1_right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.about .aboutorg .staff_right .dr_info .dr_info1 .dr_info1_right .tag_title {
  border-radius: 0.9375rem;
  padding: 0.3125rem 0.625rem;
  border: 0.0625rem solid #027ab6;
  color: #027ab6;
  margin-right: 0.625rem;
}
.about
  .aboutorg
  .staff_right
  .dr_info
  .dr_info1
  .dr_info1_right
  .tag_title:last-child {
  margin-right: 0;
}
.dr_return_block {
  display: flex;
  justify-content: center;
  border-top: 0.0625rem solid #ccc;
  line-height: 2.5rem;
}

.dr_return_block a {
  color: #666666;
  display: block;
  width: 100%;
  text-align: center;
}

.dr_return_block a:hover {
  color: #fff;
  background-color: #004874;
}

@media (max-width: 35.9375rem) {
  .about .aboutorg.staff {
    padding-top: 0;
  }
  .about .aboutorg .staff_info {
    display: flex;
    flex-direction: column-reverse;
  }
  .about .aboutorg .staff_info .staff_left {
    width: 100%;
    margin-top: 3.125rem;
  }
  .about .aboutorg .staff_info .staff_right {
    width: 100%;
    padding-left: 0;
    float: unset;
    flex-direction: column;
  }
  .about .aboutorg .staff_right .dr_info {
    margin-left: 0;
  }
}
.dr_image img {
  border-radius: 1.25rem;
  width: 18.125rem;
}

.news {
  padding-top: 5rem;
  padding-bottom: 4.6875rem;
}
@media (max-width: 35.9375rem) {
  .news {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}

.newstabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.newstabs__nav--scroll > * {
  outline: none;
}
.newstabs__nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25em;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 3.75rem;
  position: relative;
}
.newstabs__nav-link a {
  display: block;
  color: #666;
  text-align: center;
  margin: 0.0625rem;
}
.newstabs__nav-link a:hover,
.newstabs__nav-link a:focus {
  color: #0770a4;
}
.newstabs__nav-link--active a {
  color: #0770a4;
}
.newstabs__nav-link:first-child {
  margin-left: 0;
}
.newstabs__nav-link:last-child::after {
  display: none;
}
.newstabs__nav-link::after {
  content: "";
  display: block;
  -webkit-transform: translateX(2.5rem);
  -ms-transform: translateX(2.5rem);
  transform: translateX(2.5rem);
  width: 1.3125rem;
  height: 1.625rem;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -2.8125rem -0.6875rem;
  position: absolute;
  right: 0;
  top: -0.1875rem;
}

.newstabs__content.home_news {
  padding-top: 0.625rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.newstabs__content .newstabs__content_left {
  margin-right: 1.875rem;
}
@media (max-width: 61.9375rem) {
  .newstabs__content .newstabs__content_left {
    margin-right: 0;
  }
}
.newstabs__content .newstabs__content_left .news_list_item {
  border-bottom: 0.0625rem solid #ccc;
  padding: 1.25rem 0;
  display: flex;
  justify-content: flex-start;
}
.newstabs__content .newstabs__content_left .news_list_item .news_title {
  padding: 0 1.875rem;
  min-width: unset;
  width: calc(100% - 18.75rem);
}
@media (max-width: 61.9375rem) {
  .newstabs__content .newstabs__content_left .news_list_item .news_title {
    padding: 0;
    min-width: unset;
  }
}

@media (max-width: 35.9375rem) {
  .newstabs__content {
    padding-top: 1.875rem;
  }
  .newstabs__content .newstabs__content_right {
    display: none;
  }
}
/*
  .newstabs__content:after {
    content: "";
    clear: both;
    float: none;
    display: block;
    visibility: hidden;
    height: 0; }
*/
.newstabs__nav--scroll.mCustomScrollbar .mCSB_container {
  padding-bottom: 0.9375rem;
}

.newstabs__nav--scroll.mCustomScrollbar .mCS_x_hidden {
  padding-bottom: 0;
}

.body-fs--md .newstabs__nav-link::after {
  top: -0.0625rem;
}

.body-fs--lg .newstabs__nav-link::after {
  top: 0;
}

.news-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 35.9375rem) {
  .news-block {
    margin-left: 0;
    margin-right: 0;
  }
}

.news-item {
  border: 0.0625rem solid #eaeaea;
  width: calc(33.33% - 2rem);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 3rem;
}
.news-item:nth-child(1) {
  margin-top: 0;
}
.news-item:nth-child(2) {
  margin-top: 0;
}
.news-item:nth-child(3) {
  margin-top: 0;
}
@media (max-width: 61.9375rem) {
  .news-item {
    width: calc(50% - 2rem);
  }
  .news-item:nth-child(3) {
    margin-top: 3rem;
  }
}
@media (max-width: 35.9375rem) {
  .news-item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .news-item:nth-child(2) {
    margin-top: 3rem;
  }
}
.news-item a:hover,
.news-item a:focus {
  outline: none;
}
.news-item a:hover .news-item__overlay,
.news-item a:focus .news-item__overlay {
  opacity: 1;
}
.news-item a:hover .news-item__link,
.news-item a:focus .news-item__link {
  background-color: #026aa4;
  color: #fff;
}
.news-item a:hover .news-item__title h3,
.news-item a:focus .news-item__title h3 {
  color: #026aa4;
}
.news-item__head {
  height: 12.625rem;
  width: 100%;
  position: relative;
}
.news-item__body {
  padding: 1.4375rem 1.875rem;
}
.news-item__img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.news-item__overlay {
  background-color: rgba(5, 66, 112, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  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: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.news-item__overlay::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: 0 -2.4375rem;
}
.news-item__day p {
  font-weight: 400;
  color: #666666;
}
.news-item__title {
  padding-top: 1.25rem;
  height: 4.5rem;
}
.news-item__title h3 {
  font-size: 1.25em;
  font-weight: 700;
  color: #333333;
  line-height: 1.3em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.6em;
}
.news-item__content {
  padding-top: 1.25rem;
  height: 5.625rem;
}
.news-item__content p {
  color: #666666;
  line-height: 1.5em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 4.5em;
}
.news-item__link {
  margin-top: 1.25rem;
  font-weight: 700;
  color: #026aa4;
  border: 0.0625rem solid #026aa4;
  display: inline-block;
  padding: 0.625rem 2rem;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}

.news-pages {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.8125rem;
}

.body-fs--md .news-item__title {
  height: 4.875rem;
}

.body-fs--md .news-item__content {
  height: 6.1875rem;
}

.body-fs--lg .news-item__title {
  height: 5.25rem;
}

.body-fs--lg .news-item__content {
  height: 6.75rem;
}

.newsinside {
  padding-top: 4.625rem;
  padding-bottom: 4.6875rem;
}
@media (max-width: 35.9375rem) {
  .newsinside {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.newsinside-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 74.9375rem) {
  .newsinside-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.newsinside-content {
  min-width: 49.0625rem;
  width: 49.0625rem;
}
@media (max-width: 87.5rem) {
  .newsinside-content {
    width: 47.5rem;
    min-width: 47.5rem;
  }
}
@media (max-width: 74.9375rem) {
  .newsinside-content {
    width: 100%;
    min-width: auto;
  }
}
.newsinside-content-key {
  padding-bottom: 0.9375rem;
}
@media (max-width: 61.9375rem) {
  .newsinside-content-key {
    display: none;
  }
}
.newsinside-content-key a {
  color: #888888;
}
.newsinside-right {
  padding-left: 3.4375rem;
  width: calc(100% - 49.0625rem);
}
@media (max-width: 74.9375rem) {
  .newsinside-right {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 3.75rem;
    width: 100%;
  }
}
@media (max-width: 29.9375rem) {
  .newsinside-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.newsinside-right-key {
  padding-bottom: 0.9375rem;
}
@media (max-width: 61.9375rem) {
  .newsinside-right-key {
    display: none;
  }
}
.newsinside-right-key a {
  color: #888888;
}
.newsinside-head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 47.9375rem) {
  .newsinside-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.newsinside-head__date {
  min-width: 5.875rem;
  font-weight: 700;
  color: #888888;
  text-align: center;
  border-right: 0.0625rem solid #c1c1c1;
  line-height: 2.9375rem;
}
.newsinside-head__date div {
  display: inline-block;
  line-height: 1.2;
  font-size: 0.9375em;
}
.newsinside-head__date div:nth-child(2) {
  font-size: 1.625rem;
  display: block;
  color: #027ab6;
  font-style: italic;
  font-family: "Arial", sans-serif;
  line-height: 1;
}
@media (max-width: 47.9375rem) {
  .newsinside-head__date {
    min-width: 100%;
    text-align: left;
    border-right: none;
  }
  .newsinside-head__date div {
    display: inline-block;
  }
  .newsinside-head__date div:nth-child(2) {
    font-size: 0.9375em;
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #888888;
    font-style: normal;
    display: inline-block;
    margin-left: 0.3125rem;
  }
  .newsinside-head__date div:nth-child(2)::after {
    content: ",";
    font-size: 0.9375em;
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #888888;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .newsinside-head__date div:nth-child(2) {
    float: left;
    margin-left: 0;
  }
}
.newsinside-head__titlebox {
  padding-left: 1.4375rem;
  width: calc(100% - 5.875rem);
}
@media (max-width: 47.9375rem) {
  .newsinside-head__titlebox {
    padding-left: 0;
    width: 100%;
  }
}
.newsinside-head__title {
  font-weight: 700;
  font-size: 1.875em;
  color: #555555;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.newsinside-head__bottom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.5rem;
}
@media (max-width: 23.375rem) {
  .newsinside-head__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.newsinside-head__tags {
  font-size: 1.25em;
  color: #555555;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 23.375rem) {
  .newsinside-head__tags {
    width: 100%;
  }
}
.newsinside-head__tags::before {
  content: "";
  display: inline-block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.125rem -1.3125rem;
  width: 1.4375rem;
  height: 1.1875rem;
  margin-right: 0.625rem;
}
.newsinside-head__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 23.375rem) {
  .newsinside-head__icon {
    width: 100%;
    padding-top: 0.625rem;
  }
}
.newsinside-head__icon a {
  margin-left: 0.625rem;
  height: 1.875rem;
}
.newsinside-head__icon a:first-child {
  margin-left: 0;
}
.newsinside-head__icon img {
  height: 100%;
}
.newsinside-body {
  line-height: 1.6;
  padding-top: 0.9375rem;
  margin-top: 1.25rem;
  padding-bottom: 0.625rem;
  border-top: 0.0625rem solid #eeeeee;
  font-size: 1.125em;
}
.newsinside-body h1,
.newsinside-body h2,
.newsinside-body h3,
.newsinside-body h4,
.newsinside-body h5,
.newsinside-body h6 {
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
  font-weight: 400;
  line-height: 1.1;
}
.newsinside-body h1 {
  font-size: 2em;
}
.newsinside-body h2 {
  font-size: 1.77em;
}
.newsinside-body h3 {
  font-size: 1.55em;
}
.newsinside-body h4 {
  font-size: 1.33em;
}
.newsinside-body h5 {
  font-size: 1.22em;
}
.newsinside-body h6 {
  font-size: 1.11em;
}
.newsinside-body p {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.newsinside-body img {
  max-width: 100%;
}
.newsinside-body a {
  color: #027ab6;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.newsinside-body a:hover {
  color: #4db1e2;
}
.newsinside-body td {
  border: 0.0625rem solid #666666;
  padding: 0.625rem 0.3125rem;
  font-weight: 400;
}
.newsinside-body ul,
.newsinside-body ol {
  margin-left: 1.25rem;
  font-weight: 400;
}
.newsinside-footer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.875rem;
}
.newsinside-footer__link {
  width: 10.625rem;
  margin-left: auto;
  margin-right: auto;
}
.newsinside-footer__link a {
  background-color: #027ab6;
  color: #fff;
  font-size: 1.125em;
  text-align: center;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.newsinside-footer__link a::before {
  content: "";
  display: inline-block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -2.8125rem -2.5rem;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.9375rem;
}
.newsinside-footer__link a:hover,
.newsinside-footer__link a:focus {
  opacity: 0.8;
}
@media (max-width: 74.9375rem) {
  .newsinside-cl {
    width: 50%;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 29.9375rem) {
  .newsinside-cl {
    width: 100%;
    padding-right: 0;
  }
}
.newsinside-cl__head {
  border-left: 0.3125rem solid #027ab6;
  padding-left: 0.8125rem;
}
.newsinside-cl__head h3 {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #333333;
  letter-spacing: 0.025em;
}
.newsinside-cl__body {
  padding-left: 1.3125rem;
  padding-top: 1.375rem;
}
.newsinside-cl__item {
  padding-bottom: 0.9375rem;
  padding-top: 0.9375rem;
  border-top: 0.0625rem solid #dddddd;
  width: 100%;
}
.newsinside-cl__item:first-child {
  padding-top: 0;
  border-top: none;
}
.newsinside-cl__item a {
  color: #555555;
  font-size: 1.125em;
  display: block;
}
.newsinside-cl__item a:hover,
.newsinside-cl__item a:focus {
  color: #027ab6;
}
.newsinside-cl__item a:focus {
  outline: none;
}
.newsinside-other {
  padding-top: 4.125rem;
}
@media (max-width: 74.9375rem) {
  .newsinside-other {
    padding-top: 0;
    padding-left: 0.9375rem;
    width: 50%;
  }
}
@media (max-width: 29.9375rem) {
  .newsinside-other {
    padding-top: 2.5rem;
    padding-left: 0;
    width: 100%;
  }
}
.newsinside-other__head {
  color: #555555;
  font-size: 1.375em;
  line-height: 1.2;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsinside-other__head::before {
  content: "";
  display: block;
  width: 0.3125rem;
  height: 1.875rem;
  background-color: #027ab6;
  margin-right: 0.8125rem;
}
.newsinside-other__body {
  padding-top: 1.375rem;
}
.newsinside-other-img {
  display: block;
  min-width: 3.1875rem;
  height: 3.1875rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 74.9375rem) {
  .newsinside-other-img {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.newsinside-other-content {
  padding-left: 0.625rem;
}
.newsinside-other__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #dddddd;
}
@media (max-width: 74.9375rem) {
  .newsinside-other__item {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
.newsinside-other__item:first-child {
  padding-top: 0;
}
.newsinside-other__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.newsinside-other__item-title {
  color: #333333;
  margin-top: 0.75rem;
}
.newsinside-other__item-title h4 {
  line-height: 1.25em;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 1.25em;
  font-size: 1.125em;
  font-weight: 400;
  color: #555555;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}
.newsinside-other__item-date {
  color: #666;
}
.newsinside-other__item:hover h4,
.newsinside-other__item:focus h4 {
  color: #027ab6;
}
.newsinside-other__item:focus {
  outline: none;
}

.body-fs--md .newsinside-other__item-title {
  margin-top: 0.5rem;
}

.body-fs--lg .newsinside-other__item-title {
  margin-top: 0.25rem;
}

.contactarea {
  padding-top: 6.0625rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 35.9375rem) {
  .contactarea {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.contactarea-block {
  padding-top: 2.5rem;
}
@media (max-width: 35.9375rem) {
  .contactarea-block {
    padding-top: 1.875rem;
  }
}
.contactarea-text {
  max-width: 51.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 61.9375rem) {
  .contactarea-text {
    max-width: 100%;
  }
}
.contactarea-text p {
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
}
.contactarea-img {
  text-align: center;
  padding-top: 4.375rem;
}
@media (max-width: 35.9375rem) {
  .contactarea-img {
    padding-top: 1.875rem;
  }
}
.contactarea-img img {
  max-width: 100%;
}

.contactapply {
  background-image: url("../images/contact/contactapply-bg-20180223.jpg");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.contactapply .container {
  height: 100%;
}
.contactapply-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 47.9375rem) {
  .contactapply-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.contactapply-left {
  color: #fff;
  width: 33.75rem;
}
@media (max-width: 47.9375rem) {
  .contactapply-left {
    width: 100%;
  }
}
.contactapply-left h2 {
  font-size: 1.875em;
  font-weight: 700;
}
.contactapply-left p {
  font-size: 1.125em;
  line-height: 1.55;
  padding-top: 1.25rem;
}
.contactapply-right {
  width: calc(100% - 33.75rem);
}
@media (max-width: 47.9375rem) {
  .contactapply-right {
    width: 100%;
  }
}
.contactapply-link {
  width: 11.25rem;
  float: right;
  text-align: center;
}
@media (max-width: 47.9375rem) {
  .contactapply-link {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
  }
}
.contactapply-link a {
  color: #fff;
  border: 0.0625rem solid #fff;
  display: block;
  font-size: 1.125em;
  padding: 0.9375rem 0.3125rem;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
}
.contactapply-link a:hover,
.contactapply-link a:focus {
  background-color: #fff;
  color: #027ab6;
}
.contactapply-link a:focus {
  background-color: #ffbf47;
}

.body-fs--md .contactapply-left {
  width: 38.125rem;
}
@media (max-width: 61.9375rem) {
  .body-fs--md .contactapply-left {
    width: 31.875rem;
  }
}
@media (max-width: 47.9375rem) {
  .body-fs--md .contactapply-left {
    width: 100%;
  }
}

.body-fs--md .contactapply-right {
  width: calc(100% - 38.125rem);
}
@media (max-width: 61.9375rem) {
  .body-fs--md .contactapply-right {
    width: calc(100% - 31.25rem);
  }
}
@media (max-width: 47.9375rem) {
  .body-fs--md .contactapply-right {
    width: 100%;
  }
}

.body-fs--lg .contactapply-left {
  width: 42.5rem;
}
@media (max-width: 61.9375rem) {
  .body-fs--lg .contactapply-left {
    width: 26.25rem;
  }
}
@media (max-width: 47.9375rem) {
  .body-fs--lg .contactapply-left {
    width: 100%;
  }
}

.body-fs--lg .contactapply-right {
  width: calc(100% - 42.5rem);
}
@media (max-width: 61.9375rem) {
  .body-fs--lg .contactapply-right {
    width: calc(100% - 26.25rem);
  }
}
@media (max-width: 47.9375rem) {
  .body-fs--lg .contactapply-right {
    width: 100%;
  }
}

.contactform {
  padding-top: 4.8125rem;
  padding-bottom: 4.8125rem;
}
@media (max-width: 35.9375rem) {
  .contactform {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.contactform-text {
  padding-top: 1.875rem;
  text-align: center;
}
.contactform-text p {
  font-size: 1.125em;
  line-height: 2;
}
.contactform-block {
  padding-top: 4.25rem;
}
@media (max-width: 35.9375rem) {
  .contactform-block {
    padding-top: 1.875rem;
  }
}

.form-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 1.875rem;
}
.form-row:first-child {
  padding-top: 0;
}

.form-item {
  width: 100%;
}
.form-item--two {
  width: calc(50% - 0.9375rem);
}
@media (max-width: 35.9375rem) {
  .form-item--two {
    width: 100%;
  }
}
.form-item--two:first-child {
  margin-right: 0.9375rem;
}
@media (max-width: 35.9375rem) {
  .form-item--two:first-child {
    margin-right: 0;
  }
}
.form-item--two:last-child {
  margin-left: 0.9375rem;
}
@media (max-width: 35.9375rem) {
  .form-item--two:last-child {
    margin-left: 0;
    margin-top: 1.875rem;
  }
}
.form-item--active .form-item__input,
.form-item--active .form-item__textarea,
.form-item--active .form-item__input:focus,
.form-item--active .form-item__textarea:focus {
  border: 0.0625rem solid #e50a0a;
}
.form-item--active .form-item__msg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.form-item__head img {
  max-width: 1rem;
}
.form-item__body {
  padding-top: 0.3125rem;
}
.form-item__msg {
  font-size: 1.125em;
  color: #e50a0a;
  line-height: 1.56;
  padding-top: 0.4375rem;
  display: none;
}
.form-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 2.4375rem;
  font-size: 1em;
  line-height: 1.5;
  color: #555555;
  border: #c8c8c8 0.0625rem solid;
  border-radius: 0;
  padding: 0 0.625rem;
  outline: none;
}
.form-item__input:focus {
  outline: none;
  border-color: #027ab6;
}
.form-item__label {
  font-weight: 400;
  font-size: 1.125em;
  color: #666666;
  display: inline-block;
  line-height: 1.3;
}
.form-item__textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 1em;
  line-height: 1.5;
  color: #555555;
  border: #c8c8c8 0.0625rem solid;
  padding: 0.625rem 0.625rem;
  height: 12.375rem;
  resize: none;
  overflow: auto;
  outline: none;
}
.form-item__textarea:focus {
  outline: none;
  border-color: #027ab6;
}
.form-item__prompt {
  font-size: 0.875em;
  color: #e50a0a;
}

.form-btn {
  padding-top: 2.75rem;
  text-align: center;
}
@media (max-width: 35.9375rem) {
  .form-btn {
    padding-top: 1.875rem;
  }
}
@media (max-width: 29.9375rem) {
  .form-btn {
    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;
  }
}
.form-btn__item {
  width: 11.25rem;
  padding: 0.75rem 0.625rem;
  font-size: 1.125em;
  outline: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.form-btn__item:hover,
.form-btn__item:focus {
  opacity: 0.8;
}
.form-btn__item-reset {
  background-color: transparent;
  border: 0.0625rem solid #026aa4;
  color: #026aa4;
  margin-right: 1.875rem;
}
@media (max-width: 29.9375rem) {
  .form-btn__item-reset {
    margin-right: 0;
    margin-bottom: 0.625rem;
  }
}
.form-btn__item-submit {
  background-color: #026aa4;
  border: #026aa4;
  color: #fff;
}

.search {
  padding-top: 8.125rem;
  padding-bottom: 5.4375rem;
}
@media (max-width: 35.9375rem) {
  .search {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.search-block {
  -webkit-box-shadow: 0.3125rem 0.625rem 1.25rem rgba(51, 51, 51, 0.04);
  box-shadow: 0.3125rem 0.625rem 1.25rem rgba(51, 51, 51, 0.04);
}

.demand-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 6.0625rem;
  padding-bottom: 6.75rem;
}
@media (max-width: 61.9375rem) {
  .demand-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (max-width: 35.9375rem) {
  .demand-block {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}

.demand-text {
  padding-right: 1.75rem;
  font-size: 1.125em;
  width: calc(100% - 20rem);
}
@media (max-width: 61.9375rem) {
  .demand-text {
    width: 100%;
    padding-top: 1.875rem;
    padding-right: 0;
  }
}
.demand-text p {
  line-height: 2;
  padding-top: 0.3125rem;
}
.demand-text p:first-child {
  padding-top: 0;
}
.demand-text a {
  color: #026aa4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  margin-top: 1.25rem;
  line-height: 1.5;
}
.demand-text a::before {
  content: "";
  display: block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.1875rem -2.5rem;
  min-width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.5625rem;
}
.demand-text a:hover,
.demand-text a:focus {
  opacity: 0.8;
}

.demand-imgbox {
  min-width: 20rem;
}
@media (max-width: 61.9375rem) {
  .demand-imgbox {
    width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 23.375rem) {
  .demand-imgbox {
    min-width: auto;
    width: 100%;
  }
}

.demand-img {
  width: 100%;
  height: 21rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.demandform {
  padding-top: 6.875rem;
  padding-bottom: 4.0625rem;
}
@media (max-width: 35.9375rem) {
  .demandform {
    padding-top: 0;
    padding-bottom: 4.375rem;
  }
}
.demandform-text {
  padding-top: 1.875rem;
  text-align: center;
}
.demandform-text p {
  font-size: 1.125em;
  line-height: 2;
}
.demandform-block {
  padding-top: 4.25rem;
}
@media (max-width: 35.9375rem) {
  .demandform-block {
    padding-top: 1.875rem;
  }
}

.donate {
  padding-top: 5.9375rem;
  padding-bottom: 5.625rem;
  font-size: 1.125em;
}
@media (max-width: 35.9375rem) {
  .donate {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.donate-row1 {
  padding-top: 4.375rem;
}
@media (max-width: 35.9375rem) {
  .donate-row1 {
    padding-top: 1.875rem;
  }
}
.donate-row1 p {
  line-height: 2;
}
.donate-row2 {
  padding-top: 4.375rem;
}
@media (max-width: 35.9375rem) {
  .donate-row2 {
    padding-top: 1.875rem;
  }
}
.donate-row2 h3 {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
  color: #444444;
}
.donate-row2 ul {
  margin-top: 1.875rem;
  list-style: none;
}
.donate-row2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.25rem;
  line-height: 1.2;
}
.donate-row2 li:first-child {
  padding-top: 0;
}
.donate-row2 li::before {
  content: "";
  display: block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -2.8125rem -3.875rem;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.625rem;
}
.donate-row3 {
  padding-top: 3.75rem;
}
@media (max-width: 35.9375rem) {
  .donate-row3 {
    padding-top: 1.875rem;
  }
}
.donate-row3 p {
  line-height: 2;
}

.transplant {
  padding-top: 5rem;
}
@media (max-width: 35.9375rem) {
  .transplant {
    padding-top: 0;
  }
}
.transplant-block {
  font-size: 1.125em;
  padding-top: 3.125rem;
  padding-bottom: 3.75rem;
}
@media (max-width: 35.9375rem) {
  .transplant-block {
    padding-top: 1.875rem;
    padding-bottom: 4.375rem;
  }
}
.transplant-block p {
  line-height: 2;
}
.transplant-reason {
  background-color: #f7f8f8;
  padding-top: 3.125rem;
  padding-bottom: 3.75rem;
}
.transplant-reason-title h3 {
  font-size: 1.5em;
  color: #444444;
  font-weight: 700;
}
.transplant-reason-block {
  padding-top: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 47.9375rem) {
  .transplant-reason-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.transplant-reason__item {
  width: calc(50% - 0.9375rem);
}
@media (max-width: 47.9375rem) {
  .transplant-reason__item {
    width: 100%;
  }
}
.transplant-reason__item:first-child {
  padding-right: 0.9375rem;
}
@media (max-width: 47.9375rem) {
  .transplant-reason__item:first-child {
    padding-right: 0;
  }
}
.transplant-reason__item:first-child h4::before {
  background-image: url("../images/donate/transplant-reason-icon01.png");
}
.transplant-reason__item:last-child {
  padding-left: 0.9375rem;
}
@media (max-width: 47.9375rem) {
  .transplant-reason__item:last-child {
    padding-left: 0;
    padding-top: 0.9375rem;
  }
}
.transplant-reason__item:last-child h4::before {
  background-image: url("../images/donate/transplant-reason-icon02.png");
}
.transplant-reason__item h4 {
  font-size: 1.375em;
  color: #555555;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.transplant-reason__item h4::before {
  content: "";
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1.25rem;
}
.transplant-reason__item h4::after {
  content: "";
  display: block;
  width: 1.875rem;
  height: 0.125rem;
  background-color: #027ab6;
  position: absolute;
  left: 4.1875rem;
  bottom: 0;
}
.transplant-reason__item-text {
  padding-left: 4.1875rem;
  padding-top: 0.9375rem;
}
@media (max-width: 23.375rem) {
  .transplant-reason__item-text {
    padding-left: 0;
  }
}
.transplant-reason__item-text p {
  font-size: 1.125em;
  line-height: 2;
}

.join {
  padding-top: 4.375rem;
  padding-bottom: 6.875rem;
}
@media (max-width: 35.9375rem) {
  .join {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.join-text {
  text-align: center;
  width: 54.625rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5625rem;
}
@media (max-width: 61.9375rem) {
  .join-text {
    width: 100%;
  }
}
@media (max-width: 35.9375rem) {
  .join-text {
    padding-top: 1.875rem;
  }
}
.join-text p {
  font-size: 1.125em;
  line-height: 1.67;
}
.join-block {
  padding-top: 5rem;
}
@media (max-width: 35.9375rem) {
  .join-block {
    padding-top: 1.875rem;
  }
}
.join__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-top: 4.0625rem;
}
@media (max-width: 35.9375rem) {
  .join__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.875rem;
  }
}
.join__item:first-child {
  padding-top: 0;
}
.join__item:first-child .join__item-icon::before {
  background-image: url("../images/donate/join__item-icon01.png");
}
.join__item:nth-child(2) .join__item-icon::before {
  background-image: url("../images/donate/join__item-icon02.png");
}
.join__item-icon {
  min-width: 7.25rem;
}
@media (max-width: 35.9375rem) {
  .join__item-icon {
    width: 7.25rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.join__item-icon::before {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 7.25rem;
}
.join__item-content {
  width: calc(100% - 7.25rem);
  color: #555555;
  padding-left: 1.875rem;
}
@media (max-width: 35.9375rem) {
  .join__item-content {
    width: 100%;
    padding-left: 0;
  }
}
.join__item-content-row {
  padding-top: 2.1875rem;
}
@media (max-width: 35.9375rem) {
  .join__item-content-row {
    padding-top: 0.9375rem;
  }
}
.join__item-content-row:first-child {
  padding-top: 0;
}
@media (max-width: 35.9375rem) {
  .join__item-content-row:first-child {
    padding-top: 2.1875rem;
  }
}
.join__item-content-row:first-child h4::before {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: 0 -5.0625rem;
}
.join__item-content-row:nth-child(2) h4::before {
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -1.125rem -5.0625rem;
}
.join__item-content h3 {
  font-weight: 700;
  font-size: 1.25em;
  line-height: 2.1;
}
.join__item-content h4 {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.7;
  padding-top: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.join__item-content h4::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.875rem;
}
.join__item-content p {
  font-size: 1.125em;
  line-height: 2;
}
.join__item-content a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1.5;
  color: #026aa4;
  margin-right: 3.4375rem;
  margin-top: 0.9375rem;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}
.join__item-content a:last-child {
  margin-right: 0;
}
.join__item-content a::before {
  content: "";
  display: block;
  background-size: 6.25rem 6.25rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon.png?0129");
  background-position: -4.1875rem -2.5rem;
  min-width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.9375rem;
}
.join__item-content a:hover,
.join__item-content a:focus {
  opacity: 0.8;
}
.join__item-content-link {
  width: 10rem;
}
.join__item-content-link a {
  border: 0.0625rem solid #026aa4;
  display: block;
  padding: 0.4375rem 0.625rem;
  text-align: center;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
  outline: none;
  color: #026aa4;
}
.join__item-content-link a::before {
  display: none;
}
.join__item-content-link a:hover,
.join__item-content-link a:focus {
  background-color: #026aa4;
  color: #fff;
}

.body-fs--lg .join-text {
  width: 100%;
}

.sitemap {
  padding-top: 6.0625rem;
  padding-bottom: 4.8125rem;
}
@media (max-width: 35.9375rem) {
  .sitemap {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
}
.sitemap-content {
  padding-top: 3.4375rem;
  font-size: 1.125em;
  line-height: 2;
}
@media (max-width: 35.9375rem) {
  .sitemap-content {
    padding-top: 1.875rem;
  }
}
.sitemap-content h3 {
  margin-top: 0.9375rem;
  color: #555555;
}
.sitemap-content h4 {
  margin-top: 1.5625rem;
  font-weight: 400;
  line-height: 1.2;
}
.sitemap-content h4 a {
  color: #3e3a39;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.sitemap-content h4 a:hover,
.sitemap-content h4 a:focus {
  color: #027ab6;
}
.sitemap-content ul {
  list-style: none;
}
.sitemap-content ol {
  margin-left: 1.25rem;
}
.sitemap-content li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sitemap-content li a {
  color: #3e3a39;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.sitemap-content li a:hover,
.sitemap-content li a:focus {
  color: #027ab6;
}
.sitemap-content li ul {
  margin-left: 1.5625rem;
  margin-top: 1.25rem;
  font-size: 1em;
}
.sitemap-content li ul li {
  font-size: 0.8888888888888889;
  color: #666666;
}
.sitemap-content li ul li a {
  color: #666666;
}
.sitemap-content li ul li a:hover {
  color: #027ab6;
}

.faq {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 35.9375rem) {
  .faq {
    padding-top: 3.75rem;
  }
}
.faq-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-top: 0.0625rem solid #efefef;
}
@media (max-width: 47.9375rem) {
  .faq-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 35.9375rem) {
  .faq-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.faq-item:first-child {
  padding-top: 0;
  border-top: none;
}
.faq-item:last-child {
  padding-bottom: 0;
}
.faq-item__img {
  width: 5.3125rem;
}
@media (max-width: 47.9375rem) {
  .faq-item__img {
    width: 3.75rem;
  }
}
.faq-item__img img {
  width: 100%;
}
.faq-item__right {
  width: calc(100% - 5.3125rem);
  padding-left: 2.1875rem;
}
@media (max-width: 47.9375rem) {
  .faq-item__right {
    width: calc(100% - 3.75rem);
    padding-left: 0.9375rem;
  }
}
@media (max-width: 35.9375rem) {
  .faq-item__right {
    width: 100%;
    padding-left: 0;
    padding-top: 0.3125rem;
  }
}
.faq-item__title {
  font-size: 1.75em;
  color: #027ab6;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 47.9375rem) {
  .faq-item__title {
    font-size: 1.25em;
  }
}
.faq-item__text {
  font-size: 1.25em;
  color: #666666;
  line-height: 1.5em;
  padding-top: 0.3125rem;
}
@media (max-width: 47.9375rem) {
  .faq-item__text {
    font-size: 1em;
  }
}

/*2024 news*/

.news_category_top {
  height: 3.75rem;
  border-bottom: 0.0625rem solid #ccc;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*指引1.4：可辨識 焦點樣式*/
a.news-list__categories-item:focus div{
  outline: 0.2rem dashed #878787;
    background-color: #ffbf47;
}

.news-list__categories-item div {
  width: 100%;
  line-height: 3.625rem;
  color: #727171;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0.0625rem solid #ddd;
  position: relative;
  display: block;
  overflow: hidden;
}
/*成功準則1.4.3：對比值(最小)(檢測等級AA)*/
.news-list__categories-item.active div,.news-list__categories-item div:hover {
  background-color: #027ab6;
  border-color: #027ab6;
  color: #fff;
}
.news-list__categories .slick-arrow {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0.25rem;
  z-index: 1;
  background-color: transparent;
  background-size: 6.25rem;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}

.news-list__categories .slick-arrow ~ .slick-list {
  width: calc(100% - 5rem);
}

.news_list_item {
  border-bottom: 0.0625rem solid #ccc;
  padding: 1.25rem 0;
  display: flex;
  justify-content: flex-start;
}

.news_list_item:first-child {
  border-top: 0.0625rem solid #ccc;
}

.news_list_item:hover {
  background: rgb(241, 241, 241);
}

.news_list_item .news_image {
  position: relative;
}
.news_list_item .news_image img {
  width: 10.875rem;
  border-radius: 0.625rem;
}

.news_list_item .news_image .news_image_top {
  background-image: url("/lazyweb/images/news/news_icon_top.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: -0.75rem;
  left: -0.75rem;

}

.news_list_item .news_date {
  width: 11.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  border-right: 0.0625rem solid #ccc;
}
/*成功準則1.4.3：對比值(最小)(檢測等級AA)：*/
.news_list_item .news_date .sign_category {
  background-color: #027AB6;
  color: #fff;
  font-size: 1rem;
  padding: 0.625rem 1.25rem;
}
.news_list_item .news_date .sign_date {
  font-size: 1rem;
}
.news_list_item .news_date .sign_year {
  font-size: 1.625rem;
  font-weight: 700;
  color: #027ab6;
}

.news_list_item .news_title {
  padding: 0 1.875rem;
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  line-height: 1.625rem;
}
.news_list_item .news_title a {
  color: #333;
  font-weight: bold;
  line-height: 2.5rem;
}

.news_list_item .news_title a:hover {
  color: #027ab6;
}
@media (min-width: 62rem) {
  .news_list_item .news_title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media (min-width: 62rem) {
  .news_list_item .news_title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media (max-width: 61.9375rem) {
  .news_list_item .news_title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

.news_list_item .news_link {
  min-width: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.news_list_item .news_link .news_icon_arrow {
  background-image: url("/lazyweb/images/news/news_icon_arrow_white.png");
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.news_list_item .news_link .news_icon_arrow:hover {
  background-image: url("/lazyweb/images/news/news_icon_arrow_blue.png");
}

@media (max-width: 61.9375rem) {
  .news_list_item,
  .newstabs__content .newstabs__content_left .news_list_item {
    border-bottom: 0.0625rem solid #ccc;
    padding: 1.25rem 0;
    display: block;
    width: 100%;
  }
  .newstabs__content .newstabs__content_right {
    display: none;
  }

  .news_list_item .news_date {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    border-right: 0 solid #ccc;
    row-gap: 0.625rem;
  }
  .news_list_item .news_image {
    margin-bottom: 1.25rem;
  }
  .news_list_item .news_image img {
    width: 100%;
  }

  .news_list_item .news_title {
    height: 7.5rem;
    width: fit-content !important;
    padding: 0;
  }
  .mb_clear {
    clear: both;
  }

  .news_list_item .news_link {
    display: none;
  }
}

.history_list {
  margin: 2.5rem 0;
}

.about .aboutorg .history_list.container {
  width: 68.75rem;
  border: 0;
}

.history_list .history_list-item div {
  width: 100%;
  color: #ccc;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 0.0625rem solid #ddd;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 1.5rem;
}

.history_list .history_list-item.active div,.history_list .history_list-item div:hover {
  color: #027ab6;
}

.history_list .slick-next,
.history_list .slick-prev {
  width: 2.5rem;
  height: 2.5rem;
}

.history_list .slick-next:before,
.history_list .slick-prev:before {
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
}
.history_list .slick-next:before {
  content: "";
  background-image: url(/image/history_arraw_right.png);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.history_list .slick-prev:before {
  content: " ";
  background-image: url(/image/history_arraw_left.png);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.history_item {
  position: relative;
  background-image: url(/image/history_side_line.png);
  background-repeat: repeat-y;
  background-position: 3.125rem top;
  min-height: 12.5rem;
  border-bottom: 0.0625rem solid #ccc;
  margin-bottom: 3.125rem;
  padding-bottom: 3.125rem;
}
.history_item .year_text {
  position: absolute;
  background-color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  color: #027ab6;
  width: 6.25rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.history_item_content {
  padding-top: 3.125rem;
  margin-left: 9.375rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.history_item_content .history_content_left {
  width: calc(100% - 25rem);
  padding-right: 1.25rem;
}
.history_item_content .history_content_right {
  width: 25rem;
}
.history_item_content .history_content_right img {
  width: 25rem;
}
@media (max-width: 62rem) {
  .history_item_content .history_content_left {
    width: 100%;
    margin-right: 3.75rem;
    padding-right: 0;
  }
  .history_item_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .history_item_content {
    margin-left: 6.25rem;
  }
}

@media (max-width: 35.9375rem) {
  .about .aboutorg.history {
    padding-top: 0;
  }
  .about .aboutorg .history_list.container {
    width: auto;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .history_list .history_list-item div {
    border: 0;
  }
  .history_item_content {
    margin-left: 6.25rem;
  }
  .history_item_content {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .history_item_content .history_content_left,
  .history_item_content .history_content_right,
  .history_item_content .history_content_right img {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}

.joinus_head {
  margin-bottom: 2.5rem;
}

.joinus_head p {
  font-size: 1.125em;
  line-height: 1.6;
  padding-top: 1.25rem;
}

.work_item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 3.125rem;
}
@media (max-width: 61.9375rem) {
  .work_item .work_item_content {
    margin-left: 0 !important;
  }
  .work_item .work_item_content .work_info div:first-child {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}

.work_item_img img {
  width: 20.625rem;
  border-radius: 1.875rem;
}
.work_item .work_item_content {
  margin-left: 2.5rem;
  width: 100%;
}
.work_item .work_item_content .work_title {
  border-bottom: 0.0625rem solid #ccc;
  font-size: 1.625rem;
  color: #027ab6;
  font-weight: 700;
  line-height: 4.125rem;
  display: flex;
  align-items: center;
}
.work_item .work_item_content .work_title img {
  margin-right: 1.25rem;
}
.work_item .work_item_content .work_info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 0.0625rem solid #ccc;
  padding: 1.25rem 0;
}
.work_item .work_item_content .work_info div:first-child {
  color: #000;
  font-weight: 700;
  font-size: 1rem;
  width: 11.25rem;
}

.work_item .work_item_content .work_info div:last-child {
  font-size: 0.8125rem;
  line-height: 1.625rem;
  width: calc(100% - 11.25rem);
}

.follow_us {
  margin-top: 1.25rem;
  display: flex;
}

.follow_us .follow_us_left {
  background-image: url(/image/join_us_2.png);
  background-repeat: no-repeat;
  width: 45rem;
  height: 18.75rem;
  background-size: cover;
  border-radius: 0.625rem;
  display: flex;
  color: #fff;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  padding: 1.875rem;
  font-size: 1.625rem;
  margin-right: 3.125rem;
  border-radius: 1.875rem;
}

.follow_us .follow_us_right {
}

.follow_us .follow_us_right .title {
  font-size: 2.25rem;
  font-weight: 700;
  padding: 0.625rem 0;
  color: #000;
  margin-bottom: 1.25rem;
}

.follow_us .follow_us_right .sub_title {
  color: #969696;
  font-size: 1rem;
  margin-bottom: 1.25rem;
}

.social_item {
  background-color: #f8f8f8;
  border-radius: 0.625rem;
  padding: 0.625rem 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  color: #000;
}

.social_item img {
  margin-right: 1.25rem;
}
@media (max-width: 61.9375rem) {
  .work_item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 3.125rem;
  }
}

@media (max-width: 35.9375rem) {
  .about .aboutorg.joinus {
    padding-top: 0;
  }
  .about .aboutorg.joinus .container {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
  .work_item .work_item_content .work_info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .work_item .work_item_content .work_info div:first-child {
    width: 100%;
  }
  .work_item .work_item_content .work_info div:last-child {
    width: 100%;
    padding-left: 0.9375rem;
  }
  .work_item .work_item_img img {
    width: 100%;
  }
  .follow_us {
    display: flex;
    flex-direction: column;
  }
  .follow_us .follow_us_left {
    width: auto;
    height: auto;
    margin-right: 0;
    min-height: 12.5rem;
  }
  .follow_us .follow_us_right .title {
    text-align: center;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .follow_us .follow_us_right .sub_title {
    text-align: center;
  }
}

/*首頁側邊*/
.side_ocial {
  position: fixed;
  right: 3.125rem;
  top: calc(50% - 6.4375rem);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  z-index: 10001;
}
.side_ocial a {
  margin-bottom: 0.125rem;
}
.side_ocial img {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #2196f3;
  border-radius: 3.125rem;
}
.side_ocial img:hover {
  background-color: #004874;
}

.footer-link__iframe img {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #e1e1e1;
  border-radius: 3.125rem;
}
.footer-link__iframe img:hover {
  background-color: #ffffff;
  border-radius: 3.125rem;
}
.history_list .history_list-item div {
  font-weight: bold;
}
.aboutorg__body img {
  width: -webkit-fill-available;
  border-radius: 1.875rem;
  max-width: 28.125rem;
}
.aboutorg__body .employee .employee_item {
  display: block;
  text-decoration: none;
  margin: 0 0.75rem 2.25rem 0.75rem;
  padding: 0.75rem;
  border-radius: 1.875rem;
}
.aboutorg__body .employee .employee_item:hover {
  box-shadow: 0.625rem 0.625rem 1.25rem #00000010;
}
.aboutorg__body .employee {
  justify-content: space-evenly;
}

.aboutorg__body .employee .employee_item .employee_info .employee_name div {
  text-align: left;
}
.aboutorg__body
  .employee
  .employee_item
  .employee_info
  .employee_name
  div:first-child {
  width: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;
}
.employee_name {
  max-width: 15rem;
}
.aboutorg__body .employee .employee_item .employee_experience {
  max-width: 18.125rem;
}
.aboutorg__body .employee .employee_item .employee_info .employee_name div {
  color: #333;
}
.about .aboutorg .staff_right .dr_info .dr_info1 .dr_info1_left .dr_name_en {
  font-size: 1.625rem;
  font-weight: 700;
}
.newstabs__content_right img {
  width: 22.5rem;
}
.newstabs__content_right img:hover {
  box-shadow: 0.625rem 0.625rem 1.25rem #00000010;
}

.indexmerge a:hover{
  color:#fff;
  background: #004874;
}

/*CS1140101E 當使用者介面元件取得焦點時，使用CSS變更其呈現方式
https://nebt.org.tw/zh-tw/about/history/ 以鍵盤焦點至「2016-2020」、「2011-2015」時，未有焦點變化，請修正。*/

.history_list a.history_list-item:focus div{
  background-color: #ffbf47;
  color:#666;
  outline: 0.2rem dashed #878787;
}

/* ========= 字級切換：以 .wrap 的 class 為準 ========= */
/* 小：預設 (沒有 body-fs--md / body-fs--lg) */
.wrap { font-size: 16px; }

/* 中 */
.wrap.body-fs--md { font-size: 18px; }

/* 大 */
.wrap.body-fs--lg { font-size: 20px; }

/* ========= 讓最新消息整區吃到繼承，不被寫死 px 卡住 ========= */
.news { font-size: 1em; }

/* 這些元素最常被單獨寫 font-size: xxpx; 直接拉回繼承 */
.news .news_title,
.news .news_title a,
.news .news_date,
.news .news_date * ,
.news .sign_category,
.news .sign_date,
.news .sign_year {
  font-size: inherit !important;
}


/* 加入我們：CKEditor 內容容器（每個 work_info 的第二個 div 是內容） */
.joinus .work_info > div:nth-child(2) {
  font-size: inherit !important;
}

/* 打掉 CKEditor inline font-size（rem/px 都不管，全部繼承） */
.joinus .work_info > div:nth-child(2) [style*="font-size"] {
  font-size: inherit !important;
}

/* 有些字不是寫在 style，而是 p/li/span 本身被 CSS 寫死，也一起強制繼承 */
.joinus .work_info > div:nth-child(2) p,
.joinus .work_info > div:nth-child(2) li,
.joinus .work_info > div:nth-child(2) span,
.joinus .work_info > div:nth-child(2) strong,
.joinus .work_info > div:nth-child(2) em {
  font-size: inherit !important;
}

/* ===== 字級切換：讓 follow_us 區塊跟著變 ===== */
.wrap.body-fs--md .follow_us { font-size: 18px; }
.wrap.body-fs--lg .follow_us { font-size: 20px; }

/* 小字級（預設） */
.wrap:not(.body-fs--md):not(.body-fs--lg) .follow_us { font-size: 16px; }

/* 把 follow_us 內常見被寫死 px 的文字拉回繼承 */
.follow_us .follow_us_left,
.follow_us .follow_us_left *,
.follow_us .follow_us_right,
.follow_us .follow_us_right .title,
.follow_us .follow_us_right .sub_title,
.follow_us .follow_us_right .social_item,
.follow_us .follow_us_right .social_item * {
  font-size: inherit !important;
}


html.font-sm { font-size: 16px; }
html.font-md { font-size: 18px; }
html.font-lg { font-size: 20px; }


/* 當網頁處於「大字型」模式時 (.body-fs-lg) */
.body-fs-lg .news_list_item .news_image .news_image_top {
    /* 強制將圖片顯示放大 1.5 倍 */
    background-size: 3rem;
}