/**bootstrap5 grid setting**/
/**bootstrap5 grid setting end**/
body {
  font-family: "Arial", "Microsoft JhengHei";
  width: 100%;
  height: 100%;
  font-size: 0.85rem;
  line-height: 1.6;
}
body.modal-open {
  position: fixed;
}
body.scroll-lock {
  overflow: hidden;
}

a {
  color: #4F77E1;
}

.modal-backdrop {
  z-index: 1080;
}

.modal {
  z-index: 1088;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.alert-text {
  color: red;
}

.import-text {
  color: #EE8A19;
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 992px) {
  .container.more-pd {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (min-width: 1400px) {
  .container.more-pd {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}

#map {
  opacity: 0;
}

.btn {
  border-radius: 2rem;
  padding: 0.6rem 2.5rem 0.5rem;
  color: #FFF;
  background-color: var(--bs-leaf);
  border: 0;
  text-align: center;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  transition: all 0.2s;
}
@media (hover: none) {
  .btn {
    transition: none;
  }
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
  transform: translateY(0);
  box-shadow: none;
  background-color: #7EAC4D;
}
.btn.type-1 {
  background-color: var(--bs-primary);
}
.btn.type-1:hover, .btn.type-1:focus, .btn.type-1:active, .btn.type-1.active {
  background-color: #6664BB;
}
.btn.type-2 {
  color: var(--bs-leaf);
  background-color: #FFF;
  border: 0.05rem solid var(--bs-leaf);
}
.btn.type-2:hover, .btn.type-2:focus, .btn.type-2:active, .btn.type-2.active {
  color: #FFF;
  background-color: var(--bs-leaf);
}
.btn.type-3 {
  color: var(--bs-primary);
  background-color: #FFF;
  border: 0.05rem solid var(--bs-primary);
}
.btn.type-3:hover, .btn.type-3:focus, .btn.type-3:active, .btn.type-3.active {
  color: #FFF;
  background-color: var(--bs-primary);
}
.btn.type-4 {
  background-color: var(--bs-yellow);
}
.btn.type-4:hover, .btn.type-4:focus, .btn.type-4:active, .btn.type-4.active {
  background-color: var(--bs-yellow);
}
.btn.type-5 {
  background-color: #FFF;
  color: var(--bs-primary);
  border: 0.05rem solid var(--bs-primary);
}
.btn.type-5:hover, .btn.type-5:focus, .btn.type-5:active, .btn.type-5.active {
  background-color: var(--bs-primary);
  color: #FFF;
}
.btn.big-btn {
  padding: 0.6rem 2.5rem;
}
.btn.small-btn {
  padding: 0.6rem 1.5rem 0.5rem;
}
.btn.tiny-btn {
  padding: 0.5rem 0.75rem;
}
.btn.xs-full {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btn.xs-full {
    width: auto;
  }
}

.text-default {
  color: var(--bs-body-color);
}

.text-justify {
  text-align: justify;
}

body.stop-transitions * {
  transition: none !important;
}

.col-xs-margin-bottom {
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .col-xs-margin-bottom {
    margin-bottom: 0px;
  }
}

.col-md-margin-bottom {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .col-md-margin-bottom {
    margin-bottom: 0px;
  }
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */
}

.g-recaptcha-response {
  display: block !important;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.graphic-read-area .graphic-box .graphic-item .graphic-media figure:after, .graphic-read-area .graphic-box .graphic-item .graphic-media picture:after, .editor-content:after, .post-content:after, #tinymce:after {
  content: "";
  display: block;
  clear: both;
}

.editor-content iframe, .post-content iframe, #tinymce iframe {
  max-width: 100%;
  border: 0;
}
.editor-content img, .post-content img, #tinymce img {
  height: auto;
  max-width: 100%;
}
.editor-content h2, .post-content h2, #tinymce h2 {
  position: relative;
  padding-left: 0.8rem;
  line-height: 1.2;
  color: #5B59A8;
  font-weight: bold;
}
.editor-content h2:before, .post-content h2:before, #tinymce h2:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 0.45rem;
  height: calc(100% - 0.4rem);
  background-color: #A6BDF9;
  border-radius: 0.5rem;
}
.editor-content h3, .post-content h3, #tinymce h3 {
  color: var(--bs-primary);
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.editor-content h4, .post-content h4, #tinymce h4 {
  color: #7DC037;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.editor-content h5, .post-content h5, #tinymce h5 {
  color: #ECB445;
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.editor-content h6, .post-content h6, #tinymce h6 {
  color: #7E9DEE;
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.editor-content a, .post-content a, #tinymce a {
  text-decoration: none;
}
.editor-content a:hover, .post-content a:hover, #tinymce a:hover {
  color: #4F77E1;
  text-decoration: underline;
}
.editor-content p, .post-content p, #tinymce p {
  margin-bottom: 1.5rem;
}
.editor-content table, .post-content table, #tinymce table {
  max-width: 100%;
  border-collapse: collapse;
}
.editor-content table thead th, .post-content table thead th, #tinymce table thead th, .editor-content table thead td, .post-content table thead td, #tinymce table thead td {
  color: #FFF;
  background-color: var(--bs-primary);
  font-weight: normal;
}
.editor-content table th, .post-content table th, #tinymce table th, .editor-content table td, .post-content table td, #tinymce table td {
  padding: 0.2rem 0.3rem;
  border: var(--bs-primary) solid 0.05rem;
  background-color: #F8F8FD;
}
.editor-content table th, .post-content table th, #tinymce table th {
  color: #FFF;
  background-color: var(--bs-primary);
  font-weight: normal;
}
.editor-content ul, .post-content ul, #tinymce ul {
  padding: 0;
  list-style: none !important;
  margin-bottom: 1.5rem;
}
.editor-content ul > li, .post-content ul > li, #tinymce ul > li {
  padding-left: 1rem;
  position: relative;
  margin-bottom: 0.25rem;
}
.editor-content ul > li:before, .post-content ul > li:before, #tinymce ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.05rem;
  top: 0.4rem;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.1rem solid #A3D272;
  border-radius: 50%;
}
.editor-content ol, .post-content ol, #tinymce ol {
  padding: 0;
  list-style: none !important;
  counter-reset: ol-item;
  margin-bottom: 1.5rem;
}
.editor-content ol > li, .post-content ol > li, #tinymce ol > li {
  display: block;
  padding-left: 1rem;
  position: relative;
  margin-bottom: 0.25rem;
}
.editor-content ol > li:before, .post-content ol > li:before, #tinymce ol > li:before {
  position: absolute;
  text-align: right;
  left: 0;
  top: 0;
  content: counter(ol-item) ".";
  counter-increment: ol-item;
  font-weight: bold;
  color: #A3D272;
  display: inline-block;
  min-width: 0.75rem;
}
.editor-content .articles-intro, .post-content .articles-intro, #tinymce .articles-intro {
  background-color: #F2F8F0;
  padding: 1.5rem 1rem;
}
.editor-content .articles-intro p, .post-content .articles-intro p, #tinymce .articles-intro p {
  position: relative;
  line-height: 1.3;
  color: #48547B;
}
.editor-content .articles-intro p:before, .post-content .articles-intro p:before, #tinymce .articles-intro p:before, .editor-content .articles-intro p:after, .post-content .articles-intro p:after, #tinymce .articles-intro p:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: url("../img/icon/icon_introduction@2x.png") no-repeat;
  background-size: 100% auto;
}
.editor-content .articles-intro p:before, .post-content .articles-intro p:before, #tinymce .articles-intro p:before {
  top: 0;
  left: 0;
}
.editor-content .articles-intro p:after, .post-content .articles-intro p:after, #tinymce .articles-intro p:after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.editor-content .media-desc, .post-content .media-desc, #tinymce .media-desc {
  position: relative;
  padding-left: 0.85rem;
}
.editor-content .media-desc .arrow, .post-content .media-desc .arrow, #tinymce .media-desc .arrow {
  position: absolute;
  top: 0.4rem;
  left: 0;
  background: url("../img/icon/arrow_black@2x.png") no-repeat;
  background-size: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  transform: rotate(180deg);
}
.editor-content .info-group .info-key, .post-content .info-group .info-key, #tinymce .info-group .info-key {
  flex: 0 0 2.55rem;
}
.editor-content .info-group a, .post-content .info-group a, #tinymce .info-group a {
  color: #4F77E1;
  text-decoration: none;
}
.editor-content .info-group a:hover, .post-content .info-group a:hover, #tinymce .info-group a:hover {
  color: #4F77E1;
  text-decoration: underline;
}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper.not-load {
  padding-bottom: 0;
}

.modal-dialog .video-content {
  width: 100%;
}
.modal-dialog .modal-content {
  padding: 2rem 0.75rem;
}
@media screen and (min-width: 992px) {
  .modal-dialog {
    max-width: 640px;
  }
  .modal-dialog .modal-content {
    padding: 3rem 2rem;
  }
}
.modal-dialog .modal-header {
  padding: 0;
  margin-bottom: 1.25rem;
}
.modal-dialog .modal-header .modal-title {
  color: #48547B;
}
.modal-dialog .modal-header .btn-close {
  top: 1.7rem;
  right: 1.7rem;
  padding: 0;
}
.modal-dialog .modal-header .btn-close:before {
  content: "\ec22";
  font-size: 1.25rem;
  color: #737FA7;
  background: transparent;
}
.modal-dialog .modal-body {
  padding: 0;
}
.modal-dialog .modal-footer {
  padding: 0;
  margin-top: 1.25rem;
}
.modal-dialog .modal-footer > * {
  margin: 0;
}

body.modal-open {
  position: relative !important;
}

.video-modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 95%;
  margin: 0px;
  max-width: 56.6rem;
  pointer-events: auto;
}
@media screen and (min-width: 576px) {
  .video-modal .modal-dialog {
    padding: 1rem;
  }
}
@media screen and (min-width: 576px) and (max-height: 649px) {
  .video-modal .modal-dialog {
    max-height: 95vh;
    max-width: 168.8888888889vh;
  }
}
@media screen and (min-width: 576px) and (min-height: 650px) {
  .video-modal .modal-dialog {
    max-width: 56.6rem;
  }
}
.video-modal .close-btn {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background: url("../img/gallery/button_close_xs@2x.png") no-repeat;
  background-size: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  z-index: 99;
}
@media screen and (min-width: 576px) {
  .video-modal .close-btn {
    background: url("../img/gallery/button_close_lg@2x.png") no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
  }
}

.side-toolbar {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 2.25rem;
  z-index: 99;
}
.side-toolbar .toolbar-group {
  transition: all 0.2s;
  opacity: 1;
}
.side-toolbar.bot {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}
.side-toolbar.bot .toolbar-group {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .side-toolbar {
    bottom: 20%;
  }
  .side-toolbar.bot {
    bottom: 20%;
    position: fixed;
  }
  .side-toolbar.bot .toolbar-group {
    opacity: 1;
    visibility: visible;
  }
}
.side-toolbar .toolbar-btn {
  width: 100%;
  height: 1.85rem;
  text-align: center;
  transition: filter 0.2s;
}
@media (hover: none) {
  .side-toolbar .toolbar-btn {
    transition: none;
  }
}
.side-toolbar .toolbar-btn.donate {
  padding-top: 1.25rem;
  height: 2.25rem;
}
.side-toolbar .toolbar-btn.top {
  background-color: #A3D272;
  height: 2.25rem;
}
.side-toolbar .toolbar-btn:hover {
  filter: brightness(90%);
}

@media (hover: none) {
  .dropdown .dropdown-menu > li > a {
    transition: none;
  }
}

.fade-in-left {
  opacity: 0;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.fade-in-left.motion {
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  opacity: 1;
}

@keyframes fadeInLeft {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.fade-in-right {
  opacity: 0;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.fade-in-right.motion {
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  opacity: 1;
}

@keyframes fadeInRight {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.fade-in-up {
  opacity: 0;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.fade-in-up.motion {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  opacity: 1;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/
header {
  z-index: 1060;
}

.navbar-clone {
  z-index: 1068;
}

@media screen and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav > .nav-item:hover .nav-link, .navbar-expand-lg .navbar-nav > .nav-item.active .nav-link {
    color: var(--bs-primary) !important;
  }
}
.navbar-expand-lg .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
  content: none;
}
@media screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-menu {
    transition: none !important;
    box-shadow: none;
    border-radius: 0;
    font-size: 0.8rem;
    padding: 1.25rem 0;
    background-color: transparent;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item {
    padding: 0 1rem;
    color: #343f52;
    white-space: normal;
    padding: 0 0 0 1rem !important;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item:hover, .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item.active {
    color: #EB6672 !important;
    text-decoration: underline;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item:after {
    content: none;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .nav-link {
    cursor: default;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li + li {
    margin-top: 0.5rem;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li .dropdown-toggle span {
    position: relative;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li .dropdown-toggle span:after {
    border: 0;
    content: "\e902";
    font-family: Custom;
    display: inline-block;
    margin-left: 0.05rem;
    position: absolute;
    margin-right: 0;
    right: -1rem;
    top: -0.25rem;
    font-size: 0.8rem;
    transform: translateX(-0.05rem) rotate(90deg);
    transform-origin: center;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li > .dropdown-menu {
    position: static;
    display: none;
    padding: 0.5rem 0 0;
    font-size: 0.7rem;
    line-height: 1;
    margin-left: 0.25rem;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li > .dropdown-menu .dropdown-item {
    color: #6578B5;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) li > .dropdown-menu.show {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item {
    padding: 0 0 0 1rem !important;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu):last-child .nav-link {
    padding-right: 0.8rem;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .nav-link {
    padding-right: 1.3rem;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item {
    padding: 0 0 0 1rem !important;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu):last-child .nav-link {
    padding-right: 0.5rem;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .nav-link {
    padding-right: 3rem;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .nav-link {
    padding-right: 3rem;
    padding-left: 1.5rem;
  }
  .navbar-expand-lg .dropdown:not(.dropdown-submenu) .dropdown-item {
    padding: 0 0 0 1.5rem !important;
  }
}

a.link-donate {
  font-family: "Microsoft JhengHei";
  color: #FFF;
  background-color: #FD7379;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  text-align: center;
  transition: all 0.2s;
}
@media (hover: none) {
  a.link-donate {
    transition: none;
  }
}
a.link-donate span {
  position: relative;
  padding-left: 1.2rem;
}
a.link-donate span:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 0;
  width: 1.1rem;
  height: 1.4rem;
}
@media screen and (min-width: 576px) {
  a.link-donate span {
    position: relative;
    padding-left: 1.4rem;
  }
  a.link-donate span:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.7rem);
    left: 0;
    width: 1.1rem;
    height: 1.4rem;
  }
}
a.link-donate:hover {
  background-color: #EE565D;
}

a.link-knowledge {
  font-family: "Microsoft JhengHei";
  color: #FFF;
  background-color: #F6CA73;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  text-align: center;
  transition: all 0.2s;
}
@media (hover: none) {
  a.link-knowledge {
    transition: none;
  }
}
a.link-knowledge span {
  position: relative;
  padding-left: 1.2rem;
}
a.link-knowledge span:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 0;
  width: 1.1rem;
  height: 1.4rem;
}
@media screen and (min-width: 576px) {
  a.link-knowledge span {
    position: relative;
    padding-left: 1.4rem;
  }
  a.link-knowledge span:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.7rem);
    left: 0;
    width: 1.1rem;
    height: 1.4rem;
  }
}
a.link-knowledge:hover {
  background-color: #E9AC33;
}

a.link-app {
  font-family: "Microsoft JhengHei";
  color: #FFF;
  background-color: #A6BDF9;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  text-align: center;
  transition: all 0.2s;
}
@media (hover: none) {
  a.link-app {
    transition: none;
  }
}
a.link-app span {
  position: relative;
  padding-left: 1.2rem;
}
a.link-app span:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 0;
  width: 1.1rem;
  height: 1.4rem;
}
@media screen and (min-width: 576px) {
  a.link-app span {
    position: relative;
    padding-left: 1.4rem;
  }
  a.link-app span:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.7rem);
    left: 0;
    width: 1.1rem;
    height: 1.4rem;
  }
}
a.link-app:hover {
  background-color: #7C98E2;
}

.site-search {
  position: relative;
  overflow: hidden;
}
.site-search:before {
  color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}
.site-search input.form-control {
  height: auto;
  color: var(--bs-body-color);
  padding: 0.55rem 2.2rem 0.55rem 0.6rem;
}
.site-search input.form-control::-webkit-input-placeholder {
  color: rgba(91, 89, 168, 0.6);
}
.site-search input.form-control:-moz-placeholder {
  color: rgba(91, 89, 168, 0.6);
}
.site-search input.form-control::-moz-placeholder {
  color: rgba(91, 89, 168, 0.6);
}
.site-search input.form-control:-ms-input-placeholder {
  color: rgba(91, 89, 168, 0.6);
}
.site-search input.form-control.head {
  padding: 0.3rem 2.2rem 0.3rem 0.6rem;
  font-size: 0.7rem;
}
.site-search input.form-control.head::-webkit-input-placeholder {
  font-size: 0.7rem;
}
.site-search input.form-control.head:-moz-placeholder {
  font-size: 0.7rem;
}
.site-search input.form-control.head::-moz-placeholder {
  font-size: 0.7rem;
}
.site-search input.form-control.head:-ms-input-placeholder {
  font-size: 0.7rem;
}
.site-search button[type=submit] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
  font-size: 0.9rem;
  z-index: 1;
  border: 0;
  background: transparent;
  color: var(--bs-primary);
}
.site-search button[type=submit].head {
  top: 55%;
}

.menu-link-btn {
  height: 2rem;
  border-radius: 2rem;
  transition: all 0.2s;
}
.menu-link-btn:hover:before {
  border-radius: inherit;
}

.nav-menu-wrapper {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background: #FFF;
  border-bottom: 0.05rem solid #E0E2ED;
}
.nav-menu-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  z-index: 9999;
  box-shadow: inset 0 0.45rem 0.55rem -0.35rem rgba(75, 65, 63, 0.5);
}
.nav-menu-wrapper.show {
  display: block;
}

.navbar-other .hamburger.offcanvas-nav-btn {
  width: 2rem;
  height: 2.4rem;
  background-color: #f37460;
  margin-left: 0;
}
.navbar-other .link-donate {
  font-weight: 700;
  padding: 0.85rem 0.3rem 0.7rem;
}
@media screen and (min-width: 576px) {
  .navbar-other .hamburger.offcanvas-nav-btn {
    width: 2rem;
    height: 2.4rem;
    background-color: #f37460;
    margin-left: 0;
  }
  .navbar-other .link-donate {
    font-weight: 700;
    padding: 0.85rem 0.4rem 0.7rem;
  }
}

@media (max-width: 991.98px) {
  .navbar-collapse.offcanvas {
    background-color: #FFF;
  }
  .navbar-collapse.offcanvas .offcanvas-header {
    padding: 0;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
    min-height: 2.4rem;
  }
  .navbar-collapse.offcanvas .offcanvas-header .link-donate {
    font-weight: bold;
    padding: 0.85rem 0.3rem 0.7rem;
    margin-left: auto;
  }
  .navbar-collapse.offcanvas .offcanvas-header .btn-close {
    width: 2rem;
    height: 2.4rem;
    margin-right: 0;
  }
  .navbar-collapse.offcanvas .offcanvas-header .btn-close:before {
    content: "\ec22";
    width: 100%;
    height: 100%;
    background-color: #8381D3;
    border-radius: 0;
    font-size: 1.6rem;
  }
  .navbar-collapse.offcanvas .offcanvas-body {
    padding: 0;
  }
  .navbar-collapse.offcanvas .offcanvas-body li > .nav-link {
    font-size: 0.95rem;
    color: #48547B !important;
  }
  .navbar-collapse.offcanvas .offcanvas-body li > .nav-link:hover, .navbar-collapse.offcanvas .offcanvas-body li > .nav-link:focus {
    color: #48547B !important;
  }
  .navbar-collapse.offcanvas .offcanvas-body li.dropdown .dropdown-item {
    padding-top: 0.4rem;
  }
  .navbar-collapse.offcanvas .offcanvas-body li.dropdown .dropdown-item:after {
    right: 0.9rem;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav .nav-link.active {
    color: #48547B !important;
    border-bottom: 0.05rem solid #E0E2ED;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li {
    border-bottom: 0.05rem solid #E0E2ED;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li > .nav-link {
    padding: 0.68rem 0.9rem;
    position: relative;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li > .nav-link:before {
    content: "";
    position: absolute;
    right: 0.9rem;
    top: 1.1rem;
    background: url("../img/icon/sidebar_select_01@2x.webp") center no-repeat;
    background-size: 100% auto;
    width: 0.75rem;
    height: 0.75rem;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li > .nav-link:after {
    content: "" !important;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li > .nav-link.active:before {
    transform: rotate(180deg);
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu {
    box-shadow: none;
    background-color: #F4F3FC;
    border-radius: 0;
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.xs-show {
    display: block;
    max-height: 30rem;
    visibility: visible;
    transition: all 0.6s ease-in-out;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li > .dropdown-item {
    padding-left: 1.75rem;
    font-size: 0.95rem;
    color: #48547B !important;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li > .dropdown-item:hover, .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li > .dropdown-item.active {
    background-color: #EBE9FA;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li .dropdown-toggle {
    position: relative;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li .dropdown-toggle:after {
    border: 0;
    content: "\e902";
    font-family: Custom;
    display: inline-block;
    margin-left: 0.05rem;
    position: absolute;
    margin-right: 0;
    right: 0.9rem;
    top: 0.5rem;
    font-size: 0.8rem;
    transform: translateX(-0.05rem) rotate(90deg);
    transform-origin: center;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-1 li .dropdown-toggle.active:after {
    transform: translateX(-0.05rem) rotate(270deg);
    transform-origin: center;
  }
  .navbar-collapse.offcanvas .offcanvas-body .navbar-nav > li .dropdown-menu.layer-2 li > .dropdown-item {
    padding-left: 2.35rem;
    font-size: 0.85rem;
    font-weight: normal;
    padding-top: 0.33rem;
    padding-bottom: 0.33rem;
    color: #6578B5 !important;
  }
  .navbar-collapse.offcanvas .navbar-nav {
    display: grid;
    grid-template-rows: auto auto;
  }
  .navbar-collapse.offcanvas .offcanvas-footer {
    display: grid;
    grid-template-rows: auto auto;
    position: relative;
    padding: 1rem 0.9rem 0;
  }
}
/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer {
  position: relative;
}
footer .footer-left-box {
  flex: 0 0 13.5rem;
  max-width: 13.5rem;
}
footer .footer-social-box .social-link {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  display: block;
  border: 0.05rem solid var(--bs-primary);
  margin-right: 0;
  transition: all 0.2s;
}
@media (hover: none) {
  footer .footer-social-box .social-link {
    transition: none;
  }
}
footer .footer-social-box .social-link + .social-link {
  margin: 0 0 0 0.5rem;
}
footer .footer-site-link .btn {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}
footer .footer-bottom {
  font-size: 0.75rem;
  line-height: 1.3;
}
footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.6);
}
footer .footer-bottom a:hover, footer .footer-bottom a:focus {
  text-decoration: underline;
}
footer .site-info-area .info-title > a {
  color: var(--bs-primary);
}
footer .site-info-area .info-title > a:hover {
  color: #7DC037;
}
footer .site-info-area .info-group .info-key {
  flex: 0 0 2.4rem;
}
footer .site-info-area .info-group a {
  color: #4F77E1;
  text-decoration: none;
}
footer .site-info-area .info-group a:hover {
  color: #4F77E1;
  text-decoration: underline;
}

/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/
.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  z-index: 1030;
  background: #fff;
  padding: 0 0.75rem;
  opacity: 1;
  transition: all 0.2s;
}
.loading-page .spinner {
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 0.56rem;
  box-shadow: 1.4rem 0px 0 0 rgba(131, 129, 211, 0.2), 1.135rem 0.825rem 0 0 rgba(131, 129, 211, 0.4), 0.434rem 1.33rem 0 0 rgba(131, 129, 211, 0.6), -0.434rem 1.33rem 0 0 rgba(131, 129, 211, 0.8), -1.135rem 0.825rem 0 0 #8381d3;
  animation: spinner-b87k6z 1s infinite linear;
}
@keyframes spinner-b87k6z {
  to {
    transform: rotate(360deg);
  }
}
.loading-page.hide {
  opacity: 0;
  visibility: hidden;
}

.webp .img-blob.blob-3 figure, .webp .img-blob.blob-3 div.shape {
  -webkit-mask-image: url("../img/list/list_frame@2x.webp");
          mask-image: url("../img/list/list_frame@2x.webp");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.webp .img-blob.judge figure, .webp .img-blob.judge div.shape {
  -webkit-mask-image: url("../img/gallery/review_list_bg@2x.webp");
          mask-image: url("../img/gallery/review_list_bg@2x.webp");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.webp .attach-icon.thumbtack:before {
  background: url("../img/list/icon_thumbtack@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp .attach-icon.location:before {
  background: url("../img/list/icon_location@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp .attach-icon.ribbon:before {
  background: url("../img/list/icon_ribbon@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp .report-list .list-item > a .icon {
  background: url("../img/icon/button_download@2x.webp") no-repeat;
  background-size: 100% auto;
}
.webp .report-list .list-item > a:hover .icon {
  background: url("../img/icon/button_download_hover@2x.webp") no-repeat;
  background-size: 100% auto;
}
.webp .qa-list .list-title.qa:before {
  background: url("../img/icon/icon_qalist@2x.webp") no-repeat;
  background-size: 100% auto;
}
.webp .qa-list .list-content .download-list li a:before {
  background: url("../img/icon/button_download@2x.webp") no-repeat;
  background-size: 100% auto;
}
.webp .qa-list .list-content .download-list li a:hover:before {
  background: url("../img/icon/button_download_hover@2x.webp") no-repeat;
  background-size: 100% auto;
}
.webp .memorabilia-box .memorabilia-item:nth-child(4n-3) ul li, .webp .memorabilia-box .memorabilia-item.item-3 ul li {
  background: url("../img/memorabilia/events_ul_li_01@2x.webp") 0 0 no-repeat;
  background-size: 1.2rem;
}
.webp .memorabilia-box .memorabilia-item:nth-child(4n-2) ul li, .webp .memorabilia-box .memorabilia-item.item-2 ul li {
  background: url("../img/memorabilia/events_ul_li_02@2x.webp") 0 0 no-repeat;
  background-size: 1.2rem;
}
.webp .memorabilia-box .memorabilia-item:nth-child(4n-1) ul li, .webp .memorabilia-box .memorabilia-item.item-1 ul li {
  background: url("../img/memorabilia/events_ul_li_03@2x.webp") 0 0 no-repeat;
  background-size: 1.2rem;
}
.webp .memorabilia-box .memorabilia-item:nth-child(4n-0) ul li, .webp .memorabilia-box .memorabilia-item.item-0 ul li {
  background: url("../img/memorabilia/events_ul_li_04@2x.webp") 0 0 no-repeat;
  background-size: 1.2rem;
}
.webp .page-banner-wrapper:before {
  background: url("../img/banner/banner_bg_xs.webp") no-repeat 50% 0;
  background-size: 38.4rem 7rem;
}
@media screen and (min-width: 768px) {
  .webp .page-banner-wrapper:before {
    background: url("../img/banner/banner_bg_lg.webp") no-repeat 50% 0;
    background-size: 96rem 6rem;
    background-color: #F4F3FC;
  }
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.about:before {
  background: url("../img/banner/banner_icon_about@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.page404:before {
  background: url("../img/banner/banner_icon_page404@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.support:before {
  background: url("../img/banner/banner_icon_support@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.news:before {
  background: url("../img/banner/banner_icon_news@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.service:before {
  background: url("../img/banner/banner_icon_service@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.rights:before {
  background: url("../img/banner/banner_icon_rights@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.gallery:before {
  background: url("../img/banner/banner_icon_gallery@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.involve:before {
  background: url("../img/banner/banner_icon_involve@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.hair:before {
  background: url("../img/banner/banner_icon_hair@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.camera:before {
  background: url("../img/banner/banner_icon_camera@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.camera:before {
  background: url("../img/banner/banner_icon_camera@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .page-banner-wrapper .page-banner-content .banner-title-box.sing:before {
  background: url("../img/banner/banner_icon_sing@2x.webp") no-repeat center;
  background-size: 100% auto;
}
.webp .side-toolbar .toolbar-btn.donate {
  background: url("../img/side_toolbar/button_side_donate@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.yt {
  background: url("../img/side_toolbar/button_side_yt@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.podcast {
  background: url("../img/side_toolbar/button_side_podcast@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.fb {
  background: url("../img/side_toolbar/button_side_fb@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.line {
  background: url("../img/side_toolbar/button_side_line@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.weibo {
  background: url("../img/side_toolbar/button_side_weibo@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.xiaohongshu {
  background: url("../img/side_toolbar/button_side_xiaohongshu@2x.webp") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.webp .side-toolbar .toolbar-btn.donate {
  background-size: 0.85rem 0.7rem;
  background-position: 50% 0.4rem;
  background-color: #FD7379;
}
.webp footer .footer-social-box .social-link.yt {
  background: url("../img/footer/button_footer_yt@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link.podcast {
  background: url("../img/footer/button_footer_podcast@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link.fb {
  background: url("../img/footer/button_footer_fb@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link.line {
  background: url("../img/footer/button_footer_line@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link.weibo {
  background: url("../img/footer/button_footer_weibo@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link.xiaohongshu {
  background: url("../img/footer/button_footer_xiaohongshu@2x.webp") center no-repeat;
  background-size: 100% auto;
}
.webp footer .footer-social-box .social-link:hover, .webp footer .footer-social-box .social-link:focus, .webp footer .footer-social-box .social-link:active {
  transform: none;
  background-color: rgba(131, 129, 211, 0.2);
}
.webp a.link-donate span:after {
  background: url("../img/header/icon_header_donate@2x.webp");
  background-size: 100% auto;
}
.webp a.link-knowledge span:after {
  background: url("../img/header/icon_header_knowledge@2x.webp");
  background-size: 100% auto;
}
.webp a.link-app span:after {
  background: url("../img/header/icon_header_app@2x.webp");
  background-size: 100% auto;
}
.webp .graphic-read-area .graphic-box .graphic-item .img-blob figure, .webp .graphic-read-area .graphic-box .graphic-item .img-blob div.shape {
  -webkit-mask-image: url("../img/home/index_pic02_frame@2x.webp");
          mask-image: url("../img/home/index_pic02_frame@2x.webp");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.webp .form-control.form-select {
  background-image: url("../img/icon/arrow_green@2x.webp");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}
.webp .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-image: url("../img/icon/arrow_green@2x.webp");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}
.webp .gallery-search .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-image: url("../img/icon/arrow_black@2x.webp");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}

.no-webp .img-blob.blob-3 figure, .no-webp .img-blob.blob-3 div.shape {
  -webkit-mask-image: url("../img/list/list_frame@2x.png");
          mask-image: url("../img/list/list_frame@2x.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.no-webp .img-blob.judge figure, .no-webp .img-blob.judge div.shape {
  -webkit-mask-image: url("../img/gallery/review_list_bg@2x.png");
          mask-image: url("../img/gallery/review_list_bg@2x.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.no-webp .attach-icon.thumbtack:before {
  background: url("../img/list/icon_thumbtack@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp .attach-icon.location:before {
  background: url("../img/list/icon_location@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp .attach-icon.ribbon:before {
  background: url("../img/list/icon_ribbon@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp .report-list > a .icon {
  background: url("../img/icon/button_download@2x.png") no-repeat;
  background-size: 100% auto;
}
.no-webp .report-list > a:hover .icon {
  background: url("../img/icon/button_download_hover@2x.png") no-repeat;
  background-size: 100% auto;
}
.no-webp .qa-list .list-title.qa:before {
  background: url("../img/icon/icon_qalist@2x.png") no-repeat;
  background-size: 100% auto;
}
.no-webp .qa-list .list-content .download-list li a:before {
  background: url("../img/icon/button_download@2x.png") no-repeat;
  background-size: 100% auto;
}
.no-webp .qa-list .list-content .download-list li a:hover:before {
  background: url("../img/icon/button_download_hover@2x.png") no-repeat;
  background-size: 100% auto;
}
.no-webp .memorabilia-box .memorabilia-item:nth-child(4n-3) ul li, .no-webp .memorabilia-box .memorabilia-item.item-3 ul li {
  background: url("../img/memorabilia/events_ul_li_01@2x.png") 0 0 no-repeat;
  background-size: 1.2rem;
}
.no-webp .memorabilia-box .memorabilia-item:nth-child(4n-2) ul li, .no-webp .memorabilia-box .memorabilia-item.item-2 ul li {
  background: url("../img/memorabilia/events_ul_li_02@2x.png") 0 0 no-repeat;
  background-size: 1.2rem;
}
.no-webp .memorabilia-box .memorabilia-item:nth-child(4n-1) ul li, .no-webp .memorabilia-box .memorabilia-item.item-1 ul li {
  background: url("../img/memorabilia/events_ul_li_03@2x.png") 0 0 no-repeat;
  background-size: 1.2rem;
}
.no-webp .memorabilia-box .memorabilia-item:nth-child(4n-0) ul li, .no-webp .memorabilia-box .memorabilia-item.item-0 ul li {
  background: url("../img/memorabilia/events_ul_li_04@2x.png") 0 0 no-repeat;
  background-size: 1.2rem;
}
.no-webp .page-banner-wrapper:before {
  background: url("../img/banner/banner_bg_xs.jpg") no-repeat 50% 0;
  background-size: 38.4rem 7rem;
}
@media screen and (min-width: 768px) {
  .no-webp .page-banner-wrapper:before {
    background: url("../img/banner/banner_bg_lg.jpg") no-repeat 50% 0;
    background-size: 96rem 6rem;
    background-color: #F4F3FC;
  }
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.about:before {
  background: url("../img/banner/banner_icon_about@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.page404:before {
  background: url("../img/banner/banner_icon_page404@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.support:before {
  background: url("../img/banner/banner_icon_support@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.news:before {
  background: url("../img/banner/banner_icon_news@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.service:before {
  background: url("../img/banner/banner_icon_service@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.rights:before {
  background: url("../img/banner/banner_icon_rights@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.gallery:before {
  background: url("../img/banner/banner_icon_gallery@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.involve:before {
  background: url("../img/banner/banner_icon_involve@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.hair:before {
  background: url("../img/banner/banner_icon_hair@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.camera:before {
  background: url("../img/banner/banner_icon_camera@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.camera:before {
  background: url("../img/banner/banner_icon_camera@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .page-banner-wrapper .page-banner-content .banner-title-box.sing:before {
  background: url("../img/banner/banner_icon_sing@2x.png") no-repeat center;
  background-size: 100% auto;
}
.no-webp .side-toolbar .toolbar-btn.donate {
  background: url("../img/side_toolbar/button_side_donate@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.yt {
  background: url("../img/side_toolbar/button_side_yt@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.podcast {
  background: url("../img/side_toolbar/button_side_podcast@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.fb {
  background: url("../img/side_toolbar/button_side_fb@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.line {
  background: url("../img/side_toolbar/button_side_line@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.weibo {
  background: url("../img/side_toolbar/button_side_weibo@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.xiaohongshu {
  background: url("../img/side_toolbar/button_side_xiaohongshu@2x.png") center no-repeat;
  background-size: 1.25rem;
  background-color: var(--bs-primary);
}
.no-webp .side-toolbar .toolbar-btn.donate {
  background-size: 0.85rem 0.7rem;
  background-position: 50% 0.4rem;
  background-color: #FD7379;
}
.no-webp footer .footer-social-box .social-link.yt {
  background: url("../img/footer/button_footer_yt@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link.podcast {
  background: url("../img/footer/button_footer_podcast@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link.fb {
  background: url("../img/footer/button_footer_fb@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link.line {
  background: url("../img/footer/button_footer_line@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link.weibo {
  background: url("../img/footer/button_footer_weibo@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link.xiaohongshu {
  background: url("../img/footer/button_footer_xiaohongshu@2x.png") center no-repeat;
  background-size: 100% auto;
}
.no-webp footer .footer-social-box .social-link:hover, .no-webp footer .footer-social-box .social-link:focus, .no-webp footer .footer-social-box .social-link:active {
  transform: none;
  background-color: rgba(131, 129, 211, 0.2);
}
.no-webp a.link-donate span:after {
  background: url("../img/header/icon_header_donate@2x.png");
  background-size: 100% auto;
}
.no-webp a.link-knowledge span:after {
  background: url("../img/header/icon_header_knowledge@2x.png");
  background-size: 100% auto;
}
.no-webp a.link-app span:after {
  background: url("../img/header/icon_header_app@2x.png");
  background-size: 100% auto;
}
.no-webp .graphic-read-area .graphic-box .graphic-item .img-blob figure, .no-webp .graphic-read-area .graphic-box .graphic-item .img-blob div.shape {
  -webkit-mask-image: url("../img/home/index_pic02_frame@2x.png");
          mask-image: url("../img/home/index_pic02_frame@2x.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.no-webp .form-control.form-select {
  background-image: url("../img/icon/arrow_green@2x.png");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}
.no-webp .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-image: url("../img/icon/arrow_green@2x.png");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}
.no-webp .gallery-search .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-image: url("../img/icon/arrow_black@2x.png");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.6rem 0.6rem;
}

.page-banner-wrapper {
  position: relative;
}
.page-banner-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
}
@media screen and (min-width: 768px) {
  .page-banner-wrapper:before {
    height: 6rem;
  }
}
.page-banner-wrapper .page-banner-content {
  padding-top: 3.25rem;
  padding-bottom: 2rem;
}
.page-banner-wrapper .page-banner-content .banner-title-box:before {
  content: "";
  width: 5rem;
  height: 5.5rem;
  margin-bottom: 0.5rem;
}
.page-banner-wrapper .page-banner-content .banner-title-box .banner-title {
  position: relative;
  color: #A6BDF9;
}
.page-banner-wrapper .page-banner-content .banner-title-box .banner-title .main-title {
  color: #5B59A8;
}

.breadcrumbs {
  position: absolute;
  top: 0.6rem;
  left: 0;
  font-size: 0.7rem;
  color: #48547B;
}
.breadcrumbs a {
  color: #48547B;
}
.breadcrumbs a:hover {
  color: #48547B;
}
.breadcrumbs span.path-arrow {
  background: url(../img/breadcrumbs/path_arrow@2x.png) no-repeat center;
  background-size: 100% auto;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.breadcrumbs .active {
  color: #8381D3;
}

.pagination > li + li {
  margin-left: 0.5rem;
}
.pagination > li > a {
  border: none;
}
.pagination > li > span {
  border: none;
}
.pagination > li .page-link {
  width: 2rem;
  height: 2rem;
  transition: none;
  cursor: pointer;
  font-size: 0.85rem;
  color: rgba(var(--bs-primary-rgb), 1);
}
.pagination > li .page-link.text-link {
  width: auto;
  padding: 0.4rem 0.4rem 0.3rem;
}
.pagination > li .page-link i {
  font-size: 1.5rem;
  font-weight: 100;
}
.pagination > li.active > .page-link, .pagination > li:hover > .page-link {
  color: #FFF;
  background-color: rgba(var(--bs-primary-rgb), 1);
  background-image: none;
  border-radius: 50%;
}
.pagination > li.active > .page-link.text-link, .pagination > li:hover > .page-link.text-link {
  border-radius: 2.15rem;
}

.page-cat-wrapper .cat-btn-box {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -10px;
}
.page-cat-wrapper .cat-btn-box > * {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
}
.page-cat-wrapper .cat-btn-box.gallery a {
  display: inline-block;
  width: 8.3rem;
}
.page-cat-wrapper .cat-btn-box.gallery .cat-dropdown button {
  width: 8.3rem;
}

.cat-dropdown button.dropdown-toggle:after {
  position: absolute;
  right: 0.6rem;
}
.cat-dropdown ul {
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem !important;
  border: 0.05rem solid var(--bs-leaf);
  box-shadow: none;
}
.cat-dropdown ul > li + li {
  margin-top: 5px;
}
.cat-dropdown ul > li a {
  display: block;
  color: #7AB53C;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding: 0.6rem 0.5rem 0.6rem;
}
.cat-dropdown ul > li a:hover, .cat-dropdown ul > li a:focus, .cat-dropdown ul > li a.active {
  color: #FFF;
  background-color: var(--bs-leaf);
}
.cat-dropdown.type-2 button.dropdown-toggle {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cat-dropdown.type-2 button.dropdown-toggle {
    min-width: 2.75rem;
    width: auto;
  }
}
.cat-dropdown.type-2 ul {
  border-color: var(--bs-primary);
}
.cat-dropdown.type-2 ul > li a {
  color: var(--bs-primary);
}
.cat-dropdown.type-2 ul > li a:hover, .cat-dropdown.type-2 ul > li a:focus, .cat-dropdown.type-2 ul > li a.active {
  color: #FFF;
  background-color: var(--bs-primary);
}

.share-box {
  position: relative;
  min-width: 5.9rem;
}
.share-box:before {
  content: "";
  width: 1.25rem;
  height: 1.4rem;
  background: url("../img/share/icon_share@2x.png") center no-repeat;
  background-size: 100% auto;
  margin-right: 0.75rem;
}
.share-box .share-btn {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  text-indent: -100rem;
  overflow: hidden;
}
.share-box .share-btn + .share-btn {
  margin-left: 0.4rem;
}
.share-box .share-btn.share-fb {
  background: url(../img/share/button_share_fb@2x.png) no-repeat center;
  background-size: 100% auto;
}
.share-box .share-btn.share-fb:hover {
  background: url(../img/share/button_share_fb_hover@2x.png) no-repeat center;
  background-size: 100% auto;
}
.share-box .share-btn.share-line {
  background: url(../img/share/button_share_line@2x.png) no-repeat center;
  background-size: 100% auto;
}
.share-box .share-btn.share-line:hover {
  background: url(../img/share/button_share_line_hover@2x.png) no-repeat center;
  background-size: 100% auto;
}

.detail-header .post-meta {
  margin-bottom: 0.4rem;
}
.detail-header .post-meta li:before {
  content: none;
}
.detail-header .post-meta li .post-cat {
  color: #FFF;
  border-radius: 1.4rem;
  font-weight: bold;
  line-height: 1;
  background: #FF9EA3;
  padding: 0.4rem 0.4rem 0.3rem;
}
.detail-header > h1 {
  color: #5B59A8;
}

.post-content, #tinymce {
  overflow: visible;
}

.info-meta {
  list-style: none;
  padding: 0;
  margin: 0;
}

.customize-row {
  margin-top: -1.75rem;
}
.customize-row > * {
  padding-top: 1.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.customize-row.work-box {
  margin-top: -2.25rem;
}
.customize-row.work-box > * {
  padding-top: 2.25rem;
}
@media screen and (min-width: 576px) {
  .customize-row {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .customize-row > * {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}

.intro-video-wrapper {
  overflow: hidden;
  padding-bottom: 3rem;
}
.intro-video-wrapper .swiper-navigation .swiper-button {
  width: 3rem;
  height: 3rem;
  background-color: var(--bs-leaf);
  color: #FFF;
  margin-top: 0;
  top: calc(50% - 1.5rem);
}
.intro-video-wrapper .swiper-navigation .swiper-button:after {
  font-size: 1.8rem;
}
.intro-video-wrapper .swiper-navigation .swiper-button.swiper-button-prev {
  left: -1.7rem;
}
.intro-video-wrapper .swiper-navigation .swiper-button.swiper-button-next {
  right: -1.7rem;
}
.intro-video-wrapper .swiper-navigation .swiper-button:hover, .intro-video-wrapper .swiper-navigation .swiper-button:focus {
  background-color: #7EAC4D;
}
.intro-video-wrapper .swiper-pagination {
  bottom: -1.5rem;
  display: flex;
  justify-content: center;
}
.intro-video-wrapper .swiper-pagination .swiper-pagination-bullet {
  transform: scale(1);
  width: 0.5rem;
  height: 0.5rem;
  border: 0.05rem solid var(--bs-primary);
  background-color: transparent;
  opacity: 1;
}
.intro-video-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 0.05rem solid var(--bs-primary);
  background-color: var(--bs-primary);
}
.intro-video-wrapper .swiper-slide figure {
  position: relative;
  height: 0;
  padding-bottom: 56.5217391304%;
  border-radius: 0.5rem;
}
.intro-video-wrapper .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro-video-wrapper .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s;
}
.intro-video-wrapper .swiper-slide .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.intro-video-wrapper .swiper-slide:hover:after {
  opacity: 1;
}
.intro-video-wrapper .video-box {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .intro-video-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 4.5rem;
  }
  .intro-video-wrapper .swiper-wrapper.less {
    justify-content: center;
  }
  .intro-video-wrapper .swiper-wrapper.less .swiper-slide {
    max-width: 33.3333333333%;
    margin-right: 0 !important;
  }
  .intro-video-wrapper .swiper-wrapper.less .swiper-slide + .swiper-slide {
    margin-left: 1.5rem;
  }
  .intro-video-wrapper .swiper-pagination {
    bottom: -2rem;
  }
  .intro-video-wrapper .swiper-navigation .swiper-button {
    box-shadow: 0 0.1rem 0.2rem 1px rgba(0, 0, 0, 0.25);
  }
  .intro-video-wrapper .swiper-navigation .swiper-button.swiper-button-prev {
    left: auto;
    right: calc(50% + 17.8rem);
  }
  .intro-video-wrapper .swiper-navigation .swiper-button.swiper-button-next {
    right: auto;
    left: calc(50% + 17.8rem);
  }
  .intro-video-wrapper .video-box {
    width: 106.5rem;
    padding-left: 0;
    padding-right: 0;
  }
  .intro-video-wrapper .video-box.less {
    width: 100%;
    max-width: 106.5rem;
  }
}

.judge-wrapper {
  background-color: #F4F3FC;
}
.judge-wrapper .judge-container {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .judge-wrapper .judge-container {
    max-width: 37.5rem;
  }
}
.judge-wrapper .judge-item {
  max-width: 14rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .judge-wrapper .judge-item {
    max-width: 12.45rem;
  }
}
.judge-wrapper .judge-item .img-blob {
  text-align: center;
  position: relative;
  padding-right: 2%;
}
.judge-wrapper .judge-item .img-blob .judge-photo figure {
  height: 0;
  padding-bottom: 117.7570093458%;
  width: 100%;
}
.judge-wrapper .judge-item .img-blob .judge-photo .shape {
  height: 0;
  width: 100%;
  padding-bottom: 117.7570093458%;
  top: 3%;
  right: -2%;
  z-index: 0;
  background-color: #E5E5FB;
}
.judge-wrapper .judge-item .judge-name {
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: 700;
  color: #5B59A8;
}
.judge-wrapper .judge-item .judge-title {
  font-size: 0.8rem;
  line-height: 1.5;
  color: #737FA7;
}

.work-wrapper .work-box .work-img {
  position: relative;
  margin-bottom: 1.9rem;
}
.work-wrapper .work-box .work-img figure img {
  border-radius: 0.5rem;
}
.work-wrapper .work-box .ranking-tag {
  position: absolute;
  bottom: -1.5rem;
  left: 0.75rem;
  padding: 0.7rem 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  border-radius: 1.4rem;
}
.work-wrapper .work-box .ranking-tag.yellow {
  background-color: #F6CA73;
}
.work-wrapper .work-box .ranking-tag.blue {
  background-color: #A6BDF9;
}
.work-wrapper .work-box .ranking-tag.red {
  background-color: #FF9EA2;
}
.work-wrapper .work-box .ranking-tag.green {
  background-color: #A3D272;
}
.work-wrapper .work-box .work-content {
  padding: 0 0.75rem;
}
.work-wrapper .work-box .work-title {
  color: #5B59A8;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}
.work-wrapper .work-box .work-info {
  color: #737FA7;
  font-size: 0.8rem;
  line-height: 1.3;
}

.works-detail-wrapper .works-head .works-head-info {
  font-size: 0.8rem;
  line-height: 1.3;
  color: #737FA7;
  margin-bottom: 0.3rem;
}
.works-detail-wrapper .works-head .works-title > h3 {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  color: #5B59A8;
}
.works-detail-wrapper .works-head .works-title > h1 {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  color: #5B59A8;
}
.works-detail-wrapper .works-info .info-key {
  color: #7E9DEE;
  font-weight: 700;
}

.play-video {
  cursor: pointer;
}

.index-title {
  color: #5B59A8;
}

.home-banner .swiper-container {
  background-color: #E5E5FB;
}
.home-banner .swiper-container .swiper-controls .swiper-pagination {
  bottom: 0.75rem;
}
.home-banner .swiper-container .swiper-controls .swiper-pagination .swiper-pagination-bullet {
  transform: none;
  background: transparent;
  border-color: #8381D3;
  border-width: 0.05rem;
  opacity: 1;
}
.home-banner .swiper-container .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #8381D3;
}
@media screen and (min-width: 768px) {
  .home-banner .swiper-container {
    height: 16rem;
  }
  .home-banner .swiper-container .swiper {
    height: 100%;
  }
  .home-banner .swiper-container .swiper figure {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .home-banner .swiper-container .swiper figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100% !important;
    max-width: none;
  }
}
@media screen and (min-width: 992px) {
  .home-banner .swiper-container {
    height: 20rem;
  }
}
@media screen and (min-width: 1200px) {
  .home-banner .swiper-container {
    height: 25.4rem;
  }
}

.home-link-area {
  margin-bottom: 2.75rem;
}
.home-link-area h3 {
  transition: all 0.2s;
  color: #5B59A8;
}
.home-link-area figure {
  max-width: 7.5rem;
  margin: 0 auto;
}
.home-link-area figure source, .home-link-area figure img {
  max-width: 7.5rem;
}
.home-link-area .home-link-item {
  transition: all 0.2s;
}
.home-link-area .home-link-item:hover {
  transform: translateY(-0.5rem);
}
.home-link-area .home-link-item:hover h3 {
  color: #EB6672;
}
@media screen and (min-width: 992px) {
  .home-link-area {
    margin-bottom: 2.25rem;
  }
}

.graphic-read-area .graphic-box .graphic-item .img-blob {
  max-width: 36rem;
  width: 100%;
  height: 100%;
  position: relative;
}
.graphic-read-area .graphic-box .graphic-item .img-blob figure img, .graphic-read-area .graphic-box .graphic-item .img-blob picture img {
  width: 100% !important;
}
.graphic-read-area .graphic-box .graphic-item .img-blob .shape {
  top: 10%;
  right: -2.5%;
  background: #C7E1B4;
}
.graphic-read-area .graphic-box .graphic-item .graphic-media figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media picture img {
  width: 100%;
  max-width: 41rem;
}
.graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-24 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-24 picture img {
  max-width: 24rem;
}
.graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-26 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-26 picture img {
  max-width: 36rem;
}
.graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-36-2 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-36-2 picture img {
  max-width: 36.2rem;
}
.graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-25-75 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-25-75 picture img {
  max-width: 25.75rem;
}
.graphic-read-area .graphic-box .graphic-item .graphic-content {
  max-width: 36rem;
  margin: 0 auto;
}
.graphic-read-area .graphic-box .graphic-item .graphic-content.xs-container-width {
  max-width: 100%;
}
.graphic-read-area .graphic-box .graphic-item .content-box .sub-title {
  color: #7A78D7;
}
.graphic-read-area .graphic-box .graphic-item .content-box .comment-group .comment-name:before {
  content: "";
  width: 1.5rem;
  height: 1.3rem;
  background: url("../img/rights/box/icon_talk@2x.png") no-repeat;
  background-size: 1.5rem 1.3rem;
  margin-right: 0.5rem;
}
.graphic-read-area .graphic-box .graphic-item .content-box .comment-group + .comment-group {
  border-top: 0.05rem solid #E0E2ED;
}
.graphic-read-area .graphic-box .graphic-item.right .graphic-media figure img, .graphic-read-area .graphic-box .graphic-item.right .graphic-media picture img {
  float: right;
}
.graphic-read-area .graphic-box .graphic-item.share .graphic-media {
  height: auto !important;
}
@media screen and (min-width: 576px) {
  .graphic-read-area .graphic-box .graphic-item .graphic-content.xs-container-width {
    max-width: 27rem;
  }
}
@media screen and (min-width: 768px) {
  .graphic-read-area .graphic-box .graphic-item.md-change > div {
    width: 50%;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media {
    position: relative;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media figure, .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media picture {
    position: absolute;
    top: 0;
    right: 0;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media figure img, .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media picture img {
    min-width: 41rem;
    float: none;
    margin-right: 0;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-24 {
    height: 24.3rem;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-24 figure img, .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-24 picture img {
    min-width: 24rem;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-25-75 {
    height: 20rem;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-25-75 figure img, .graphic-read-area .graphic-box .graphic-item.md-change .graphic-media.w-img-25-75 picture img {
    min-width: 25.75rem;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-content {
    margin: 0;
    max-width: none;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .graphic-content.xs-container-width {
    max-width: none;
    text-align: left;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change .content-box {
    max-width: 25.7rem;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change.right .graphic-media figure, .graphic-read-area .graphic-box .graphic-item.md-change.right .graphic-media picture {
    left: 0;
    right: auto;
  }
  .graphic-read-area .graphic-box .graphic-item.md-change.right .content-box {
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .graphic-read-area .graphic-box .graphic-item > div {
    width: 50%;
  }
  .graphic-read-area .graphic-box .graphic-item .img-blob {
    width: 36rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media {
    position: relative;
    height: 30rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media figure, .graphic-read-area .graphic-box .graphic-item .graphic-media picture {
    position: absolute;
    top: 0;
    right: 0;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media picture img {
    min-width: 41rem;
    float: none;
    margin-right: 0;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-26 {
    height: 27rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-26 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-26 picture img {
    min-width: 36rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-36-2 {
    height: 26.5rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-36-2 figure img, .graphic-read-area .graphic-box .graphic-item .graphic-media.w-img-36-2 picture img {
    min-width: 36.2rem;
  }
  .graphic-read-area .graphic-box .graphic-item .graphic-content {
    margin: 0;
    max-width: none;
  }
  .graphic-read-area .graphic-box .graphic-item .content-box {
    max-width: 25.7rem;
  }
  .graphic-read-area .graphic-box .graphic-item.right .graphic-media figure, .graphic-read-area .graphic-box .graphic-item.right .graphic-media picture {
    left: 0;
    right: auto;
  }
  .graphic-read-area .graphic-box .graphic-item.right .content-box {
    margin-left: auto;
  }
}
@media screen and (min-width: 1400px) {
  .graphic-read-area .graphic-box .graphic-item .content-box {
    max-width: 25.7rem;
  }
  .graphic-read-area .graphic-box .graphic-item .content-box.chairman {
    max-width: 30rem;
  }
}
.graphic-read-area.index {
  background: linear-gradient(#F4F3FC, #F4F3FC) no-repeat;
  background-position: bottom;
  background-size: 100% calc(100% - 2.5rem);
}
@media screen and (min-width: 992px) {
  .graphic-read-area.index {
    background-position: center;
    background-size: 100% calc(100% - 5rem);
  }
}
.graphic-read-area.content-bg {
  background: linear-gradient(#F4F3FC, #F4F3FC) no-repeat;
  background-position: bottom;
  background-size: 100% calc(100% - 5rem);
}
.graphic-read-area.content-bg .graphic-box .graphic-item .content-box {
  border-radius: 5rem;
}
@media screen and (min-width: 768px) {
  .graphic-read-area.content-bg {
    background: transparent;
  }
  .graphic-read-area.content-bg .graphic-box .graphic-item .content-box {
    background-color: #F4F3FC;
    max-width: 43.25rem;
    padding: 2.5rem 4rem 2.5rem 17.5rem;
    margin-left: -17.5rem;
    margin-right: 1.5rem;
  }
}

.home-achievement-area picture source, .home-achievement-area picture img {
  max-width: 100%;
}
.home-achievement-area .home-achievement-group {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .home-achievement-area .home-achievement-group {
    width: auto;
  }
}
.home-achievement-area .home-achievement-item > h3 {
  color: #5B59A8;
  line-height: 1.3;
}
.home-achievement-area .home-achievement-item .achievement-text span {
  display: inline-block;
  font-size: 1.5rem;
}
@media screen and (min-width: 992px) {
  .home-achievement-area .home-achievement-item .achievement-text span {
    font-size: 2.8rem;
  }
}

.home-ad-area div[class*=col] {
  max-width: 18.5rem;
}
.home-ad-area .ad-item {
  width: 100%;
  height: 0;
  padding-bottom: 37.2972972973%;
  margin: 0 auto;
  position: relative;
  border-radius: 0.5rem;
}
.home-ad-area .ad-item img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.home-gallery-wrapper {
  background: #F0F9EF;
  overflow: hidden;
}
.home-gallery-wrapper .gallery-intro {
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .home-gallery-wrapper .gallery-intro {
    text-align: center;
  }
}
.home-gallery-wrapper .gallery-list {
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 22rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.home-gallery-wrapper .gallery-list .swiper-slide {
  display: flex;
}
.home-gallery-wrapper .gallery-list .swiper-slide a {
  display: block;
  width: 100%;
}
.home-gallery-wrapper .gallery-list .swiper-slide figure {
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 0.5rem;
}
.home-gallery-wrapper .gallery-list .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}
.home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button {
  width: 3rem;
  height: 3rem;
  background-color: var(--bs-leaf);
  color: #FFF;
  margin-top: 0;
  top: calc(50% - 1.5rem);
}
.home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button:after {
  font-size: 1.8rem;
}
.home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button.swiper-button-prev {
  left: -0.7rem;
}
.home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button.swiper-button-next {
  right: -0.7rem;
}
.home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button:hover, .home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button:focus {
  background-color: #7EAC4D;
}
@media screen and (min-width: 768px) {
  .home-gallery-wrapper .gallery-list {
    max-width: 2600px;
    padding-left: 0;
    padding-right: 0;
  }
  .home-gallery-wrapper .gallery-list .swiper-slide {
    max-width: 20rem;
    width: 100% !important;
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.show-next figure {
    transform: scale(0.8) translateX(-2.5rem);
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.show-prev figure {
    transform: scale(0.8) translateX(2.5rem);
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.show-next-next figure {
    transform: scale(0.8) translateX(-5rem);
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.show-prev-prev figure {
    transform: scale(0.8) translateX(5rem);
  }
  .home-gallery-wrapper .gallery-list .swiper-slide figure {
    transform: scale(0.8);
    transition: transform ease-in-out 0.2s;
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.swiper-slide-active figure {
    transform: scale(1);
  }
  .home-gallery-wrapper .gallery-list .swiper-slide.swiper-slide-active.show {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button {
    box-shadow: 0 0.1rem 0.2rem 1px rgba(0, 0, 0, 0.25);
  }
  .home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button.swiper-button-prev {
    left: auto;
    right: calc(50% + 10.5rem);
  }
  .home-gallery-wrapper .gallery-list .swiper-navigation .swiper-button.swiper-button-next {
    right: auto;
    left: calc(50% + 10.5rem);
  }
}
.home-gallery-wrapper .gallery-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.6rem;
}
.home-gallery-wrapper .gallery-info .gallery-title {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #5B59A8;
  border-bottom: 0.05rem dashed;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}
.home-gallery-wrapper .gallery-info .gallery-author {
  font-size: 0.8rem;
}

.img-blob.blob-3 div.shape {
  display: block;
  padding-bottom: 75%;
  height: 0;
  width: 100%;
  top: 6%;
  right: -4%;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
}
.img-blob.blob-3 div.shape img {
  opacity: 0;
}
.img-blob.blob-3 figure {
  padding-bottom: 75%;
  width: 100%;
}
.img-blob.blob-3 figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate3d(0, 0, 0.5rem);
}
.img-blob.blob-2 figure {
  -webkit-mask-image: url(../img/svg/hex.svg);
          mask-image: url(../img/svg/hex.svg);
}

.img-rectangle-54 figure {
  padding-bottom: 75%;
  width: 100%;
}
.img-rectangle-54 figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate3d(0, 0, 0.5rem);
}

.hover-scale:hover figure img {
  transform: scale(1.1) translate3d(0, 0, 0.5rem);
  -webkit-transform: scale(1.1) translate3d(0, 0, 0.5rem);
}

.attach-icon {
  position: relative;
  font-size: 0.8rem;
  padding-left: 1.05rem;
}
.attach-icon.thumbtack {
  color: #7DC037;
}
.attach-icon.thumbtack:before {
  content: "";
  position: absolute;
  top: 0.05rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.attach-icon.location {
  color: #A6BDF9;
}
.attach-icon.location:before {
  content: "";
  position: absolute;
  top: 0.05rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.attach-icon.ribbon {
  color: #A6BDF9;
}
.attach-icon.ribbon:before {
  content: "";
  position: absolute;
  top: 0.05rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
}

.media-list-area .list-img {
  position: relative;
}
.media-list-area .list-img .list-cat {
  position: absolute;
  bottom: 0;
  left: 0.75rem;
  background-color: #FF9EA3;
  padding: 0.8rem 0.4rem 0.7rem;
  border-radius: 1.4rem;
  color: #FFF;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: bold;
  z-index: 3;
  transform: translate3d(0, 0, 1rem);
  -webkit-transform: translate3d(0, 0, 1rem);
}
.media-list-area .list-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.media-list-area .list-content .list-header {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.1rem;
  font-weight: bold;
  color: #5B59A8;
  margin-bottom: 0.4rem;
}
.media-list-area .list-content .list-header .list-title {
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: inherit;
  color: inherit;
  display: inline;
}
.media-list-area .list-content .list-header .list-top {
  color: #FD7379;
  margin-right: 0.2rem;
}
.media-list-area .list-content .list-intro {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #737FA7;
  margin-bottom: 0.75rem;
}
.media-list-area .list-content .info-meta {
  line-height: 1.3;
}
.media-list-area .list-content .info-meta .list-date {
  font-size: 0.8rem;
  color: #737FA7;
}
.media-list-area .list-content .info-meta.top-border {
  border-top: 0.05rem dashed #737FA7;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
}
.media-list-area .list-item > a.disable-link {
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
.media-list-area .list-item:hover:not(.media-list-area .list-item.hover-none) .list-content .list-header.list-title {
  color: #7DC037;
  text-decoration: underline;
}
.media-list-area .list-item:hover:not(.media-list-area .list-item.hover-none) .list-content .list-header .list-title {
  color: #7DC037;
  text-decoration: underline;
}

.report-list .list-item {
  display: block;
  padding-bottom: 75%;
  height: 0;
  width: 100%;
  top: 6%;
  right: -4%;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
}
.report-list .list-item figure {
  padding-bottom: 75%;
  width: 100%;
}
.report-list .list-item figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate3d(0, 0, 0.5rem);
}

.qa-list .list-item {
  border-bottom: 0.05rem dashed #C2C9DE;
  transition: all 0.2s;
}
.qa-list .list-item:last-child {
  border-bottom: 0;
}
.qa-list .list-item .list-title {
  color: #5B59A8;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.qa-list .list-item .list-title h2 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.qa-list .list-item .list-title.qa:before {
  content: "";
  width: 1.6rem;
  height: 1.75rem;
  margin-right: 0.4rem;
  flex: 0 0 1.6rem;
}
.qa-list .list-item .list-content .download-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.qa-list .list-item .list-content .download-list li + li {
  margin-top: 0.75rem;
}
.qa-list .list-item .list-content .download-list li a {
  position: relative;
  padding-left: 1.7rem;
  display: inline-block;
}
.qa-list .list-item .list-content .download-list li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.3rem;
  width: 1.3rem;
}
.qa-list .list-item .list-content .download-list li a:hover {
  color: #7DC037;
}
.qa-list .list-item .toggle-icon {
  position: relative;
  flex: 0 0 1.2rem;
}
.qa-list .list-item .toggle-icon:before, .qa-list .list-item .toggle-icon:after {
  content: "";
  position: absolute;
  background-color: var(--bs-leaf);
  transition: all 0.35s;
}
.qa-list .list-item .toggle-icon:before {
  width: 100%;
  height: 0.1rem;
  top: 0.65rem;
  left: 0;
}
.qa-list .list-item .toggle-icon:after {
  height: 1.2rem;
  width: 0.1rem;
  top: 0.1rem;
  left: 0.55rem;
}
.qa-list .list-item:hover, .qa-list .list-item.active {
  background-color: #F4F3FC;
}
.qa-list .list-item.active .toggle-icon:after {
  transform: scale(0);
}

.filter-icon {
  height: 0.6rem;
  width: 0.7rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.filter-icon:before, .filter-icon:after {
  content: "";
}
.filter-icon:before, .filter-icon span, .filter-icon:after {
  height: 0.2rem;
  background: #FFF;
  border-radius: 2rem;
}
.filter-icon:before,
.filter-icon span {
  margin: 0 0 0.15rem;
}
.filter-icon:before {
  width: 100%;
}
.filter-icon span {
  width: 0.55rem;
}
.filter-icon:after {
  width: 0.4rem;
}

.clear-btn {
  color: #A6BDF9;
}

.memorabilia-box ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.memorabilia-box ul li {
  padding-left: 1.7rem;
}
.memorabilia-box ul li + li {
  margin-top: 0.25rem;
}
.memorabilia-box .memorabilia-item {
  position: relative;
  padding-left: 1.45rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.memorabilia-box .memorabilia-item .img-blob {
  max-width: 18.75rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
.memorabilia-box .memorabilia-item .img-blob figure {
  position: relative;
  z-index: 3;
}
.memorabilia-box .memorabilia-item .img-blob .side-icon {
  position: absolute;
  top: calc(50% - 0.35rem);
  left: -1.3rem;
  background: #FFF;
  border-radius: 50%;
  width: 0.7rem;
  height: 0.7rem;
  z-index: 2;
}
.memorabilia-box .memorabilia-item .img-blob .side-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  height: 0.15rem;
  width: 2.35rem;
}
.memorabilia-box .memorabilia-item .item-content {
  position: relative;
  max-width: 25.7rem;
  z-index: 2;
}
.memorabilia-box .memorabilia-item .item-content .year {
  margin-right: 0.1rem;
}
.memorabilia-box .memorabilia-item .side-line {
  position: absolute;
  width: 1rem;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.2s linear;
}
.memorabilia-box .memorabilia-item .bottom-line {
  position: absolute;
  bottom: -5.2rem;
  left: 0.5rem;
  width: 100%;
  height: 19rem;
  transition: all 1.5s linear 0.2s;
  -ms-transition: all 1.5s linear 0.2s;
  transition-delay: 0;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3) .shape {
  background-color: #E5E5FB;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3) .year {
  color: #5B59A8;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3) .side-line {
  background-color: #E5E5FB;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3) .side-icon {
  transition: all 0.2s linear;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3) .side-icon:before {
  background-color: #E5E5FB;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3).left .bottom-line {
  background: url("../img/memorabilia/events_line_01_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
}
.memorabilia-box .memorabilia-item:nth-child(4n-3).right .bottom-line {
  background: url("../img/memorabilia/events_line_01_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
  background-position: right;
  right: 0.5rem;
  left: auto;
}
@media screen and (min-width: 1400px) {
  .memorabilia-box .memorabilia-item:nth-child(4n-3).left .bottom-line {
    background: url("../img/memorabilia/events_line_01_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
  }
  .memorabilia-box .memorabilia-item:nth-child(4n-3).right .bottom-line {
    background: url("../img/memorabilia/events_line_01_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
    background-position: right;
  }
}
.memorabilia-box .memorabilia-item:nth-child(4n-2) .shape {
  background-color: #F8DCDD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2) .year {
  color: #D41E26;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2) .side-line {
  background-color: #F8DCDD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2) .side-icon {
  transition: all 0.2s linear;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2) .side-icon:before {
  background-color: #F8DCDD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2).left .bottom-line {
  background: url("../img/memorabilia/events_line_02_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
}
.memorabilia-box .memorabilia-item:nth-child(4n-2).right .bottom-line {
  background: url("../img/memorabilia/events_line_02_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
  background-position: right;
  right: 0.5rem;
  left: auto;
}
@media screen and (min-width: 1400px) {
  .memorabilia-box .memorabilia-item:nth-child(4n-2).left .bottom-line {
    background: url("../img/memorabilia/events_line_02_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
  }
  .memorabilia-box .memorabilia-item:nth-child(4n-2).right .bottom-line {
    background: url("../img/memorabilia/events_line_02_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
    background-position: right;
  }
}
.memorabilia-box .memorabilia-item:nth-child(4n-1) .shape {
  background-color: #FBEBCD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1) .year {
  color: #CE982C;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1) .side-line {
  background-color: #FBEBCD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1) .side-icon {
  transition: all 0.2s linear;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1) .side-icon:before {
  background-color: #FBEBCD;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1).left .bottom-line {
  background: url("../img/memorabilia/events_line_03_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
}
.memorabilia-box .memorabilia-item:nth-child(4n-1).right .bottom-line {
  background: url("../img/memorabilia/events_line_03_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
  background-position: right;
  right: 0.5rem;
  left: auto;
}
@media screen and (min-width: 1400px) {
  .memorabilia-box .memorabilia-item:nth-child(4n-1).left .bottom-line {
    background: url("../img/memorabilia/events_line_03_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
  }
  .memorabilia-box .memorabilia-item:nth-child(4n-1).right .bottom-line {
    background: url("../img/memorabilia/events_line_03_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
    background-position: right;
  }
}
.memorabilia-box .memorabilia-item:nth-child(4n-0) .shape {
  background-color: #DFEEDA;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0) .year {
  color: #50B848;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0) .side-line {
  background-color: #DFEEDA;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0) .side-icon {
  transition: all 0.2s linear;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0) .side-icon:before {
  background-color: #DFEEDA;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0).left .bottom-line {
  background: url("../img/memorabilia/events_line_04_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
}
.memorabilia-box .memorabilia-item:nth-child(4n-0).right .bottom-line {
  background: url("../img/memorabilia/events_line_04_xl@2x.png") 0 0 no-repeat;
  background-size: 56rem auto;
  background-position: right;
  right: 0.5rem;
  left: auto;
}
@media screen and (min-width: 1400px) {
  .memorabilia-box .memorabilia-item:nth-child(4n-0).left .bottom-line {
    background: url("../img/memorabilia/events_line_04_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
  }
  .memorabilia-box .memorabilia-item:nth-child(4n-0).right .bottom-line {
    background: url("../img/memorabilia/events_line_04_xxl@2x.png") 0 0 no-repeat;
    background-size: 63.5rem auto;
    background-position: right;
  }
}
.memorabilia-box .memorabilia-item:first-child {
  padding-top: 0;
}
.memorabilia-box .memorabilia-item:first-child .side-line {
  border-radius: 0.5rem 0.5rem 0 0;
}
.memorabilia-box .memorabilia-item:last-child .side-line {
  border-radius: 0 0 0.5rem 0.5rem;
}
.memorabilia-box .memorabilia-item:only-child .side-line {
  border-radius: 0.5rem;
}
.memorabilia-box .memorabilia-item.no-line .bottom-line {
  width: 0 !important;
}
.memorabilia-box .memorabilia-item.no-line .bottom-line .bottom-icon {
  opacity: 0 !important;
}
.memorabilia-box .memorabilia-item.no-line .side-line {
  height: 0 !important;
}
.memorabilia-box .memorabilia-item.no-line .side-icon {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .memorabilia-box .memorabilia-item .img-blob {
    max-width: 15rem;
  }
  .memorabilia-box .memorabilia-item .item-content {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .memorabilia-box .memorabilia-item {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 9rem;
  }
  .memorabilia-box .memorabilia-item .img-blob {
    max-width: 18.75rem;
  }
  .memorabilia-box .memorabilia-item .side-line {
    top: 5.2rem;
    height: calc(100% - 19rem);
  }
  .memorabilia-box .memorabilia-item:first-child .side-line {
    top: 0;
    height: calc(100% - 13.8rem);
  }
  .memorabilia-box .memorabilia-item:last-child .side-line {
    top: 5rem;
    height: calc(100% - 13.8rem);
  }
  .memorabilia-box .memorabilia-item:only-child .side-line {
    top: 0;
    height: calc(100% - 8rem);
  }
  .memorabilia-box .memorabilia-item.left {
    padding-left: 3rem;
  }
  .memorabilia-box .memorabilia-item.left .img-blob .side-icon {
    left: -2.35rem;
  }
  .memorabilia-box .memorabilia-item.left .img-blob .side-icon:before {
    left: 100%;
  }
  .memorabilia-box .memorabilia-item.left .side-line {
    left: 0.5rem;
  }
  .memorabilia-box .memorabilia-item.left .item-content {
    padding-left: 1.5rem;
  }
  .memorabilia-box .memorabilia-item.left .bottom-line:before {
    bottom: 0;
    left: 0;
  }
  .memorabilia-box .memorabilia-item.left .bottom-line:after {
    bottom: -9rem;
    right: 1rem;
  }
  .memorabilia-box .memorabilia-item.right {
    padding-right: 3rem;
  }
  .memorabilia-box .memorabilia-item.right .img-blob .side-icon {
    left: auto;
    right: -2.35rem;
  }
  .memorabilia-box .memorabilia-item.right .img-blob .side-icon:before {
    right: 100%;
    left: auto;
  }
  .memorabilia-box .memorabilia-item.right .side-line {
    right: 0.5rem;
    left: auto;
  }
  .memorabilia-box .memorabilia-item.right .item-content {
    padding-right: 1.5rem;
    padding-left: 0;
  }
  .memorabilia-box .memorabilia-item.right .bottom-line:before {
    bottom: -9rem;
    left: 0;
  }
  .memorabilia-box .memorabilia-item.right .bottom-line:after {
    bottom: 0;
    right: 1rem;
  }
}

.extra-title-area h3 {
  position: relative;
  color: #5B59A8;
  display: inline-block;
}
.extra-title-area h3 span {
  position: relative;
  z-index: 2;
}
.extra-title-area h3:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #E5E5FB;
  border-radius: 1.2rem;
  width: calc(100% + 1rem);
  height: 100%;
}

.extra-list .img-blob {
  position: relative;
}
@media screen and (min-width: 768px) {
  .extra-list .img-blob {
    min-width: 12.5rem;
  }
}
.extra-list .img-blob .shape {
  top: 8%;
  right: -6%;
}
.extra-list .extra-list-title {
  color: #5B59A8;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}
.extra-list p {
  color: #737FA7;
}

.masonry-list-area.hide {
  display: none;
}
.masonry-list-area .collapse-btn {
  position: relative;
  color: #FFF;
  background-color: #A3D272;
  border: 0.05rem solid #A3D272;
}
.masonry-list-area .collapse-btn:after {
  content: "\e900";
  position: absolute;
  top: calc(50% - 0.375rem);
  right: 0.6rem;
  font-family: Custom;
  display: inline-block;
  border: 0;
  font-size: 0.75rem;
  transition: all 0.2s;
}
.masonry-list-area .collapse-btn.collapsed {
  color: #A3D272;
  background-color: #FFF;
}
.masonry-list-area .collapse-btn.collapsed:after {
  transform: rotate(-90deg);
}
@media screen and (min-width: 768px) {
  .masonry-list-area .masonry-tab.hide {
    display: none;
  }
}
.masonry-list-area .masonry-item article {
  border-radius: 0.5rem;
  border: 0.05rem solid #C2C9DE;
  background: #FFF;
}
.masonry-list-area .masonry-media figure {
  padding-bottom: 44.4444444444%;
  width: 100%;
  position: relative;
}
.masonry-list-area .masonry-media figure img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.masonry-list-area .masonry-content .masonry-title {
  font-size: 1rem;
  margin-bottom: 0.4rem;
  color: #5B59A8;
  font-weight: bold;
  line-height: 1.3;
}

.form-control {
  padding: 0.6rem 0.75rem 0.5rem;
  border: 0.05rem solid var(--bs-leaf);
  border-radius: 2rem;
  font-size: 0.8rem;
  line-height: 1;
  box-shadow: none;
  color: #7AB53C;
}
.form-control:not(textarea) {
  height: 2rem;
}
.form-control::-webkit-input-placeholder {
  color: #7AB53C;
}
.form-control:-moz-placeholder {
  color: #7AB53C;
}
.form-control::-moz-placeholder {
  color: #7AB53C;
}
.form-control:-ms-input-placeholder {
  color: #7AB53C;
}
.form-control:focus {
  border-color: #7AB53C;
  color: #7AB53C;
}

.select2-container.select2-container--default .select2-selection--single {
  border-radius: 0.25rem;
  font-size: 0.8rem;
  line-height: 1;
  box-shadow: none;
  padding: 0;
  height: 2rem;
  border: 0;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #7AB53C;
  line-height: 1;
  padding: 0.6rem 0.75rem 0.5rem;
  border: 0.05rem solid var(--bs-leaf);
  border-radius: 2rem;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #7AB53C;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  opacity: 0;
}
.select2-container.select2-container--default .select2-selection--single:focus {
  box-shadow: none;
  outline: none;
}
.select2-container.select2-container--default .select2-selection--single:focus .select2-selection__rendered {
  border-color: #7AB53C;
}
.select2-container.select2-container--default .select2-dropdown {
  border: 0.05rem solid var(--bs-leaf);
  border-radius: 4px;
  position: relative;
  z-index: 1099;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #7AB53C;
  font-weight: bold;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .select2-container.select2-container--default .select2-dropdown {
    z-index: 1059;
  }
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options {
  margin: 0.25rem 0.25rem 0.25rem 0.5rem;
  padding-right: 0.25rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
  width: 8px;
  background-clip: padding-box;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 8px;
  background-clip: padding-box;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #9fa798;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-button {
  display: none;
}
.select2-container.select2-container--default li.select2-results__option {
  padding: 0.6rem 0.5rem 0.6rem;
  border-radius: 0.5rem;
  line-height: 1;
}
.select2-container.select2-container--default li.select2-results__option.select2-results__option--highlighted {
  color: #FFF;
  background-color: var(--bs-leaf);
}
.select2-container.select2-container--default li.select2-results__option + li.select2-results__option {
  margin-top: 0.25rem;
}
.select2-container.select2-container--default .select2-results__option--selected {
  background-color: transparent;
}

.gallery-search .select2-container.select2-container--default .select2-selection--single {
  background-color: transparent;
}
.gallery-search .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #737FA7;
  border-color: 0.05rem solid var(--bs-primary);
  background-color: #FFF;
}
.gallery-search .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #737FA7;
}
.gallery-search .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  opacity: 0;
}
.gallery-search .select2-container.select2-container--default .select2-selection--single:focus .select2-selection__rendered {
  border-color: #737FA7;
}
.gallery-search .select2-container.select2-container--default .select2-dropdown {
  border-color: 0.05rem solid var(--bs-primary);
  color: #737FA7;
}
.gallery-search .select2-container.select2-container--default li.select2-results__option.select2-results__option--highlighted {
  color: #FFF;
  background-color: var(--bs-primary);
}
.gallery-search .form-control {
  border-color: var(--bs-primary);
  color: #737FA7;
}
.gallery-search .form-control::-webkit-input-placeholder {
  color: #737FA7;
}
.gallery-search .form-control:-moz-placeholder {
  color: #737FA7;
}
.gallery-search .form-control::-moz-placeholder {
  color: #737FA7;
}
.gallery-search .form-control:-ms-input-placeholder {
  color: #737FA7;
}
.gallery-search .form-control:focus {
  border-color: var(--bs-primary);
  color: #737FA7;
}
.gallery-search button[type=submit]:not(.head), .gallery-search .filter-btn {
  background-color: var(--bs-primary);
}
.gallery-search button[type=submit]:not(.head):hover, .gallery-search button[type=submit]:not(.head):focus, .gallery-search button[type=submit]:not(.head):active, .gallery-search button[type=submit]:not(.head).active, .gallery-search .filter-btn:hover, .gallery-search .filter-btn:focus, .gallery-search .filter-btn:active, .gallery-search .filter-btn.active {
  background-color: #6664BB;
}
.gallery-search .del-search {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.gallery-search .del-search:hover, .gallery-search .del-search:focus, .gallery-search .del-search:active, .gallery-search .del-search.active {
  background-color: var(--bs-primary);
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .gallery-search .gallery-search-wrapper {
    background-color: #F4F3FC;
    padding: 1.5rem;
  }
}

.fixedpage-title figure img {
  width: 3.1rem;
}
.fixedpage-title h3 {
  color: #5B59A8;
}

.organization-area {
  background-color: #F4F3FC;
}

.bod-wrapper .bod-box {
  border-radius: 1rem;
}
.bod-wrapper .bod-box.purple {
  background-color: #F4F3FC;
}
.bod-wrapper .bod-box.purple .bod-title {
  background-color: #A6BDF9;
}
.bod-wrapper .bod-box.green {
  background-color: #F2F8F0;
}
.bod-wrapper .bod-box.green .bod-title {
  background-color: var(--bs-leaf);
}
.bod-wrapper .bod-box .bod-title {
  width: 100%;
  border-radius: 1.5rem;
}
.bod-wrapper .bod-box .bod-content .bod-main {
  border-bottom: 0.05rem solid #E0E2ED;
}
.bod-wrapper .bod-box .bod-content .bod-main .chairman {
  color: var(--bs-primary);
}
.bod-wrapper .bod-box .bod-content .bod-group .name {
  margin-bottom: 0.4rem;
}
.bod-wrapper .bod-box .group-title {
  color: #A6BDF9;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
}
.bod-wrapper .bod-box .group-title.top-line {
  border-top: 0.05rem solid #E0E2ED;
}
@media screen and (min-width: 768px) {
  .bod-wrapper .bod-box {
    border-radius: 2.5rem;
  }
  .bod-wrapper .bod-box .bod-title {
    width: 2.75rem;
    border-radius: 1.5rem;
  }
  .bod-wrapper .bod-box .bod-content {
    padding: 0 4.25rem;
  }
}

.bg-title .bg-box {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.bg-title .bg-box:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E5E5FB;
  border-radius: 1.2rem;
}
.bg-title .bg-box h3 {
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  color: #5B59A8;
  margin-bottom: 0;
}
.bg-title .bg-box h2 {
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  color: #5B59A8;
  margin-bottom: 0;
}

.process-area .process-step {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .process-area .process-step {
    align-items: center;
  }
}
.process-area .process-step .year {
  width: 3.5rem;
  height: 3.5rem;
  flex: 0 0 3.5rem;
  background-color: #F2F8F0;
  border-radius: 50%;
  border: 0.15rem solid #C7E1B4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: bold;
  z-index: 2;
}
.process-area .process-step .content {
  padding-left: 0.75rem;
}
.process-area .process-step:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  height: 100%;
  width: 1rem;
  background-color: #C7E1B4;
}
.process-area .process-step:first-child:before {
  height: calc(100% - 1rem);
}
.process-area .process-step:last-child {
  padding-bottom: 0;
}
.process-area .process-step:last-child .year {
  font-size: 0;
  height: 1.95rem;
  border-radius: 0;
  border: 0;
  background: url("../img/rights/box/timeline_arrow@2x.png") no-repeat;
  background-size: 3.5rem 1.95rem;
}
.process-area .process-step:last-child:before {
  height: 0;
  top: 0;
  bottom: auto;
}
@media screen and (min-width: 768px) {
  .process-area .process-step:last-child:before {
    height: 50%;
  }
}

.card-wrapper .card {
  box-shadow: none;
}
.card-wrapper .card .card-header {
  text-align: center;
  border-bottom: 0;
  padding: 1rem 1.5rem;
  border-radius: 1.3rem 1.3rem 0 0;
}
.card-wrapper .card .card-body {
  padding: 1rem;
  border-radius: 0 0 1.3rem 1.3rem;
}
.card-wrapper .card.orange .card-header {
  background-color: #F5DCA9;
}
.card-wrapper .card.orange .card-header .highlight {
  color: #DD8331;
}
.card-wrapper .card.orange .card-body {
  background-color: #FCF9F3;
  border: 0.15rem solid #F5DCA9;
}
.card-wrapper .card.orange .card-body ul {
  list-style: none;
}
.card-wrapper .card.green {
  position: relative;
}
.card-wrapper .card.green .card-header {
  background-color: #F2F8F0;
  border-left: 0.15rem solid;
  border-right: 0.15rem solid;
  border-top: 0.15rem solid;
  border-color: #DFEEDA;
}
.card-wrapper .card.green .logo-title {
  width: 100%;
  text-align: center;
  color: #50B848;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #F2F8F0 0%, #F2F8F0 50%, transparent 50%);
  border-left: 0.15rem solid;
  border-right: 0.15rem solid;
  border-color: #DFEEDA;
  position: relative;
}
.card-wrapper .card.green .logo-title:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.05rem);
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(to right, #DFEEDA 0%, #DFEEDA 50%, transparent 50%);
  background-size: 0.6rem 0.15rem;
  background-repeat: repeat-x;
  width: calc(100% - 0.5rem);
  height: 0.15rem;
}
.card-wrapper .card.green .logo-title span {
  position: relative;
  display: inline-block;
  z-index: 2;
  background-image: linear-gradient(to bottom, #F2F8F0 0%, #F2F8F0 50%, #FFF 50%);
  padding: 0 0.75rem;
}
.card-wrapper .card.green .card-body {
  border: 0.15rem solid #DFEEDA;
  border-top: 0;
  position: relative;
}
.card-wrapper .card.green:before {
  content: "";
  position: absolute;
  left: calc(50% - 1.375rem);
  background: url("../img/rights/take_care/network_arrow@2x.png") no-repeat;
  background-size: 2.75rem 2.4rem;
  width: 2.75rem;
  height: 2.4rem;
  z-index: 2;
}
.card-wrapper .card.green:before {
  top: -2rem;
  transform: rotate(270deg);
}
.card-wrapper .card.purple .card-header {
  background-color: #E5E5FB;
}
.card-wrapper .card.purple .card-header .highlight {
  color: #6D6AC5;
}
.card-wrapper .card.purple .card-body {
  background-color: #F4F3FC;
  border: 0.15rem solid #E5E5FB;
}
.card-wrapper .card.purple .card-body ul {
  list-style: none;
}
.card-wrapper .card.purple:before {
  content: "";
  position: absolute;
  top: -2rem;
  left: calc(50% - 1.375rem);
  background: url("../img/rights/take_care/network_arrow@2x.png") no-repeat;
  background-size: 2.75rem 2.4rem;
  width: 2.75rem;
  height: 2.4rem;
  z-index: 2;
  transform: rotate(90deg);
}
@media screen and (min-width: 576px) {
  .card-wrapper .card.green .logo-title:before {
    width: calc(100% - 2.7rem);
  }
}
@media screen and (min-width: 1200px) {
  .card-wrapper .card.green:before {
    top: calc(50% - 1.2rem);
    left: -2rem;
    transform: rotate(180deg);
  }
  .card-wrapper .card.purple:before {
    top: calc(50% - 1.2rem);
    left: -2rem;
    transform: none;
  }
}

/*
=================================================================
(#m04idb) INDEX BANNER
=================================================================
*/
#rev_slider_68_1_wrapper .zeus .tp-bullet {
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 576px) {
  #rev_slider_68_1_wrapper .zeus .tp-bullet {
    width: 13px;
    height: 13px;
  }
}

.image-wrapper.swiper-festival:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: -1.25rem;
  margin-left: -1.25rem;
  background: none;
  border: 4px solid #f37460;
  box-shadow: none;
  border-radius: 50%;
  animation: loader-scale 1s ease-out infinite;
}
@media screen and (min-width: 576px) {
  .image-wrapper.swiper-festival {
    height: 500px !important;
  }
}
@media screen and (min-width: 768px) {
  .image-wrapper.swiper-festival {
    height: calc(100vh - 75px) !important;
    min-height: 480px !important;
  }
}
.image-wrapper .img-area.year-2023 {
  background: #ff9362;
}
.image-wrapper .img-area img {
  width: 100%;
  height: 100%;
}
.image-wrapper .img-area .img-content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 576px) {
  .image-wrapper .img-area {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    top: 0;
    left: 0;
    background: #fff;
  }
  .image-wrapper .img-area:-webkit-media-controls {
    display: none !important;
  }
  .image-wrapper .img-area .img-content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    overflow: hidden;
  }
  .image-wrapper .img-area .img-content img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
  }
}
/*# sourceMappingURL=base.css.map */